/* Start:/local/templates/site/assets/vendor/fancybox/fancybox.css?175705404325274*/ :root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container *:empty{display:block}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none} /* End */ /* Start:/local/templates/site/assets/css/yandex-map.css?175705404317080*/ .cluster_custom > span { position: absolute; left: 0; right: 0; text-align: center; z-index: 1; line-height: 56px; } .contacts-page-map-top .bx-yandex-view-layout { margin-bottom: 0px; } .bx-yandex-view-map .bx-yandex-map img { position: absolute; left: 0px; right: 0px; } .projects .bx-yandex-view-map .bx-yandex-map img { position: static; max-width: 100%; } .bx-map-view-layout .image span { display: block; padding-top: 70%; } .contacts-page-map-top { margin: 0 0px 48px; } .page-top-wrapper.grey + .contacts-page-map-top.projects, .page-top-wrapper.color + .contacts-page-map-top.projects { margin-top: 0px; } /* .contacts-page-map-top.projects h5 { margin-bottom: 37px; font-size: 2.2em; line-height: 1.14em; }*/ body .contacts-page-map-top .ymaps-b-balloon { padding: 0; width: 366px !important; margin: 4px 0 0 -1px; } body .contacts-map-top-frame .ymaps-b-balloon { padding: 0; width: 344px !important; margin: 4px 0 0 -1px; } .pane_info_wrapper { position: relative; padding: 14px 20px 20px; } .pane_info_wrapper .pane_info { border-radius: 4px; overflow: hidden; } .pane_info_wrapper .pane_info .image { position: relative; float: left; width: 112px; overflow: hidden; z-index: 3; border-radius: 4px; margin-top: 6px; } .pane_info_wrapper .pane_info .body-info { padding: 0px 15px 0px 0px; } .pane_info_wrapper .pane_info .body-info:not(.wti) { padding-left: 132px; } .pane_info_wrapper .pane_info .section_name { margin: 0 0 4px; font-weight: normal; } .pane_info_wrapper .pane_info .info { margin: 9px 0 0; } .pane_info_wrapper .pane_info .title { padding: 0; } body .contacts-page-map-top .gm-style .gm-style-iw-c { padding: 0px !important; } body .contacts-map-top-frame .gm-style .gm-style-iw-c { padding: 0px !important; } body .contacts-page-map-top .gm-style .gm-style-iw-c img { display: inline-block !important; max-width: 100%; } .cluster_custom { font-size: 13px; line-height: 1; } .ymaps-shadows-pane { display: none; } /* .ymaps-b-balloon__content-body .pane_info_wrapper .pane_info .title { margin-bottom: 6px; } .ymaps-b-balloon__content-body .pane_info_wrapper .pane_info .value-block { color: #555; font-size: 13px; padding-left: 24px; padding-bottom: 11px; } .ymaps-b-balloon__content-body .pane_info_wrapper .pane_info .value-block:last-of-type { padding-bottom: 0px; } .ymaps-b-balloon__content-body .pane_info_wrapper .pane_info .value-block .svg-inline-metro { top: 3px; } .ymaps-b-balloon__content-body .pane_info_wrapper .pane_info .value-block .svg-inline-email { top: 2px; } .ymaps-b-balloon__content-body .pane_info_wrapper .pane_info .value-block a:not(:hover) { color: #555; } */ body .drag-block .ymaps-label { display: none !important; } /*.pane_info_wrapper .pane_info { position: absolute; top: 92px; left: 16px; z-index: 2; background: #fff; width: 287px; } .pane_info_wrapper .pane_info .title_block { padding: 24px 30px 22px; font-weight: bold; font-size: 1.467em; color: #333; border-bottom: 1px solid #f2f2f2; } .pane_info_wrapper .pane_info .info_block { padding: 21px 30px 30px; } .pane_info_wrapper .pane_info .btn-block .btn { margin: 13px 0px 0px; display: block; } .pane_info_wrapper .pane_info .value-block { position: relative; padding: 0px 0px 19px 28px; font-size: 0.933em; line-height: 18px; } .pane_info_wrapper .pane_info .value-block i { position: absolute; top: 1px; left: 0px; width: 16px; height: 16px; } .ymaps-b-balloon__content-body .pane_info_wrapper .pane_info .value-block i.svg-inline-phone svg { width: 12px; } .bx-yandex-view-layout .pane_info_wrapper .pane_info .info_block .phones { padding-bottom: 17px; } .bx-yandex-view-layout .pane_info_wrapper .pane_info .info_block .phone { display: inline-block; z-index: 1; } .bx-yandex-view-layout .pane_info_wrapper .pane_info .info_block .phone i { top: -2px; } .bx-yandex-view-layout .pane_info_wrapper .pane_info .info_block .phone i svg { width: 13px; } .bx-yandex-view-layout .pane_info_wrapper .pane_info .info_block .phone a { color: #222; white-space: nowrap; padding-left: 9px; font-weight: bold; font-size: 1.067em; } .bx-yandex-view-layout .pane_info_wrapper .pane_info .info_block .phone .dropdown { top: 11px; } .bx-yandex-view-layout .pane_info_wrapper .pane_info .info_block .phone .dropdown a { padding-left: 26px; } .bx-yandex-view-layout .pane_info_wrapper .pane_info .info_block .schedule { font-size: 13px; color: #888; margin: -4px 0px 0px 26px; } .bx-yandex-view-layout .pane_info_wrapper .pane_info .email a { color: #333; } .bx-yandex-view-layout .pane_info_wrapper .pane_info .email i { top: 3px; } */ .front_map.bx-yandex-view-layout { margin: 0px; border: none; } .front_map.bx-yandex-view-map { position: relative; overflow: hidden; margin: 0px; border: none; } .bx-yandex-view-map .bx-yandex-map img { position: absolute; left: 0px; right: 0px; } body .ymaps-b-balloon__content { background: var(--white); } body .ymaps-b-balloon { margin: -54px 0 0 -38px; width: 344px !important; background: #fff; border-radius: 3px; padding: 25px 45px 30px 32px; box-shadow: 0 5px 20px 0 rgba(18, 25, 38, 0.1); } body .ymaps-b-balloon:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 19px; z-index: 2; background: #fff; } body .ymaps-b-balloon .ymaps-b-balloon__content > ymaps { width: 100% !important; height: auto !important; } body .ymaps-b-balloon .ymaps-b-balloon__content-holster { padding: 0; } body .ymaps-b-balloon .ymaps-b-balloon__tr { display: none; } body .ymaps-b-balloon .ymaps-b-balloon__tl { display: none; } body .ymaps-b-balloon .ymaps-b-balloon__content { border: none; } body .ymaps-b-balloon .ymaps-b-balloon__bl { display: none; } body .ymaps-b-balloon .ymaps-b-balloon__br { display: none; } body .ymaps-b-balloon .ymaps-b-balloon__close { top: 8px !important; right: 8px !important; width: 26px !important; height: 26px !important; background: none !important; border-radius: 100% !important; transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; } body .ymaps-b-balloon .ymaps-b-balloon__close:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -5px; width: 10px; height: 11px; background: url(/local/templates/site/assets/css/../svg/maps/Closemap.svg) 0px 0 no-repeat; transition: opacity ease 0.3s; } body .ymaps-b-balloon .ymaps-b-balloon__close:hover:before { opacity: 0.5; } body .ymaps-label { display: none !important; } body .ymaps-b-balloon:before { content: ""; background: #fff; width: 15px; height: 15px; position: absolute; bottom: -7px; left: 50%; margin-left: -6px; box-sizing: border-box; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); transform: rotate(45deg); } /* body .ymaps-b-balloon__content-body .title { font-weight: 500; color: #222; padding: 0px 0px 15px; } */ .ymaps-shadows-pane { display: none; } .ymaps-b-balloon__content-body .pane_info_wrapper .pane_info .value-block { color: #555; font-size: 13px; padding-left: 24px; padding-bottom: 11px; } .ymaps-b-balloon__content-body .pane_info_wrapper .pane_info .value-block:last-of-type { padding-bottom: 0px; } .ymaps-b-balloon__content-body .pane_info_wrapper .pane_info .value-block .svg-inline-metro { top: 3px; } .ymaps-b-balloon__content-body .pane_info_wrapper .pane_info .value-block .svg-inline-email { top: 2px; } .ymaps-b-balloon__content-body .pane_info_wrapper .pane_info .value-block a:not(:hover) { color: #555; } .ymaps-controls-lefttop { bottom: 0; top: auto !important; } body .ymaps-b-zoom_hints-pos_right { left: 50% !important; right: auto !important; top: auto !important; bottom: 20px !important; border-radius: 32px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2); background: #fff; margin-left: -88px; } body .ymaps-b-zoom { width: 80px; height: 36px; padding: 6px 10px; } body .ymaps-b-zoom:before { content: ""; position: absolute; right: 50%; top: 5px; bottom: 5px; width: 2px; background-color: #f5f5f5; } body .ymaps-b-zoom__scale { display: none; } body .ymaps-b-zoom__button { display: inline-block; height: 26px; width: 30px; opacity: 0.6; } body .ymaps-b-zoom__button:hover { opacity: 1; } body .ymaps-b-form-button__content { background: none; } body .ymaps-b-form-button_theme_grey-sm, body .ymaps-b-form-button_theme_grey-sm .ymaps-b-form-button__left, body .ymaps-b-form-button_theme_grey-sm .ymaps-b-form-button__content, body .ymaps-b-form-button_theme_grey-no-transparent-26, body .ymaps-b-form-button_theme_grey-no-transparent-26 .ymaps-b-form-button__left, body .ymaps-b-form-button_theme_grey-no-transparent-26 .ymaps-b-form-button__content{ background: none; } body .ymaps-b-form-button { background-image: none; overflow: visible; } body .ymaps-b-form-button__left { background-image: none; } body .ymaps-b-zoom__button_type_minus { background-image: none; text-align: center; } body .ymaps-b-zoom__button_type_plus { background-image: none; text-align: center; } body .ymaps-b-zoom__button_type_minus .ymaps-b-zoom__sprite { width: 100%; height: 100%; background-image: url(/local/templates/site/assets/css/../svg/maps/yandexMapMinus.svg); left: 0; background-position: -6px -3px; } body .ymaps-b-zoom__button_type_plus .ymaps-b-zoom__sprite { width: 100%; height: 100%; background-image: url(/local/templates/site/assets/css/../svg/maps/yandexMapPlus.svg); left: 0; top: 0; background-position: -1px -3px; } body .ymaps-controls-righttop { bottom: 0; top: auto !important; } body .ymaps-controls-righttop > ymaps { top: auto !important; bottom: 20px !important; right: auto !important; left: 50%; margin-left: 2px; } body .ymaps-controls-righttop .ymaps-b-select.ymaps-b-select_control_listbox { background: #fff; border-radius: 32px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2); padding: 3px 0 3px 25px; position: relative; } body .ymaps-controls-righttop .ymaps-b-select.ymaps-b-select_control_listbox:before { content: ""; position: absolute; left: 5px; top: 2px; width: 25px; height: 25px; background-image: url(/local/templates/site/assets/css/../svg/maps/yandexMapShema.svg); } body .ymaps-b-select_state_opened .ymaps-b-popupa_layout_yes { position: absolute; left: 3px; bottom: 100%; margin-bottom: 3px; top: auto; } body .ymaps-b-select_state_opened .ymaps-b-popupa_layout_yes .ymaps-b-popupa__shadow { display: none; } body .ymaps-b-select_state_opened .ymaps-b-popupa_layout_yes .ymaps-b-popupa__body { border-radius: 8px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2); padding: 5px; } body.index .ymaps-image-with-content { background-image: none !important; } .marker.dynamic, .ymaps-point-overlay ymaps > svg { position: absolute; bottom: 0px; left: -23px; } .ymaps-point-overlay ymaps.ymaps-image-with-content .marker { display: none; } /*google*/ .gm-style .gm-style-iw-c, .gm-style .gm-style-iw-d { max-height: none !important; overflow: visible !important; } body .gm-style .gm-style-iw-t { bottom: 10px !important; right: -1px !important; } body .gm-style .gm-style-iw-c { width: 344px !important; background: #fff; border-radius: 3px; padding: 25px 45px 30px 32px !important; -webkit-box-shadow: 0px 5px 20px 0px rgba(18, 25, 38, 0.1); -moz-box-shadow: 0px 5px 20px 0px rgba(18, 25, 38, 0.1); box-shadow: 0px 5px 20px 0px rgba(18, 25, 38, 0.1); overflow-anchor: none; } .gm-style .gm-style-iw-c button { background: url("/local/templates/site/assets/css/../svg/maps/Closemap.svg") center no-repeat !important; top: 6px !important; right: 6px !important; } .gm-style .gm-style-iw-c img { display: none !important; } .cluster > div { line-height: 56px; } /**/ @media (max-width: 767px) { body .ymaps-controls-pane { display: none; } .bx-map-view-layout:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .map-view { position: relative; } .map-view:before { content: ""; height: 100%; left: 0; opacity: 0.07; position: absolute; top: 0; width: 100%; background: rgba(255, 255, 255, 0.55) url("/local/templates/site/assets/css/../img/map.png") no-repeat scroll center center; background-size: cover; } .map-mobile-opener { content: ""; position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; background-color: #fff; border-radius: 4px; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15); z-index: 1; background-image: url("/local/templates/site/assets/css/../svg/maps/yandexMapArrows.svg"); background-position: center; background-repeat: no-repeat; cursor: pointer; } .yandex-map__frame { position: fixed !important; top: 0; bottom: 0; left: 0; right: 0; z-index: 10000 !important; } .yandex-map__frame .bx-map-view-layout:before { display: none; } .map-mobile-opener.closer { background-image: url("/local/templates/site/assets/css/../svg/maps/yandexMapCloser.svg"); } .yandex-map__frame .bx-yandex-view-layout:before { content: none; } body .yandex-map__frame .ymaps-controls-pane { display: block !important; position: absolute !important; top: auto !important; bottom: 20px !important; } body .yandex-map__frame .ymaps-controls-righttop > ymaps { top: auto !important; bottom: 0px !important; left: 50vw; margin-left: 10px; } body .yandex-map__frame .ymaps-controls-lefttop > ymaps { top: auto !important; bottom: 0px !important; left: 50vw !important; transform: translateX(calc(-100% - 15px)); margin-left: 0px; } body .yandex-map__frame .ymaps-copyrights-pane, body .yandex-map__frame .ymaps-copyrights-pane + ymaps { display: none !important; } body .yandex-map__frame .ymaps-b-select_state_opened .ymaps-b-popupa_layout_yes { bottom: 100% !important; top: auto !important; } body .yandex-map__frame .bx-yandex-map, body .yandex-map__frame .bx-yandex-view-layout, body .yandex-map__frame .bx-yandex-view-map, body .yandex-map__frame .bx-map-view-layout, body .yandex-map__frame .bx-google-map { width: 100%; height: 100% !important; } /*google*/ .gm-style:before { } /**/ } @media (max-width: 530px) { .bx-yandex-view-map .bx-yandex-map, .bx-google-map { height: 275px !important; } /*.narrow_menu .main .contacts-page-map-top.projects {margin-top: 0;} body .main .ymaps-b-zoom_hints-pos_right { left: 0px !important; right: auto !important; top: auto !important; bottom: 370px!important; margin-left: 10px; } body .main .projects .ymaps-b-zoom_hints-pos_right{ bottom: 450px!important; } body .main .ymaps-controls-righttop > ymaps { top: auto !important; bottom: 370px !important; right: 0 !important; left: auto; margin-right: 10px; } body .main .projects .ymaps-controls-righttop > ymaps { bottom: 450px !important; } body .main .ymaps-b-select_state_opened .ymaps-b-popupa_layout_yes { top: 100%; margin-top: 3px; bottom: auto; left: auto!important; right: 0px!important; } .bx-yandex-view-layout {margin: 20px;width: auto;}*/ } @media (max-width: 600px) { .bx-yandex-view-layout.front_map .pane_info_wrapper .pane_info { width: auto; margin: 20px 16px; position: static; } .bx-yandex-view-layout .pane_info_wrapper .pane_info .title_block { padding: 24px 0px 22px; margin: 0 30px; } } @media (max-width: 400px) { body .ymaps-b-balloon { width: 275px !important; } .pane_info_wrapper .pane_info .body-info:not(.wti) { padding-left: 100px; } .bx-map-view-layout .image span { padding-top: 60%; } body .contacts-map-top-frame .ymaps-b-balloon { width: 275px !important; } .pane_info_wrapper .pane_info .image { width: 85px; } body .ymaps-b-balloon { padding-right: 35px; } } .map-detail-items__item-title{ margin-bottom: 20px; } .map-detail-items__item-property:not(:last-child){ margin-bottom: 12px; } .map-detail-items__item-property-value a{ display: block; } /* End */ /* Start:/local/templates/site/assets/css/main.css?1757683672155606*/ @charset "UTF-8"; /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } body { margin: 0; } main { display: block; } a { text-decoration: none; background-color: transparent; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } pre { font-size: 1em; font-family: inherit, sans-serif; } abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; border-bottom: none; } b, strong { font-weight: 600; } code, kbd, samp { font-size: 1em; font-family: inherit, sans-serif; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { margin: 0; font-size: 100%; font-family: inherit; line-height: 1.15; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; -moz-appearance: button; appearance: button; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { display: table; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; padding: 0; color: inherit; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox], [type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; appearance: button; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } .list-reset { list-style: none; padding: 0; margin: 0; } .bg-brand-500 { background-color: var(--brand-500) !important; } .color-brand-500 { color: var(--brand-500) !important; } .br-brand-500 { border-width: 1px; border-color: var(--brand-500); border-style: solid; } .bg-brand-400 { background-color: var(--brand-400) !important; } .color-brand-400 { color: var(--brand-400) !important; } .br-brand-400 { border-width: 1px; border-color: var(--brand-400); border-style: solid; } .bg-brand-300 { background-color: var(--brand-300) !important; } .color-brand-300 { color: var(--brand-300) !important; } .br-brand-300 { border-width: 1px; border-color: var(--brand-300); border-style: solid; } .bg-brand-200 { background-color: var(--brand-200) !important; } .color-brand-200 { color: var(--brand-200) !important; } .br-brand-200 { border-width: 1px; border-color: var(--brand-200); border-style: solid; } .bg-brand-100 { background-color: var(--brand-100) !important; } .color-brand-100 { color: var(--brand-100) !important; } .br-brand-100 { border-width: 1px; border-color: var(--brand-100); border-style: solid; } .bg-brand-50 { background-color: var(--brand-50) !important; } .color-brand-50 { color: var(--brand-50) !important; } .br-brand-50 { border-width: 1px; border-color: var(--brand-50); border-style: solid; } .bg-gray-80 { background-color: var(--gray-80) !important; } .color-gray-80 { color: var(--gray-80) !important; } .br-gray-80 { border-width: 1px; border-color: var(--gray-80); border-style: solid; } .bg-gray-60 { background-color: var(--gray-60) !important; } .color-gray-60 { color: var(--gray-60) !important; } .br-gray-60 { border-width: 1px; border-color: var(--gray-60); border-style: solid; } .bg-gray-40 { background-color: var(--gray-40) !important; } .color-gray-40 { color: var(--gray-40) !important; } .br-gray-40 { border-width: 1px; border-color: var(--gray-40); border-style: solid; } .bg-gray-20 { background-color: var(--gray-20) !important; } .color-gray-20 { color: var(--gray-20) !important; } .br-gray-20 { border-width: 1px; border-color: var(--gray-20); border-style: solid; } .bg-gray-10 { background-color: var(--gray-10) !important; } .color-gray-10 { color: var(--gray-10) !important; } .br-gray-10 { border-width: 1px; border-color: var(--gray-10); border-style: solid; } .bg-gray-5 { background-color: var(--gray-5) !important; } .color-gray-5 { color: var(--gray-5) !important; } .br-gray-5 { border-width: 1px; border-color: var(--gray-5); border-style: solid; } .bg-black { background-color: var(--black) !important; } .color-black { color: var(--black) !important; } .br-black { border-width: 1px; border-color: var(--black); border-style: solid; } .d-n { display: none !important; } .d-b { display: block !important; } .d-f { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fw-w { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .fw-n { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .fd-c { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .fd-r { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .fb-100 { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } .ai-c { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .ai-fs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .ai-fe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .as-fs { -ms-flex-item-align: start !important; align-self: flex-start !important; } .as-fe { -ms-flex-item-align: end !important; align-self: flex-end !important; } .as-c { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .jc-fe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .jc-fs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .jc-c { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .jc-sb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } :root { --m-font-family: "Manrope", system-ui, sans-serif; --m-font-family-title: "Manrope", system-ui, sans-serif; --bg-gray: #F4F5F7; --bg-white: #FFFFFF; --txt-black: #000000; --txt-dark-gray: #707070; --txt-gray: #A2A2A2; --txt-white: #FFFFFF; --black: #000; --light-gray: #F6F6F6; --green: #579E15; --beige: #E9E7E6; --white: #FFFFFF; --gap: 20px; --animation: all 0.25s ease-out; } /* Grid */ .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .row > * { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: 30px; padding-left: 30px; } @media (max-width: 576px) { .row > * { padding-inline: 15px; } } .row-list { row-gap: var(--gap); } .wrapper { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 30px; } @media (min-width: 1920px) { .wrapper { max-width: 1680px; } } @media screen and (max-width: 991px) { .wrapper { padding: 0 10px; } } .col-1 { width: 8.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .col-2 { width: 16.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .col-3 { width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .col-4 { width: 33.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .col-5 { width: 41.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .col-6 { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .col-7 { width: 58.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .col-8 { width: 66.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .col-9 { width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .col-10 { width: 83.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .col-11 { width: 91.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .col-12 { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .off-1 { margin-left: 8.3333333333%; } .off-2 { margin-left: 16.6666666667%; } .off-3 { margin-left: 25%; } .off-4 { margin-left: 33.3333333333%; } .off-5 { margin-left: 41.6666666667%; } .off-6 { margin-left: 50%; } .off-7 { margin-left: 58.3333333333%; } .off-8 { margin-left: 66.6666666667%; } .off-9 { margin-left: 75%; } .off-10 { margin-left: 83.3333333333%; } .off-11 { margin-left: 91.6666666667%; } .off-12 { margin-left: 100%; } @media (max-width: 1367px) { .col-xxl-1 { width: 8.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xxl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .col-xxl-2 { width: 16.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xxl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .col-xxl-3 { width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xxl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .col-xxl-4 { width: 33.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xxl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .col-xxl-5 { width: 41.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xxl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .col-xxl-6 { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xxl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .col-xxl-7 { width: 58.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xxl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .col-xxl-8 { width: 66.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xxl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .col-xxl-9 { width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xxl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .col-xxl-10 { width: 83.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xxl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .col-xxl-11 { width: 91.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xxl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .col-xxl-12 { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xxl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .off-xxl-1 { margin-left: 8.3333333333%; } .off-xxl-2 { margin-left: 16.6666666667%; } .off-xxl-3 { margin-left: 25%; } .off-xxl-4 { margin-left: 33.3333333333%; } .off-xxl-5 { margin-left: 41.6666666667%; } .off-xxl-6 { margin-left: 50%; } .off-xxl-7 { margin-left: 58.3333333333%; } .off-xxl-8 { margin-left: 66.6666666667%; } .off-xxl-9 { margin-left: 75%; } .off-xxl-10 { margin-left: 83.3333333333%; } .off-xxl-11 { margin-left: 91.6666666667%; } .off-xxl-12 { margin-left: 100%; } .d-xxl-n { display: none !important; } .d-xxl-b { display: block !important; } .d-xxl-f { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fw-xxl-w { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .fw-xxl-n { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .fd-xxl-c { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .fd-xxl-r { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .fb-xxl-100 { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } .ai-xxl-c { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .ai-xxl-fs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .ai-xxl-fe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .as-xxl-fs { -ms-flex-item-align: start !important; align-self: flex-start !important; } .as-xxl-fe { -ms-flex-item-align: end !important; align-self: flex-end !important; } .as-xxl-c { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .jc-xxl-fe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .jc-xxl-fs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .jc-xxl-c { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .jc-xxl-sb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .bg-xxl-n { background: none !important; } .br-xxl-n { border: none !important; } .w-xxl-100 { width: 100% !important; } .h-xxl-100 { height: 100% !important; } .w-xxl-50 { width: 50% !important; } .h-xxl-50 { height: 50% !important; } .f-xxl-l { font-weight: 300; } .f-xxl-r { font-weight: 400; } .f-xxl-m { font-weight: 600; } .f-xxl-b { font-weight: 800; } } @media (max-width: 1200px) { .col-xl-1 { width: 8.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .col-xl-2 { width: 16.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .col-xl-3 { width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .col-xl-4 { width: 33.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .col-xl-5 { width: 41.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .col-xl-6 { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .col-xl-7 { width: 58.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .col-xl-8 { width: 66.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .col-xl-9 { width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .col-xl-10 { width: 83.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .col-xl-11 { width: 91.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .col-xl-12 { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .off-xl-1 { margin-left: 8.3333333333%; } .off-xl-2 { margin-left: 16.6666666667%; } .off-xl-3 { margin-left: 25%; } .off-xl-4 { margin-left: 33.3333333333%; } .off-xl-5 { margin-left: 41.6666666667%; } .off-xl-6 { margin-left: 50%; } .off-xl-7 { margin-left: 58.3333333333%; } .off-xl-8 { margin-left: 66.6666666667%; } .off-xl-9 { margin-left: 75%; } .off-xl-10 { margin-left: 83.3333333333%; } .off-xl-11 { margin-left: 91.6666666667%; } .off-xl-12 { margin-left: 100%; } .d-xl-n { display: none !important; } .d-xl-b { display: block !important; } .d-xl-f { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fw-xl-w { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .fw-xl-n { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .fd-xl-c { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .fd-xl-r { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .fb-xl-100 { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } .ai-xl-c { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .ai-xl-fs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .ai-xl-fe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .as-xl-fs { -ms-flex-item-align: start !important; align-self: flex-start !important; } .as-xl-fe { -ms-flex-item-align: end !important; align-self: flex-end !important; } .as-xl-c { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .jc-xl-fe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .jc-xl-fs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .jc-xl-c { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .jc-xl-sb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .bg-xl-n { background: none !important; } .br-xl-n { border: none !important; } .w-xl-100 { width: 100% !important; } .h-xl-100 { height: 100% !important; } .w-xl-50 { width: 50% !important; } .h-xl-50 { height: 50% !important; } .f-xl-l { font-weight: 300; } .f-xl-r { font-weight: 400; } .f-xl-m { font-weight: 600; } .f-xl-b { font-weight: 800; } } @media (max-width: 992px) { .col-lg-1 { width: 8.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .col-lg-2 { width: 16.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .col-lg-3 { width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .col-lg-4 { width: 33.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .col-lg-5 { width: 41.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .col-lg-6 { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .col-lg-7 { width: 58.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .col-lg-8 { width: 66.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .col-lg-9 { width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .col-lg-10 { width: 83.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .col-lg-11 { width: 91.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .col-lg-12 { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .off-lg-1 { margin-left: 8.3333333333%; } .off-lg-2 { margin-left: 16.6666666667%; } .off-lg-3 { margin-left: 25%; } .off-lg-4 { margin-left: 33.3333333333%; } .off-lg-5 { margin-left: 41.6666666667%; } .off-lg-6 { margin-left: 50%; } .off-lg-7 { margin-left: 58.3333333333%; } .off-lg-8 { margin-left: 66.6666666667%; } .off-lg-9 { margin-left: 75%; } .off-lg-10 { margin-left: 83.3333333333%; } .off-lg-11 { margin-left: 91.6666666667%; } .off-lg-12 { margin-left: 100%; } .d-lg-n { display: none !important; } .d-lg-b { display: block !important; } .d-lg-f { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fw-lg-w { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .fw-lg-n { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .fd-lg-c { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .fd-lg-r { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .fb-lg-100 { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } .ai-lg-c { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .ai-lg-fs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .ai-lg-fe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .as-lg-fs { -ms-flex-item-align: start !important; align-self: flex-start !important; } .as-lg-fe { -ms-flex-item-align: end !important; align-self: flex-end !important; } .as-lg-c { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .jc-lg-fe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .jc-lg-fs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .jc-lg-c { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .jc-lg-sb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .bg-lg-n { background: none !important; } .br-lg-n { border: none !important; } .w-lg-100 { width: 100% !important; } .h-lg-100 { height: 100% !important; } .w-lg-50 { width: 50% !important; } .h-lg-50 { height: 50% !important; } .f-lg-l { font-weight: 300; } .f-lg-r { font-weight: 400; } .f-lg-m { font-weight: 600; } .f-lg-b { font-weight: 800; } } @media (max-width: 768px) { .col-md-1 { width: 8.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .col-md-2 { width: 16.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .col-md-3 { width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .col-md-4 { width: 33.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .col-md-5 { width: 41.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .col-md-6 { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .col-md-7 { width: 58.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .col-md-8 { width: 66.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .col-md-9 { width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .col-md-10 { width: 83.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .col-md-11 { width: 91.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .col-md-12 { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .off-md-1 { margin-left: 8.3333333333%; } .off-md-2 { margin-left: 16.6666666667%; } .off-md-3 { margin-left: 25%; } .off-md-4 { margin-left: 33.3333333333%; } .off-md-5 { margin-left: 41.6666666667%; } .off-md-6 { margin-left: 50%; } .off-md-7 { margin-left: 58.3333333333%; } .off-md-8 { margin-left: 66.6666666667%; } .off-md-9 { margin-left: 75%; } .off-md-10 { margin-left: 83.3333333333%; } .off-md-11 { margin-left: 91.6666666667%; } .off-md-12 { margin-left: 100%; } .d-md-n { display: none !important; } .d-md-b { display: block !important; } .d-md-f { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fw-md-w { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .fw-md-n { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .fd-md-c { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .fd-md-r { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .fb-md-100 { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } .ai-md-c { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .ai-md-fs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .ai-md-fe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .as-md-fs { -ms-flex-item-align: start !important; align-self: flex-start !important; } .as-md-fe { -ms-flex-item-align: end !important; align-self: flex-end !important; } .as-md-c { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .jc-md-fe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .jc-md-fs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .jc-md-c { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .jc-md-sb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .bg-md-n { background: none !important; } .br-md-n { border: none !important; } .w-md-100 { width: 100% !important; } .h-md-100 { height: 100% !important; } .w-md-50 { width: 50% !important; } .h-md-50 { height: 50% !important; } .f-md-l { font-weight: 300; } .f-md-r { font-weight: 400; } .f-md-m { font-weight: 600; } .f-md-b { font-weight: 800; } } @media (max-width: 576px) { .col-sm-1 { width: 8.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .col-sm-2 { width: 16.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .col-sm-3 { width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .col-sm-4 { width: 33.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .col-sm-5 { width: 41.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .col-sm-6 { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .col-sm-7 { width: 58.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .col-sm-8 { width: 66.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .col-sm-9 { width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .col-sm-10 { width: 83.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .col-sm-11 { width: 91.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .col-sm-12 { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .off-sm-1 { margin-left: 8.3333333333%; } .off-sm-2 { margin-left: 16.6666666667%; } .off-sm-3 { margin-left: 25%; } .off-sm-4 { margin-left: 33.3333333333%; } .off-sm-5 { margin-left: 41.6666666667%; } .off-sm-6 { margin-left: 50%; } .off-sm-7 { margin-left: 58.3333333333%; } .off-sm-8 { margin-left: 66.6666666667%; } .off-sm-9 { margin-left: 75%; } .off-sm-10 { margin-left: 83.3333333333%; } .off-sm-11 { margin-left: 91.6666666667%; } .off-sm-12 { margin-left: 100%; } .d-sm-n { display: none !important; } .d-sm-b { display: block !important; } .d-sm-f { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fw-sm-w { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .fw-sm-n { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .fd-sm-c { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .fd-sm-r { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .fb-sm-100 { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } .ai-sm-c { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .ai-sm-fs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .ai-sm-fe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .as-sm-fs { -ms-flex-item-align: start !important; align-self: flex-start !important; } .as-sm-fe { -ms-flex-item-align: end !important; align-self: flex-end !important; } .as-sm-c { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .jc-sm-fe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .jc-sm-fs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .jc-sm-c { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .jc-sm-sb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .bg-sm-n { background: none !important; } .br-sm-n { border: none !important; } .w-sm-100 { width: 100% !important; } .h-sm-100 { height: 100% !important; } .w-sm-50 { width: 50% !important; } .h-sm-50 { height: 50% !important; } .f-sm-l { font-weight: 300; } .f-sm-r { font-weight: 400; } .f-sm-m { font-weight: 600; } .f-sm-b { font-weight: 800; } } @media (max-width: 360px) { .col-small-1 { width: 8.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-small-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .col-small-2 { width: 16.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-small-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .col-small-3 { width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-small-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .col-small-4 { width: 33.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-small-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .col-small-5 { width: 41.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-small-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .col-small-6 { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-small-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .col-small-7 { width: 58.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-small-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .col-small-8 { width: 66.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-small-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .col-small-9 { width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-small-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .col-small-10 { width: 83.3333333333%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-small-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .col-small-11 { width: 91.6666666667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-small-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .col-small-12 { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-small-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .off-small-1 { margin-left: 8.3333333333%; } .off-small-2 { margin-left: 16.6666666667%; } .off-small-3 { margin-left: 25%; } .off-small-4 { margin-left: 33.3333333333%; } .off-small-5 { margin-left: 41.6666666667%; } .off-small-6 { margin-left: 50%; } .off-small-7 { margin-left: 58.3333333333%; } .off-small-8 { margin-left: 66.6666666667%; } .off-small-9 { margin-left: 75%; } .off-small-10 { margin-left: 83.3333333333%; } .off-small-11 { margin-left: 91.6666666667%; } .off-small-12 { margin-left: 100%; } .d-small-n { display: none !important; } .d-small-b { display: block !important; } .d-small-f { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fw-small-w { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .fw-small-n { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .fd-small-c { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .fd-small-r { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .fb-small-100 { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } .ai-small-c { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .ai-small-fs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .ai-small-fe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .as-small-fs { -ms-flex-item-align: start !important; align-self: flex-start !important; } .as-small-fe { -ms-flex-item-align: end !important; align-self: flex-end !important; } .as-small-c { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .jc-small-fe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .jc-small-fs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .jc-small-c { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .jc-small-sb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .bg-small-n { background: none !important; } .br-small-n { border: none !important; } .w-small-100 { width: 100% !important; } .h-small-100 { height: 100% !important; } .w-small-50 { width: 50% !important; } .h-small-50 { height: 50% !important; } .f-small-l { font-weight: 300; } .f-small-r { font-weight: 400; } .f-small-m { font-weight: 600; } .f-small-b { font-weight: 800; } } .wrapper-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .wrapper-content .left_block { width: 19em; -ms-flex-negative: 0; flex-shrink: 0; padding-right: var(--gap); } .wrapper-content .right_block + .left_block { padding-right: 0; padding-left: var(--gap); } .wrapper-content .right_block { width: 100%; min-width: 0; } .wrapper-content .right_block > p { margin-top: 0; } .label { display: inline; padding: 0.1875em 0.4375em 0.25em; font-size: 0.875em; line-height: 1; color: var(--white); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; background: #999; } .label a { color: inherit; } .label.label-default { background-color: #999; } .label.label-primary { background-color: #ccc; } .label.label-success { background-color: #5cb85c; } .label.label-info { background-color: #365edc; } .label.label-warning { background-color: #f0ad4e; } .label.label-danger { background-color: #d9534f; } .label.label-hit { background-color: #ed673c; } .label.label-recommend { background-color: #925aec; } .label.label-new { background-color: #31b82f; } .element-count { display: inline-block; border: 1px solid var(--gray-10); color: var(--black); padding: 4px 6px; font-size: 14px; border-radius: var(--border-radius); } .h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 { font-family: var(--m-font-family); letter-spacing: normal; font-weight: bold; color: var(--black); } h1, .h1 { font-size: 3em; line-height: 1; margin: 0 0 18px; } @media screen and (max-width: 767px) { h1, .h1 { font-size: 2.25em; line-height: 1.2; } } @media screen and (max-width: 575px) { h1, .h1 { font-size: 2em; line-height: 1.2; } } h2, .h2 { font-size: 2.25em; line-height: 1.2; margin: 30px 0 25px; } @media screen and (max-width: 767px) { h2, .h2 { font-size: 1.875em; line-height: 1.2; } } h3, .h3 { font-size: 1.875em; line-height: 1.2; margin: 30px 0 25px; } @media screen and (max-width: 767px) { h3, .h3 { font-size: 1.5em; } } h4, .h4 { font-size: 1.5em; line-height: 1.4; margin: 30px 0 25px; } @media screen and (max-width: 767px) { h4, .h4 { font-size: 1.25em; line-height: 1.2; } } h5, .h5 { font-size: 1.25em; line-height: 1.4; margin: 30px 0 25px; } @media screen and (max-width: 767px) { h5, .h5 { font-size: 1.125em; line-height: 1.2; } } .text-reset p { margin: 0; } .text-reset p:not(:last-child) { margin-bottom: 1em; } .text-xl { font-size: 1.25em; } .text-lg { font-size: 1.125em; } .text-sm { font-size: 0.875em; } .text-xs { font-size: 0.75em; } .text-upper { text-transform: uppercase; } .text-center { text-align: center; } .text-right { text-align: right; } .text-left { text-align: left; } .text-white { color: var(--white); } .text-dark { color: var(--black); } .text-brand { color: var(--brand-500); } .text-color-666 { color: var(--gray-60); } .fw-500 { font-weight: 500; } .fw-bold { font-weight: bold; } blockquote { margin: 1.125em 0; min-height: 2.5em; padding: 0.5em 1.25em; position: relative; vertical-align: middle; border: none; } blockquote::before { content: " "; display: block; left: 0; position: absolute; top: 0.3125em; bottom: 0.3125em; width: 0.125em; background-color: var(--brand-500); } blockquote small { display: block; margin-top: 0.5em; color: var(--black); } a { color: var(--brand-500); -webkit-transition: var(--animation); transition: var(--animation); } a:hover { color: var(--brand-300); } a.dark-link { color: var(--black); } a.dark-link:hover { color: var(--brand-500); } a.white-link { color: var(--white); } a.white-link:hover { color: var(--brand-500); } .d-n { display: none !important; } .d-b { display: block !important; } .d-f { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fw-w { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .fw-n { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .fd-c { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .fd-r { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .fb-100 { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } .ai-c { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .ai-fs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .ai-fe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .as-fs { -ms-flex-item-align: start !important; align-self: flex-start !important; } .as-fe { -ms-flex-item-align: end !important; align-self: flex-end !important; } .as-c { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .jc-fe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .jc-fs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .jc-c { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .jc-sb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } @media (max-width: 1367px) { .d-xxl-n { display: none !important; } .d-xxl-b { display: block !important; } .d-xxl-f { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fw-xxl-w { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .fw-xxl-n { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .fd-xxl-c { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .fd-xxl-r { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .fb-xxl-100 { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } .ai-xxl-c { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .ai-xxl-fs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .ai-xxl-fe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .as-xxl-fs { -ms-flex-item-align: start !important; align-self: flex-start !important; } .as-xxl-fe { -ms-flex-item-align: end !important; align-self: flex-end !important; } .as-xxl-c { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .jc-xxl-fe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .jc-xxl-fs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .jc-xxl-c { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .jc-xxl-sb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } @media (max-width: 1200px) { .d-xl-n { display: none !important; } .d-xl-b { display: block !important; } .d-xl-f { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fw-xl-w { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .fw-xl-n { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .fd-xl-c { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .fd-xl-r { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .fb-xl-100 { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } .ai-xl-c { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .ai-xl-fs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .ai-xl-fe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .as-xl-fs { -ms-flex-item-align: start !important; align-self: flex-start !important; } .as-xl-fe { -ms-flex-item-align: end !important; align-self: flex-end !important; } .as-xl-c { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .jc-xl-fe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .jc-xl-fs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .jc-xl-c { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .jc-xl-sb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } @media (max-width: 992px) { .d-lg-n { display: none !important; } .d-lg-b { display: block !important; } .d-lg-f { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fw-lg-w { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .fw-lg-n { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .fd-lg-c { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .fd-lg-r { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .fb-lg-100 { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } .ai-lg-c { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .ai-lg-fs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .ai-lg-fe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .as-lg-fs { -ms-flex-item-align: start !important; align-self: flex-start !important; } .as-lg-fe { -ms-flex-item-align: end !important; align-self: flex-end !important; } .as-lg-c { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .jc-lg-fe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .jc-lg-fs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .jc-lg-c { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .jc-lg-sb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } @media (max-width: 768px) { .d-md-n { display: none !important; } .d-md-b { display: block !important; } .d-md-f { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fw-md-w { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .fw-md-n { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .fd-md-c { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .fd-md-r { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .fb-md-100 { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } .ai-md-c { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .ai-md-fs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .ai-md-fe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .as-md-fs { -ms-flex-item-align: start !important; align-self: flex-start !important; } .as-md-fe { -ms-flex-item-align: end !important; align-self: flex-end !important; } .as-md-c { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .jc-md-fe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .jc-md-fs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .jc-md-c { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .jc-md-sb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } @media (max-width: 576px) { .d-sm-n { display: none !important; } .d-sm-b { display: block !important; } .d-sm-f { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fw-sm-w { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .fw-sm-n { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .fd-sm-c { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .fd-sm-r { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .fb-sm-100 { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } .ai-sm-c { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .ai-sm-fs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .ai-sm-fe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .as-sm-fs { -ms-flex-item-align: start !important; align-self: flex-start !important; } .as-sm-fe { -ms-flex-item-align: end !important; align-self: flex-end !important; } .as-sm-c { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .jc-sm-fe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .jc-sm-fs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .jc-sm-c { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .jc-sm-sb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } @media (max-width: 360px) { .d-small-n { display: none !important; } .d-small-b { display: block !important; } .d-small-f { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fw-small-w { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .fw-small-n { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .fd-small-c { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .fd-small-r { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .fb-small-100 { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } .ai-small-c { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .ai-small-fs { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .ai-small-fe { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .as-small-fs { -ms-flex-item-align: start !important; align-self: flex-start !important; } .as-small-fe { -ms-flex-item-align: end !important; align-self: flex-end !important; } .as-small-c { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .jc-small-fe { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .jc-small-fs { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .jc-small-c { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .jc-small-sb { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } /* stylelint-disable selector-class-pattern */ input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; appearance: none; } *:not(.bx-core-window) label { display: inline-block; } *:not(.bx-core-window) input[type=text], *:not(.bx-core-window) input[type=email], *:not(.bx-core-window) input[type=tel], *:not(.bx-core-window) input[type=password], *:not(.bx-core-window) input[type=search], *:not(.bx-core-window) input[type=number], *:not(.bx-core-window) input[type=date] { display: block; width: 100%; height: 48px; padding: 8px 13px 7px; color: var(--black); line-height: 1.5; background-color: var(--gray-5); border: 1px solid var(--gray-10); border-radius: 1.875em; background: var(--light-gray); -webkit-box-shadow: -1px -1px 1px 0 rgba(0, 0, 0, 0.01) inset, 1px 1px 4px 0 rgba(0, 0, 0, 0.1) inset; box-shadow: -1px -1px 1px 0 rgba(0, 0, 0, 0.01) inset, 1px 1px 4px 0 rgba(0, 0, 0, 0.1) inset; -webkit-transition: border-color 0.15s ease-in-out; transition: border-color 0.15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } *:not(.bx-core-window) input[type=text]::-webkit-input-placeholder, *:not(.bx-core-window) input[type=email]::-webkit-input-placeholder, *:not(.bx-core-window) input[type=tel]::-webkit-input-placeholder, *:not(.bx-core-window) input[type=password]::-webkit-input-placeholder, *:not(.bx-core-window) input[type=search]::-webkit-input-placeholder, *:not(.bx-core-window) input[type=number]::-webkit-input-placeholder, *:not(.bx-core-window) input[type=date]::-webkit-input-placeholder { color: var(--txt-dark-gray); } *:not(.bx-core-window) input[type=text]::-moz-placeholder, *:not(.bx-core-window) input[type=email]::-moz-placeholder, *:not(.bx-core-window) input[type=tel]::-moz-placeholder, *:not(.bx-core-window) input[type=password]::-moz-placeholder, *:not(.bx-core-window) input[type=search]::-moz-placeholder, *:not(.bx-core-window) input[type=number]::-moz-placeholder, *:not(.bx-core-window) input[type=date]::-moz-placeholder { color: var(--txt-dark-gray); } *:not(.bx-core-window) input[type=text]:-ms-input-placeholder, *:not(.bx-core-window) input[type=email]:-ms-input-placeholder, *:not(.bx-core-window) input[type=tel]:-ms-input-placeholder, *:not(.bx-core-window) input[type=password]:-ms-input-placeholder, *:not(.bx-core-window) input[type=search]:-ms-input-placeholder, *:not(.bx-core-window) input[type=number]:-ms-input-placeholder, *:not(.bx-core-window) input[type=date]:-ms-input-placeholder { color: var(--txt-dark-gray); } *:not(.bx-core-window) input[type=text]::-ms-input-placeholder, *:not(.bx-core-window) input[type=email]::-ms-input-placeholder, *:not(.bx-core-window) input[type=tel]::-ms-input-placeholder, *:not(.bx-core-window) input[type=password]::-ms-input-placeholder, *:not(.bx-core-window) input[type=search]::-ms-input-placeholder, *:not(.bx-core-window) input[type=number]::-ms-input-placeholder, *:not(.bx-core-window) input[type=date]::-ms-input-placeholder { color: var(--txt-dark-gray); } *:not(.bx-core-window) input[type=text]::placeholder, *:not(.bx-core-window) input[type=email]::placeholder, *:not(.bx-core-window) input[type=tel]::placeholder, *:not(.bx-core-window) input[type=password]::placeholder, *:not(.bx-core-window) input[type=search]::placeholder, *:not(.bx-core-window) input[type=number]::placeholder, *:not(.bx-core-window) input[type=date]::placeholder { color: var(--txt-dark-gray); } *:not(.bx-core-window) input[type=text]:focus-visible, *:not(.bx-core-window) input[type=text]:focus, *:not(.bx-core-window) input[type=email]:focus-visible, *:not(.bx-core-window) input[type=email]:focus, *:not(.bx-core-window) input[type=tel]:focus-visible, *:not(.bx-core-window) input[type=tel]:focus, *:not(.bx-core-window) input[type=password]:focus-visible, *:not(.bx-core-window) input[type=password]:focus, *:not(.bx-core-window) input[type=search]:focus-visible, *:not(.bx-core-window) input[type=search]:focus, *:not(.bx-core-window) input[type=number]:focus-visible, *:not(.bx-core-window) input[type=number]:focus, *:not(.bx-core-window) input[type=date]:focus-visible, *:not(.bx-core-window) input[type=date]:focus { background-color: var(--white); border-color: var(--brand-200); outline: 0; } *:not(.bx-core-window) input[type=file] { height: 48px; border: 1px solid var(--gray-10); border-radius: var(--border-radius); cursor: pointer; display: block; } *:not(.bx-core-window) input[type=file]::file-selector-button, *:not(.bx-core-window) input[type=file]::-webkit-file-upload-button { background-color: var(--gray-10); border: 0; height: 100%; display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; padding: 8px 13px 7px; margin-right: 20px; -webkit-transition: var(--animation); transition: var(--animation); } *:not(.bx-core-window) input[type=file]::file-selector-button:hover, *:not(.bx-core-window) input[type=file]::-webkit-file-upload-button:hover { background-color: var(--gray-20); } *:not(.bx-core-window) select { --bs-form-select-bg-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M2.91688 5.25079C2.91621 5.13492 2.95006 5.02148 3.01411 4.92493C3.07816 4.82838 3.16951 4.75309 3.27652 4.70866C3.38353 4.66422 3.50134 4.65267 3.61495 4.67546C3.72855 4.69825 3.83279 4.75435 3.91438 4.83662L7.00022 7.92829L10.0861 4.83662C10.1959 4.72678 10.3449 4.66507 10.5002 4.66507C10.5771 4.66507 10.6533 4.68022 10.7244 4.70965C10.7954 4.73909 10.86 4.78223 10.9144 4.83662C10.9688 4.89101 11.0119 4.95558 11.0414 5.02664C11.0708 5.09771 11.0859 5.17387 11.0859 5.25079C11.0859 5.40613 11.0242 5.55511 10.9144 5.66496L7.41438 9.16496C7.30509 9.2736 7.15724 9.33458 7.00313 9.33458C6.84903 9.33458 6.70118 9.2736 6.59188 9.16496L3.09188 5.66496C3.03677 5.61093 2.99292 5.5465 2.96288 5.47541C2.93284 5.40432 2.9172 5.32797 2.91688 5.25079Z' fill='%23242424' fill-opacity='0.6'/%3E%3C/svg%3E"); display: inline-block; width: 100%; height: 48px; padding: 8px 13px 7px; line-height: 1.5; background-color: var(--gray-5); border: 1px solid var(--gray-10); line-height: 1.5; background-image: var(--bs-form-select-bg-img); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border-radius: var(--border-radius); -webkit-transition: border-color 0.15s ease-in-out; transition: border-color 0.15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: var(--black); } *:not(.bx-core-window) select::-webkit-input-placeholder { color: var(--grey-dark); } *:not(.bx-core-window) select::-moz-placeholder { color: var(--grey-dark); } *:not(.bx-core-window) select:-ms-input-placeholder { color: var(--grey-dark); } *:not(.bx-core-window) select::-ms-input-placeholder { color: var(--grey-dark); } *:not(.bx-core-window) select::placeholder { color: var(--grey-dark); } *:not(.bx-core-window) select option:disabled { color: var(--grey-60); } *:not(.bx-core-window) input[type=checkbox] { position: relative; display: inline-block; width: 24px; height: 24px; margin-right: 10px; vertical-align: middle; background-color: var(--bg-white); border: 1px solid var(--txt-dark-gray); border-radius: 4px; -webkit-transition: var(--animation); transition: var(--animation); -webkit-appearance: none; -moz-appearance: none; appearance: none; } *:not(.bx-core-window) input[type=checkbox]:checked { border-color: var(--green); -webkit-transition: var(--animation); transition: var(--animation); } *:not(.bx-core-window) input[type=checkbox]:checked::before { position: absolute; width: 100%; height: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.9497 7.94975L11.1716 15.7279L6.22194 10.7781' stroke='%23FFF' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; background-color: var(--green); background-size: contain; content: ""; } *:not(.bx-core-window) input[type=checkbox]:hover { border-color: var(--gray-5); } *:not(.bx-core-window) input[type=radio] { position: relative; display: inline-block; width: 1.5em; height: 1.5em; margin-right: 0.625em; vertical-align: middle; background-color: var(--white); border: 1px solid var(--gray-10); border-radius: 100%; -webkit-transition: var(--animation); transition: var(--animation); -webkit-appearance: none; -moz-appearance: none; appearance: none; } *:not(.bx-core-window) input[type=radio]:checked { border-color: var(--brand-200); } *:not(.bx-core-window) input[type=radio]:checked::before { position: absolute; top: 50%; left: 50%; width: 0.875em; height: 0.875em; color: #ffffff; background-color: var(--brand-500); border-radius: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ""; } *:not(.bx-core-window) input[type=radio]:checked:hover { border-color: var(--gray-5); } *:not(.bx-core-window) input[type=radio]:hover { border-color: var(--gray-5); } *:not(.bx-core-window) textarea { display: block; width: 100%; min-height: 100px; padding: 8px 13px 7px; color: var(--black); background-color: var(--gray-5); border: 1px solid var(--gray-10); border-radius: var(--border-radius); -webkit-transition: border-color 0.15s ease-in-out; transition: border-color 0.15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; resize: none; } *:not(.bx-core-window) textarea::-webkit-input-placeholder { color: var(--gray-20); } *:not(.bx-core-window) textarea::-moz-placeholder { color: var(--gray-20); } *:not(.bx-core-window) textarea:-ms-input-placeholder { color: var(--gray-20); } *:not(.bx-core-window) textarea::-ms-input-placeholder { color: var(--gray-20); } *:not(.bx-core-window) textarea::placeholder { color: var(--gray-20); } *:not(.bx-core-window) textarea:focus-visible, *:not(.bx-core-window) textarea:focus { background-color: var(--white); border-color: var(--brand-200); outline: 0; } *:not(.bx-core-window) fieldset { padding: 0; border: 0; outline: 0; } *:not(.bx-core-window) .checkbox-ios { display: inline-block; height: 1.125em; line-height: 1.125em; position: relative; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } *:not(.bx-core-window) .checkbox-ios .checkbox-ios-switch { position: relative; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 2.0625em; height: 1.125em; border: 1px solid var(--gray-20); border-radius: 25%/50%; vertical-align: top; background: var(--gray-10); -webkit-transition: 0.2s; transition: 0.2s; margin-right: 0.5em; } *:not(.bx-core-window) .checkbox-ios .checkbox-ios-switch:before { content: ""; position: absolute; top: 0.0625em; bottom: 0.0625em; left: 0.0625em; display: inline-block; width: 0.875em; height: 0.875em; border-radius: 50%; background: var(--white); -webkit-transition: 0.15s; transition: 0.15s; } *:not(.bx-core-window) .checkbox-ios input[type=checkbox] { display: block; width: 0; height: 0; position: absolute; z-index: -1; opacity: 0; } *:not(.bx-core-window) .checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch { background: var(--brand-500); border-color: var(--brand-500); } *:not(.bx-core-window) .checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch:before { -webkit-transform: translateX(14px); -ms-transform: translateX(14px); transform: translateX(14px); } *:not(.bx-core-window) .checkbox-ios input[type=checkbox]:disabled + .checkbox-ios-switch { -webkit-filter: grayscale(70%); filter: grayscale(70%); } *:not(.bx-core-window) .checkbox-ios input[type=checkbox]:disabled + .checkbox-ios-switch:before { background: var(--gray-5); } *:not(.bx-core-window) .checkbox-ios input[type=checkbox]:not(:disabled) + .checkbox-ios-switch { cursor: pointer; } *:not(.bx-core-window) input[type=text].error, *:not(.bx-core-window) input[type=email].error, *:not(.bx-core-window) input[type=tel].error, *:not(.bx-core-window) input[type=password].error, *:not(.bx-core-window) input[type=search].error, *:not(.bx-core-window) textarea.error { border-color: #f00000; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 3em; padding: 1.25em 2em; color: var(--txt-black); cursor: pointer; background-color: transparent; border-radius: 1.875em; -webkit-transition: var(--animation); transition: var(--animation); border: 0; font-weight: 600; text-transform: uppercase; min-width: 280px; } @media (max-width: 1024px) { .btn { padding: 16px 24px; min-width: auto; } } .btn:hover { background-color: var(--bg-white); color: inherit; } .btn:active { background-color: var(--light-gray); color: inherit; } .btn.btn-outline { border: 1px solid var(--green); color: var(--green); } .btn.btn-outline:hover { opacity: 0.8; } .btn.btn-block { width: 100%; } .btn.btn-primary { color: var(--white); background-color: var(--green); } .btn.btn-primary:hover { opacity: 0.8; } .btn.btn-primary:active { background-color: var(--brand-400); } .btn-reset { padding: 0; outline: none; border: none; } .text-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.5em; } /* .btn { --button-bg: var(--brand-500, #0d6efd); --button-color: var(--white, #FFF); --button-hover-bg: var(--brand-400, #3d8bfd); --button-hover-color: var(--white, #FFF); --button-border-width: 1px; --button-border-style: solid; --button-border-color: var(--button-bg); --button-radius: var(--m-border-radius, em(4)); display: inline-flex; align-items: center; gap: var(--button-gap, em(8)); padding: var(--button-padding, em(12) em(24)); background: var(--button-bg); color: var(--button-color); border-width: var(--button-border-width); border-style: var(--button-border-style); border-color: var(--button-border-color); border-radius: var(--button-radius); text-decoration: none; line-height: 1.1; cursor: pointer; &.btn-block{ width: 100%; justify-content: center; } &:not(.btn-primary), &:not(.btn-secondary){ --button-bg: transparent; --button-color: var(--brand-500); --button-border-color: transparent; --button-hover-bg: transparent; --button-hover-color: var(--brand-400); &:hover { --button-border-color: transparent; --button-color: var(--brand-500); } } .svg { top: -1px; height: var(--button-icon-size, 1.2cap); width: auto; flex: none; } &:focus { outline-width: var(--button-outline-width, var(--button-border-width)); outline-style: var(--button-outline-style, var(--button-border-style)); outline-color: var(--button-outline-color, var(--button-border-color)); outline-offset: var(--button-outline-offset, calc(var(--button-border-width) * 2)); } &:active { transform: scale(99%); } &.btn.btn-icons{ padding: em(8); color: inherit; .svg{ height: em(16); } &:hover{ color: var(--brand-500); } } &.btn.btn-primary{ --button-bg: var(--brand-500); --button-color: var(--white); --button-border-color: var(--brand-500); &:hover { --button-bg: var(--brand-400); --button-color: var(--white); --button-border-color: var(--brand-400); color: var(--button-color); } &:disabled { --button-border-color: var(--gray-10); --button-bg: var(--gray-10); color: var(--gray-60); cursor: not-allowed !important; } } &.btn-secondary{ --button-bg: var(--white); --button-border-color: var(--brand-500); --button-color: var(--brand-500); &:hover { --button-bg: var(--white); --button-border-color: var(--brand-400); --button-color: var(--brand-400); } &:disabled { --button-border-color: var(--gray-10); --button-color: var(--gray-60); color: var(--gray-60); cursor: not-allowed !important; } } &.btn-reset{ color: inherit; --button-padding: 0; } // Размеры кнопок &.btn-sm{ padding: var(--button-padding, em(8) em(16)); font-size: em(14); } &.btn-lg{ font-size: em(18); padding: var(--button-padding, em(16) em(32)); svg{ --button-icon-size: 1.4cap; } } // Вспомогательные кнопки &.btn.btn-success{ --button-bg: var(--color-success, #6c757d); --button-color: var(--white, #FFF); &:hover{ color: var(--white, #FFF); opacity: .8; } } &.btn.btn-danger{ --button-bg: var(--color-danger, #dc3545); --button-color: var(--white, #FFF); &:hover{ color: var(--white, #FFF); opacity: .8; } } &.btn.btn-warning{ --button-bg: var(--color-warning, #ffc107); --button-color: var(--black, #333); &:hover{ color: var(--black, #333); opacity: .8; } } &.btn.btn-info{ --button-bg: var(--color-info, #0dcaf0); --button-color: var(--black, #333); &:hover{ color: var(--black, #333); opacity: .8; } } &.btn.btn-light{ --button-bg: var(--color-light, #f8f9fa); --button-color: var(--black, #333); &:hover{ color: var(--black, #333); opacity: .8; } } } */ .section { position: relative; padding-top: clamp(32px, 2.81vw, 80px); padding-bottom: clamp(20px, 1.4vw, 30px); overflow: hidden; } .section-overflow { overflow: visible; } .section-top { margin-bottom: 50px; } @media screen and (max-width: 991px) { .section-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 8px; } } .section-title { margin: 0; word-break: normal; font-size: 42px; font-weight: 600; line-height: 1.2; } @media (max-width: 1024px) { .section-title { font-size: 32px; } } .section-preview { max-width: 991px; margin-top: 18px; color: var(--gray-80); } .section-preview p { margin: 0; } .section-preview p:not(:last-child) { margin-bottom: 1em; } .section-link { color: inherit; } @media screen and (max-width: 767px) { .section-link { font-size: 0; } } .section-link-arrow { margin-left: 8px; } .section-link-arrow .svg { top: -2px; min-width: inherit; min-height: inherit; vertical-align: middle; } .section-bg-grey { background-color: #E9E7E6; } .section-bg-grey-full { -webkit-box-shadow: 0 0 0 100vmax #E9E7E6; box-shadow: 0 0 0 100vmax #E9E7E6; clip-path: inset(0 -100vmax); } .section-border { position: relative; overflow: inherit; } .section-border::after, .section-border::before { content: ""; height: 1px; width: 1000vw; position: absolute; right: -100%; left: -100%; background-color: var(--gray-10); } .section-border::after { bottom: 0; } .section-border::before { top: 0; } .grid-list { display: -ms-grid; display: grid; gap: var(--gap); } @media screen and (max-width: 575px) { .grid-list { gap: calc(var(--gap) / 2); } } .grid-list--items-2 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .grid-list--items-3 { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } .grid-list--items-4 { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); } .grid-list--items-5 { -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); } @media screen and (max-width: 1199px) { .grid-list-xl-items-1 { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } .grid-list-xl-items-2 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .grid-list-xl-items-3 { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 991px) { .grid-list .grid-list-lg-items-1 { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } .grid-list-lg-items-2 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .grid-list-lg-items-3 { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 767px) { .grid-list-md-items-1 { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } .grid-list-md-items-2 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .grid-list-md-items-3 { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 575px) { .grid-list-sm-items-1 { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } .grid-list-sm-items-2 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .grid-list-sm-items-3 { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } } .topic { margin-top: 2em; margin-bottom: 2em; } .topic__heading { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 8px; margin-bottom: 8px; } .topic__heading #pagetitle { margin: 0; } @media screen and (max-width: 575px) { .topic__heading #pagetitle { font-size: 2em; line-height: calc(1em + 6px); } } .topic__text { margin-top: 12px; margin-bottom: 48px; color: var(--gray-80); } .topic__text p { margin: 0; } .topic__text p:not(:last-child) { margin-bottom: 1em; } .tabs-nav { padding: 0; list-style: none; } .tabs-nav li { display: inline-block; } .tabs-btn { cursor: pointer; display: block; margin: 0; padding: 16px 24px 15px; color: var(--black); border-radius: var(--border-radius); text-decoration: none; background-color: var(--gray-5); border: 1px solid var(--gray-10); } .tabs-btn.active { position: relative; } .tabs-btn.active::after { content: ""; position: absolute; left: -1px; right: -1px; top: -1px; z-index: 1; height: 2px; border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); background-color: var(--brand-500); } .tabs-title { font-size: 1.375em; font-weight: 700; line-height: calc(1em + 10px); margin: 1.125em 0; color: var(--black); } .svg { top: 1px; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; min-width: 30px; min-height: 30px; position: relative; background-repeat: no-repeat; background-position: center center; min-width: auto; min-height: auto; } .svg > svg { width: 100%; height: 100%; } .icons { color: var(--gray-60); min-width: unset; min-height: unset; } .icons.icons-8 { width: 0.5em; height: 0.5em; } .icons.icons-12 { width: 0.75em; height: 0.75em; } .icons.icons-18 { width: 1.125em; height: 1.125em; } .icons.icons-24 { width: 1.5em; height: 1.5em; } .icons.icons-32 { width: 2em; height: 2em; } .icons.icons-48 { width: 3em; height: 3em; } .icons.icons-64 { width: 4em; height: 4em; } .icons .svg, .icons svg { width: 100%; height: 100%; } .icons-color-thems svg { color: var(--brand-500); } .avatar { width: 3em; height: 3em; border-radius: 62.5em; overflow: hidden; } .avatar.--text { background-color: var(--brand-500); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--white); font-weight: 800; } .avatar img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100%; height: 100%; } .avatar-sm { width: 32px; height: 32px; } .avatar-sm.--text { font-weight: normal; font-size: 12px; } .avatar-lg { width: 56px; height: 56px; } .avatar-lg.--text { font-weight: 500; font-size: 32px; } .avatar-xl { width: 144px; height: 144px; } .avatar-xl.--text { font-size: 80px; } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 32px; } @media screen and (max-width: 575px) { .pagination { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: var(--m-gap); } } .pagination__list { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; } .pagination__item { width: 32px; height: 32px; border-radius: var(--border-radius); overflow: hidden; } .pagination__item_next a, .pagination__item_prev a { display: block; width: 32px; height: 32px; font-size: 0; background-color: var(--white); border-radius: var(--border-radius); -webkit-transition: var(--animation); transition: var(--animation); position: relative; text-align: center; } .pagination__item_next a::after, .pagination__item_prev a::after { content: ""; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('data:image/svg+xml,'); display: inline-block; width: 16px; height: 16px; vertical-align: middle; } .pagination__item_next a::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .pagination__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 32px; -webkit-transition: var(--animation); transition: var(--animation); } .pagination__link:hover { background-color: var(--brand-300); color: var(--white); } .pagination__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 32px; -webkit-transition: var(--animation); transition: var(--animation); } .pagination__item_active { background-color: var(--brand-500); color: var(--white); } table { width: 100%; vertical-align: top; table-layout: fixed; caption-side: bottom; border-collapse: separate; border-spacing: 0; } @media screen and (max-width: 575px) { table { table-layout: auto; } } table thead td, table thead th { color: var(--black); font-weight: 500; font-size: 110%; line-height: 1.2; text-align: left; border-top: 1px solid var(--gray-10); } table thead td:first-child, table thead th:first-child { border-radius: var(--border-radius) 0 0 0; } table thead td:last-child, table thead th:last-child { border-radius: 0 var(--border-radius) 0 0; } table:not(:has(thead)) > tbody > tr:first-of-type td { border-top: 1px solid var(--gray-10); } table tbody tr:last-child td:first-child { border-radius: 0px 0 0 var(--border-radius); } table tbody tr:last-child td:last-child { border-radius: 0 0 var(--border-radius) 0; } table td, table th { padding: 10px; border-right: 1px solid var(--gray-10); border-bottom: 1px solid var(--gray-10); } table td:first-child, table th:first-child { border-left: 1px solid var(--gray-10); } table caption { padding: 10px; color: var(--neutral-200); text-align: left; } table.table-th thead th { background-color: var(--neutral-100); } table.table-striped tbody > tr:nth-of-type(odd) > * { background-color: var(--gray-5); } table.table-hover tbody > tr { -webkit-transition: var(--animation); transition: var(--animation); } table.table-hover tbody > tr:hover * { background-color: var(--gray-5); } .table-response { overflow: scroll; } @media screen and (max-width: 767px) { .table-mobile thead { display: none; } .table-mobile tr { display: block; margin-bottom: 0.5em; } .table-mobile tr td:first-child, .table-mobile tr th:first-child { border-top: 1px solid var(--gray-10); } .table-mobile td { display: block; border-bottom: 1px solid var(--gray-10); border-left: 1px solid var(--gray-10); } .table-mobile td::before { display: block; margin-bottom: 0.25em; font-weight: 700; content: attr(data-label); } } .modal { max-width: 100%; padding: 1.875em 2.5em; border-radius: var(--border-radius); } .modal_extra-small { width: 445px; } .modal_small { width: 600px; } .modal_medium { width: 900px; } .modal__header { margin: 0; margin-bottom: 0.75em; } .modal__footer { margin-top: 0.75em; } .modal.fancybox__content { background: var(--white); } .modal.fancybox__content .f-button.is-close-btn { top: 0.75em; right: 0.75em; --f-button-border-radius: 0; --f-button-color: var(--grey-60); --f-button-active-bg: transparent; --f-button-hover-bg: transparent; --f-button-bg: transparent; } .is-compact .fancybox__content > .f-button.is-close-btn { --f-button-color: var(--gray-60); --f-button-hover-color: var(--gray-80); --f-button-bg: transparent; --f-button-active-bg: transparent; --f-button-hover-bg: transparent; } .img { display: block; border-radius: var(--border-radius); overflow: hidden; width: 100%; } .img img { max-width: 100%; height: auto; display: block; } .img-default img { max-width: 100%; height: auto; } .img-round { border-radius: 1000px; } .img-round img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100%; height: 100%; } .img-3_2 { overflow: hidden; position: relative; aspect-ratio: 3/2; } .img-3_2 img { -webkit-transition: var(--animation); transition: var(--animation); width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .img-cover { height: 100%; } .img-cover img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .mt-0 { margin-top: 0; } .mb-0 { margin-bottom: 0; } .ml-0 { margin-left: 0; } .mr-0 { margin-right: 0; } .p-0 { padding: 0; } .pt-0 { padding-top: 0; } .pb-0 { padding-bottom: 0; } .pl-0 { padding-left: 0; } .pr-0 { padding-right: 0; } .mt-4 { margin-top: 4px; } .mb-4 { margin-bottom: 4px; } .ml-4 { margin-left: 4px; } .mr-4 { margin-right: 4px; } .p-4 { padding: 4px; } .pt-4 { padding-top: 4px; } .pb-4 { padding-bottom: 4px; } .pl-4 { padding-left: 4px; } .pr-4 { padding-right: 4px; } .mt-8 { margin-top: 8px; } .mb-8 { margin-bottom: 8px; } .ml-8 { margin-left: 8px; } .mr-8 { margin-right: 8px; } .p-8 { padding: 8px; } .pt-8 { padding-top: 8px; } .pb-8 { padding-bottom: 8px; } .pl-8 { padding-left: 8px; } .pr-8 { padding-right: 8px; } .mt-12 { margin-top: 12px; } .mb-12 { margin-bottom: 12px; } .ml-12 { margin-left: 12px; } .mr-12 { margin-right: 12px; } .p-12 { padding: 12px; } .pt-12 { padding-top: 12px; } .pb-12 { padding-bottom: 12px; } .pl-12 { padding-left: 12px; } .pr-12 { padding-right: 12px; } .mt-16 { margin-top: 16px; } .mb-16 { margin-bottom: 16px; } .ml-16 { margin-left: 16px; } .mr-16 { margin-right: 16px; } .p-16 { padding: 16px; } .pt-16 { padding-top: 16px; } .pb-16 { padding-bottom: 16px; } .pl-16 { padding-left: 16px; } .pr-16 { padding-right: 16px; } .mt-20 { margin-top: 20px; } .mb-20 { margin-bottom: 20px; } .ml-20 { margin-left: 20px; } .mr-20 { margin-right: 20px; } .p-20 { padding: 20px; } .pt-20 { padding-top: 20px; } .pb-20 { padding-bottom: 20px; } .pl-20 { padding-left: 20px; } .pr-20 { padding-right: 20px; } .mt-24 { margin-top: 24px; } .mb-24 { margin-bottom: 24px; } .ml-24 { margin-left: 24px; } .mr-24 { margin-right: 24px; } .p-24 { padding: 24px; } .pt-24 { padding-top: 24px; } .pb-24 { padding-bottom: 24px; } .pl-24 { padding-left: 24px; } .pr-24 { padding-right: 24px; } .mt-28 { margin-top: 28px; } .mb-28 { margin-bottom: 28px; } .ml-28 { margin-left: 28px; } .mr-28 { margin-right: 28px; } .p-28 { padding: 28px; } .pt-28 { padding-top: 28px; } .pb-28 { padding-bottom: 28px; } .pl-28 { padding-left: 28px; } .pr-28 { padding-right: 28px; } .mt-32 { margin-top: 32px; } .mb-32 { margin-bottom: 32px; } .ml-32 { margin-left: 32px; } .mr-32 { margin-right: 32px; } .p-32 { padding: 32px; } .pt-32 { padding-top: 32px; } .pb-32 { padding-bottom: 32px; } .pl-32 { padding-left: 32px; } .pr-32 { padding-right: 32px; } .mt-36 { margin-top: 36px; } .mb-36 { margin-bottom: 36px; } .ml-36 { margin-left: 36px; } .mr-36 { margin-right: 36px; } .p-36 { padding: 36px; } .pt-36 { padding-top: 36px; } .pb-36 { padding-bottom: 36px; } .pl-36 { padding-left: 36px; } .pr-36 { padding-right: 36px; } .mt-40 { margin-top: 40px; } .mb-40 { margin-bottom: 40px; } .ml-40 { margin-left: 40px; } .mr-40 { margin-right: 40px; } .p-40 { padding: 40px; } .pt-40 { padding-top: 40px; } .pb-40 { padding-bottom: 40px; } .pl-40 { padding-left: 40px; } .pr-40 { padding-right: 40px; } .mt-44 { margin-top: 44px; } .mb-44 { margin-bottom: 44px; } .ml-44 { margin-left: 44px; } .mr-44 { margin-right: 44px; } .p-44 { padding: 44px; } .pt-44 { padding-top: 44px; } .pb-44 { padding-bottom: 44px; } .pl-44 { padding-left: 44px; } .pr-44 { padding-right: 44px; } .mt-48 { margin-top: 48px; } .mb-48 { margin-bottom: 48px; } .ml-48 { margin-left: 48px; } .mr-48 { margin-right: 48px; } .p-48 { padding: 48px; } .pt-48 { padding-top: 48px; } .pb-48 { padding-bottom: 48px; } .pl-48 { padding-left: 48px; } .pr-48 { padding-right: 48px; } .mt-xxl-0 { margin-top: 0; } .mb-xxl-0 { margin-bottom: 0; } .ml-xxl-0 { margin-left: 0; } .mr-xxl-0 { margin-right: 0; } .pt-xxl-0 { padding-top: 0; } .pb-xxl-0 { padding-bottom: 0; } .pl-xxl-0 { padding-left: 0; } .pr-xxl-0 { padding-right: 0; } .mt-xxl-4 { margin-top: 4px; } .mb-xxl-4 { margin-bottom: 4px; } .ml-xxl-4 { margin-left: 4px; } .mr-xxl-4 { margin-right: 4px; } .pt-xxl-4 { padding-top: 4px; } .pb-xxl-4 { padding-bottom: 4px; } .pl-xxl-4 { padding-left: 4px; } .pr-xxl-4 { padding-right: 4px; } .mt-xxl-8 { margin-top: 8px; } .mb-xxl-8 { margin-bottom: 8px; } .ml-xxl-8 { margin-left: 8px; } .mr-xxl-8 { margin-right: 8px; } .pt-xxl-8 { padding-top: 8px; } .pb-xxl-8 { padding-bottom: 8px; } .pl-xxl-8 { padding-left: 8px; } .pr-xxl-8 { padding-right: 8px; } .mt-xxl-12 { margin-top: 12px; } .mb-xxl-12 { margin-bottom: 12px; } .ml-xxl-12 { margin-left: 12px; } .mr-xxl-12 { margin-right: 12px; } .pt-xxl-12 { padding-top: 12px; } .pb-xxl-12 { padding-bottom: 12px; } .pl-xxl-12 { padding-left: 12px; } .pr-xxl-12 { padding-right: 12px; } .mt-xxl-16 { margin-top: 16px; } .mb-xxl-16 { margin-bottom: 16px; } .ml-xxl-16 { margin-left: 16px; } .mr-xxl-16 { margin-right: 16px; } .pt-xxl-16 { padding-top: 16px; } .pb-xxl-16 { padding-bottom: 16px; } .pl-xxl-16 { padding-left: 16px; } .pr-xxl-16 { padding-right: 16px; } .mt-xxl-20 { margin-top: 20px; } .mb-xxl-20 { margin-bottom: 20px; } .ml-xxl-20 { margin-left: 20px; } .mr-xxl-20 { margin-right: 20px; } .pt-xxl-20 { padding-top: 20px; } .pb-xxl-20 { padding-bottom: 20px; } .pl-xxl-20 { padding-left: 20px; } .pr-xxl-20 { padding-right: 20px; } .mt-xxl-24 { margin-top: 24px; } .mb-xxl-24 { margin-bottom: 24px; } .ml-xxl-24 { margin-left: 24px; } .mr-xxl-24 { margin-right: 24px; } .pt-xxl-24 { padding-top: 24px; } .pb-xxl-24 { padding-bottom: 24px; } .pl-xxl-24 { padding-left: 24px; } .pr-xxl-24 { padding-right: 24px; } .mt-xxl-28 { margin-top: 28px; } .mb-xxl-28 { margin-bottom: 28px; } .ml-xxl-28 { margin-left: 28px; } .mr-xxl-28 { margin-right: 28px; } .pt-xxl-28 { padding-top: 28px; } .pb-xxl-28 { padding-bottom: 28px; } .pl-xxl-28 { padding-left: 28px; } .pr-xxl-28 { padding-right: 28px; } .mt-xxl-32 { margin-top: 32px; } .mb-xxl-32 { margin-bottom: 32px; } .ml-xxl-32 { margin-left: 32px; } .mr-xxl-32 { margin-right: 32px; } .pt-xxl-32 { padding-top: 32px; } .pb-xxl-32 { padding-bottom: 32px; } .pl-xxl-32 { padding-left: 32px; } .pr-xxl-32 { padding-right: 32px; } .mt-xxl-36 { margin-top: 36px; } .mb-xxl-36 { margin-bottom: 36px; } .ml-xxl-36 { margin-left: 36px; } .mr-xxl-36 { margin-right: 36px; } .pt-xxl-36 { padding-top: 36px; } .pb-xxl-36 { padding-bottom: 36px; } .pl-xxl-36 { padding-left: 36px; } .pr-xxl-36 { padding-right: 36px; } .mt-xxl-40 { margin-top: 40px; } .mb-xxl-40 { margin-bottom: 40px; } .ml-xxl-40 { margin-left: 40px; } .mr-xxl-40 { margin-right: 40px; } .pt-xxl-40 { padding-top: 40px; } .pb-xxl-40 { padding-bottom: 40px; } .pl-xxl-40 { padding-left: 40px; } .pr-xxl-40 { padding-right: 40px; } .mt-xxl-44 { margin-top: 44px; } .mb-xxl-44 { margin-bottom: 44px; } .ml-xxl-44 { margin-left: 44px; } .mr-xxl-44 { margin-right: 44px; } .pt-xxl-44 { padding-top: 44px; } .pb-xxl-44 { padding-bottom: 44px; } .pl-xxl-44 { padding-left: 44px; } .pr-xxl-44 { padding-right: 44px; } .mt-xxl-48 { margin-top: 48px; } .mb-xxl-48 { margin-bottom: 48px; } .ml-xxl-48 { margin-left: 48px; } .mr-xxl-48 { margin-right: 48px; } .pt-xxl-48 { padding-top: 48px; } .pb-xxl-48 { padding-bottom: 48px; } .pl-xxl-48 { padding-left: 48px; } .pr-xxl-48 { padding-right: 48px; } .mt-xl-0 { margin-top: 0; } .mb-xl-0 { margin-bottom: 0; } .ml-xl-0 { margin-left: 0; } .mr-xl-0 { margin-right: 0; } .pt-xl-0 { padding-top: 0; } .pb-xl-0 { padding-bottom: 0; } .pl-xl-0 { padding-left: 0; } .pr-xl-0 { padding-right: 0; } .mt-xl-4 { margin-top: 4px; } .mb-xl-4 { margin-bottom: 4px; } .ml-xl-4 { margin-left: 4px; } .mr-xl-4 { margin-right: 4px; } .pt-xl-4 { padding-top: 4px; } .pb-xl-4 { padding-bottom: 4px; } .pl-xl-4 { padding-left: 4px; } .pr-xl-4 { padding-right: 4px; } .mt-xl-8 { margin-top: 8px; } .mb-xl-8 { margin-bottom: 8px; } .ml-xl-8 { margin-left: 8px; } .mr-xl-8 { margin-right: 8px; } .pt-xl-8 { padding-top: 8px; } .pb-xl-8 { padding-bottom: 8px; } .pl-xl-8 { padding-left: 8px; } .pr-xl-8 { padding-right: 8px; } .mt-xl-12 { margin-top: 12px; } .mb-xl-12 { margin-bottom: 12px; } .ml-xl-12 { margin-left: 12px; } .mr-xl-12 { margin-right: 12px; } .pt-xl-12 { padding-top: 12px; } .pb-xl-12 { padding-bottom: 12px; } .pl-xl-12 { padding-left: 12px; } .pr-xl-12 { padding-right: 12px; } .mt-xl-16 { margin-top: 16px; } .mb-xl-16 { margin-bottom: 16px; } .ml-xl-16 { margin-left: 16px; } .mr-xl-16 { margin-right: 16px; } .pt-xl-16 { padding-top: 16px; } .pb-xl-16 { padding-bottom: 16px; } .pl-xl-16 { padding-left: 16px; } .pr-xl-16 { padding-right: 16px; } .mt-xl-20 { margin-top: 20px; } .mb-xl-20 { margin-bottom: 20px; } .ml-xl-20 { margin-left: 20px; } .mr-xl-20 { margin-right: 20px; } .pt-xl-20 { padding-top: 20px; } .pb-xl-20 { padding-bottom: 20px; } .pl-xl-20 { padding-left: 20px; } .pr-xl-20 { padding-right: 20px; } .mt-xl-24 { margin-top: 24px; } .mb-xl-24 { margin-bottom: 24px; } .ml-xl-24 { margin-left: 24px; } .mr-xl-24 { margin-right: 24px; } .pt-xl-24 { padding-top: 24px; } .pb-xl-24 { padding-bottom: 24px; } .pl-xl-24 { padding-left: 24px; } .pr-xl-24 { padding-right: 24px; } .mt-xl-28 { margin-top: 28px; } .mb-xl-28 { margin-bottom: 28px; } .ml-xl-28 { margin-left: 28px; } .mr-xl-28 { margin-right: 28px; } .pt-xl-28 { padding-top: 28px; } .pb-xl-28 { padding-bottom: 28px; } .pl-xl-28 { padding-left: 28px; } .pr-xl-28 { padding-right: 28px; } .mt-xl-32 { margin-top: 32px; } .mb-xl-32 { margin-bottom: 32px; } .ml-xl-32 { margin-left: 32px; } .mr-xl-32 { margin-right: 32px; } .pt-xl-32 { padding-top: 32px; } .pb-xl-32 { padding-bottom: 32px; } .pl-xl-32 { padding-left: 32px; } .pr-xl-32 { padding-right: 32px; } .mt-xl-36 { margin-top: 36px; } .mb-xl-36 { margin-bottom: 36px; } .ml-xl-36 { margin-left: 36px; } .mr-xl-36 { margin-right: 36px; } .pt-xl-36 { padding-top: 36px; } .pb-xl-36 { padding-bottom: 36px; } .pl-xl-36 { padding-left: 36px; } .pr-xl-36 { padding-right: 36px; } .mt-xl-40 { margin-top: 40px; } .mb-xl-40 { margin-bottom: 40px; } .ml-xl-40 { margin-left: 40px; } .mr-xl-40 { margin-right: 40px; } .pt-xl-40 { padding-top: 40px; } .pb-xl-40 { padding-bottom: 40px; } .pl-xl-40 { padding-left: 40px; } .pr-xl-40 { padding-right: 40px; } .mt-xl-44 { margin-top: 44px; } .mb-xl-44 { margin-bottom: 44px; } .ml-xl-44 { margin-left: 44px; } .mr-xl-44 { margin-right: 44px; } .pt-xl-44 { padding-top: 44px; } .pb-xl-44 { padding-bottom: 44px; } .pl-xl-44 { padding-left: 44px; } .pr-xl-44 { padding-right: 44px; } .mt-xl-48 { margin-top: 48px; } .mb-xl-48 { margin-bottom: 48px; } .ml-xl-48 { margin-left: 48px; } .mr-xl-48 { margin-right: 48px; } .pt-xl-48 { padding-top: 48px; } .pb-xl-48 { padding-bottom: 48px; } .pl-xl-48 { padding-left: 48px; } .pr-xl-48 { padding-right: 48px; } .mt-lg-0 { margin-top: 0; } .mb-lg-0 { margin-bottom: 0; } .ml-lg-0 { margin-left: 0; } .mr-lg-0 { margin-right: 0; } .pt-lg-0 { padding-top: 0; } .pb-lg-0 { padding-bottom: 0; } .pl-lg-0 { padding-left: 0; } .pr-lg-0 { padding-right: 0; } .mt-lg-4 { margin-top: 4px; } .mb-lg-4 { margin-bottom: 4px; } .ml-lg-4 { margin-left: 4px; } .mr-lg-4 { margin-right: 4px; } .pt-lg-4 { padding-top: 4px; } .pb-lg-4 { padding-bottom: 4px; } .pl-lg-4 { padding-left: 4px; } .pr-lg-4 { padding-right: 4px; } .mt-lg-8 { margin-top: 8px; } .mb-lg-8 { margin-bottom: 8px; } .ml-lg-8 { margin-left: 8px; } .mr-lg-8 { margin-right: 8px; } .pt-lg-8 { padding-top: 8px; } .pb-lg-8 { padding-bottom: 8px; } .pl-lg-8 { padding-left: 8px; } .pr-lg-8 { padding-right: 8px; } .mt-lg-12 { margin-top: 12px; } .mb-lg-12 { margin-bottom: 12px; } .ml-lg-12 { margin-left: 12px; } .mr-lg-12 { margin-right: 12px; } .pt-lg-12 { padding-top: 12px; } .pb-lg-12 { padding-bottom: 12px; } .pl-lg-12 { padding-left: 12px; } .pr-lg-12 { padding-right: 12px; } .mt-lg-16 { margin-top: 16px; } .mb-lg-16 { margin-bottom: 16px; } .ml-lg-16 { margin-left: 16px; } .mr-lg-16 { margin-right: 16px; } .pt-lg-16 { padding-top: 16px; } .pb-lg-16 { padding-bottom: 16px; } .pl-lg-16 { padding-left: 16px; } .pr-lg-16 { padding-right: 16px; } .mt-lg-20 { margin-top: 20px; } .mb-lg-20 { margin-bottom: 20px; } .ml-lg-20 { margin-left: 20px; } .mr-lg-20 { margin-right: 20px; } .pt-lg-20 { padding-top: 20px; } .pb-lg-20 { padding-bottom: 20px; } .pl-lg-20 { padding-left: 20px; } .pr-lg-20 { padding-right: 20px; } .mt-lg-24 { margin-top: 24px; } .mb-lg-24 { margin-bottom: 24px; } .ml-lg-24 { margin-left: 24px; } .mr-lg-24 { margin-right: 24px; } .pt-lg-24 { padding-top: 24px; } .pb-lg-24 { padding-bottom: 24px; } .pl-lg-24 { padding-left: 24px; } .pr-lg-24 { padding-right: 24px; } .mt-lg-28 { margin-top: 28px; } .mb-lg-28 { margin-bottom: 28px; } .ml-lg-28 { margin-left: 28px; } .mr-lg-28 { margin-right: 28px; } .pt-lg-28 { padding-top: 28px; } .pb-lg-28 { padding-bottom: 28px; } .pl-lg-28 { padding-left: 28px; } .pr-lg-28 { padding-right: 28px; } .mt-lg-32 { margin-top: 32px; } .mb-lg-32 { margin-bottom: 32px; } .ml-lg-32 { margin-left: 32px; } .mr-lg-32 { margin-right: 32px; } .pt-lg-32 { padding-top: 32px; } .pb-lg-32 { padding-bottom: 32px; } .pl-lg-32 { padding-left: 32px; } .pr-lg-32 { padding-right: 32px; } .mt-lg-36 { margin-top: 36px; } .mb-lg-36 { margin-bottom: 36px; } .ml-lg-36 { margin-left: 36px; } .mr-lg-36 { margin-right: 36px; } .pt-lg-36 { padding-top: 36px; } .pb-lg-36 { padding-bottom: 36px; } .pl-lg-36 { padding-left: 36px; } .pr-lg-36 { padding-right: 36px; } .mt-lg-40 { margin-top: 40px; } .mb-lg-40 { margin-bottom: 40px; } .ml-lg-40 { margin-left: 40px; } .mr-lg-40 { margin-right: 40px; } .pt-lg-40 { padding-top: 40px; } .pb-lg-40 { padding-bottom: 40px; } .pl-lg-40 { padding-left: 40px; } .pr-lg-40 { padding-right: 40px; } .mt-lg-44 { margin-top: 44px; } .mb-lg-44 { margin-bottom: 44px; } .ml-lg-44 { margin-left: 44px; } .mr-lg-44 { margin-right: 44px; } .pt-lg-44 { padding-top: 44px; } .pb-lg-44 { padding-bottom: 44px; } .pl-lg-44 { padding-left: 44px; } .pr-lg-44 { padding-right: 44px; } .mt-lg-48 { margin-top: 48px; } .mb-lg-48 { margin-bottom: 48px; } .ml-lg-48 { margin-left: 48px; } .mr-lg-48 { margin-right: 48px; } .pt-lg-48 { padding-top: 48px; } .pb-lg-48 { padding-bottom: 48px; } .pl-lg-48 { padding-left: 48px; } .pr-lg-48 { padding-right: 48px; } .mt-md-0 { margin-top: 0; } .mb-md-0 { margin-bottom: 0; } .ml-md-0 { margin-left: 0; } .mr-md-0 { margin-right: 0; } .pt-md-0 { padding-top: 0; } .pb-md-0 { padding-bottom: 0; } .pl-md-0 { padding-left: 0; } .pr-md-0 { padding-right: 0; } .mt-md-4 { margin-top: 4px; } .mb-md-4 { margin-bottom: 4px; } .ml-md-4 { margin-left: 4px; } .mr-md-4 { margin-right: 4px; } .pt-md-4 { padding-top: 4px; } .pb-md-4 { padding-bottom: 4px; } .pl-md-4 { padding-left: 4px; } .pr-md-4 { padding-right: 4px; } .mt-md-8 { margin-top: 8px; } .mb-md-8 { margin-bottom: 8px; } .ml-md-8 { margin-left: 8px; } .mr-md-8 { margin-right: 8px; } .pt-md-8 { padding-top: 8px; } .pb-md-8 { padding-bottom: 8px; } .pl-md-8 { padding-left: 8px; } .pr-md-8 { padding-right: 8px; } .mt-md-12 { margin-top: 12px; } .mb-md-12 { margin-bottom: 12px; } .ml-md-12 { margin-left: 12px; } .mr-md-12 { margin-right: 12px; } .pt-md-12 { padding-top: 12px; } .pb-md-12 { padding-bottom: 12px; } .pl-md-12 { padding-left: 12px; } .pr-md-12 { padding-right: 12px; } .mt-md-16 { margin-top: 16px; } .mb-md-16 { margin-bottom: 16px; } .ml-md-16 { margin-left: 16px; } .mr-md-16 { margin-right: 16px; } .pt-md-16 { padding-top: 16px; } .pb-md-16 { padding-bottom: 16px; } .pl-md-16 { padding-left: 16px; } .pr-md-16 { padding-right: 16px; } .mt-md-20 { margin-top: 20px; } .mb-md-20 { margin-bottom: 20px; } .ml-md-20 { margin-left: 20px; } .mr-md-20 { margin-right: 20px; } .pt-md-20 { padding-top: 20px; } .pb-md-20 { padding-bottom: 20px; } .pl-md-20 { padding-left: 20px; } .pr-md-20 { padding-right: 20px; } .mt-md-24 { margin-top: 24px; } .mb-md-24 { margin-bottom: 24px; } .ml-md-24 { margin-left: 24px; } .mr-md-24 { margin-right: 24px; } .pt-md-24 { padding-top: 24px; } .pb-md-24 { padding-bottom: 24px; } .pl-md-24 { padding-left: 24px; } .pr-md-24 { padding-right: 24px; } .mt-md-28 { margin-top: 28px; } .mb-md-28 { margin-bottom: 28px; } .ml-md-28 { margin-left: 28px; } .mr-md-28 { margin-right: 28px; } .pt-md-28 { padding-top: 28px; } .pb-md-28 { padding-bottom: 28px; } .pl-md-28 { padding-left: 28px; } .pr-md-28 { padding-right: 28px; } .mt-md-32 { margin-top: 32px; } .mb-md-32 { margin-bottom: 32px; } .ml-md-32 { margin-left: 32px; } .mr-md-32 { margin-right: 32px; } .pt-md-32 { padding-top: 32px; } .pb-md-32 { padding-bottom: 32px; } .pl-md-32 { padding-left: 32px; } .pr-md-32 { padding-right: 32px; } .mt-md-36 { margin-top: 36px; } .mb-md-36 { margin-bottom: 36px; } .ml-md-36 { margin-left: 36px; } .mr-md-36 { margin-right: 36px; } .pt-md-36 { padding-top: 36px; } .pb-md-36 { padding-bottom: 36px; } .pl-md-36 { padding-left: 36px; } .pr-md-36 { padding-right: 36px; } .mt-md-40 { margin-top: 40px; } .mb-md-40 { margin-bottom: 40px; } .ml-md-40 { margin-left: 40px; } .mr-md-40 { margin-right: 40px; } .pt-md-40 { padding-top: 40px; } .pb-md-40 { padding-bottom: 40px; } .pl-md-40 { padding-left: 40px; } .pr-md-40 { padding-right: 40px; } .mt-md-44 { margin-top: 44px; } .mb-md-44 { margin-bottom: 44px; } .ml-md-44 { margin-left: 44px; } .mr-md-44 { margin-right: 44px; } .pt-md-44 { padding-top: 44px; } .pb-md-44 { padding-bottom: 44px; } .pl-md-44 { padding-left: 44px; } .pr-md-44 { padding-right: 44px; } .mt-md-48 { margin-top: 48px; } .mb-md-48 { margin-bottom: 48px; } .ml-md-48 { margin-left: 48px; } .mr-md-48 { margin-right: 48px; } .pt-md-48 { padding-top: 48px; } .pb-md-48 { padding-bottom: 48px; } .pl-md-48 { padding-left: 48px; } .pr-md-48 { padding-right: 48px; } .mt-sm-0 { margin-top: 0; } .mb-sm-0 { margin-bottom: 0; } .ml-sm-0 { margin-left: 0; } .mr-sm-0 { margin-right: 0; } .pt-sm-0 { padding-top: 0; } .pb-sm-0 { padding-bottom: 0; } .pl-sm-0 { padding-left: 0; } .pr-sm-0 { padding-right: 0; } .mt-sm-4 { margin-top: 4px; } .mb-sm-4 { margin-bottom: 4px; } .ml-sm-4 { margin-left: 4px; } .mr-sm-4 { margin-right: 4px; } .pt-sm-4 { padding-top: 4px; } .pb-sm-4 { padding-bottom: 4px; } .pl-sm-4 { padding-left: 4px; } .pr-sm-4 { padding-right: 4px; } .mt-sm-8 { margin-top: 8px; } .mb-sm-8 { margin-bottom: 8px; } .ml-sm-8 { margin-left: 8px; } .mr-sm-8 { margin-right: 8px; } .pt-sm-8 { padding-top: 8px; } .pb-sm-8 { padding-bottom: 8px; } .pl-sm-8 { padding-left: 8px; } .pr-sm-8 { padding-right: 8px; } .mt-sm-12 { margin-top: 12px; } .mb-sm-12 { margin-bottom: 12px; } .ml-sm-12 { margin-left: 12px; } .mr-sm-12 { margin-right: 12px; } .pt-sm-12 { padding-top: 12px; } .pb-sm-12 { padding-bottom: 12px; } .pl-sm-12 { padding-left: 12px; } .pr-sm-12 { padding-right: 12px; } .mt-sm-16 { margin-top: 16px; } .mb-sm-16 { margin-bottom: 16px; } .ml-sm-16 { margin-left: 16px; } .mr-sm-16 { margin-right: 16px; } .pt-sm-16 { padding-top: 16px; } .pb-sm-16 { padding-bottom: 16px; } .pl-sm-16 { padding-left: 16px; } .pr-sm-16 { padding-right: 16px; } .mt-sm-20 { margin-top: 20px; } .mb-sm-20 { margin-bottom: 20px; } .ml-sm-20 { margin-left: 20px; } .mr-sm-20 { margin-right: 20px; } .pt-sm-20 { padding-top: 20px; } .pb-sm-20 { padding-bottom: 20px; } .pl-sm-20 { padding-left: 20px; } .pr-sm-20 { padding-right: 20px; } .mt-sm-24 { margin-top: 24px; } .mb-sm-24 { margin-bottom: 24px; } .ml-sm-24 { margin-left: 24px; } .mr-sm-24 { margin-right: 24px; } .pt-sm-24 { padding-top: 24px; } .pb-sm-24 { padding-bottom: 24px; } .pl-sm-24 { padding-left: 24px; } .pr-sm-24 { padding-right: 24px; } .mt-sm-28 { margin-top: 28px; } .mb-sm-28 { margin-bottom: 28px; } .ml-sm-28 { margin-left: 28px; } .mr-sm-28 { margin-right: 28px; } .pt-sm-28 { padding-top: 28px; } .pb-sm-28 { padding-bottom: 28px; } .pl-sm-28 { padding-left: 28px; } .pr-sm-28 { padding-right: 28px; } .mt-sm-32 { margin-top: 32px; } .mb-sm-32 { margin-bottom: 32px; } .ml-sm-32 { margin-left: 32px; } .mr-sm-32 { margin-right: 32px; } .pt-sm-32 { padding-top: 32px; } .pb-sm-32 { padding-bottom: 32px; } .pl-sm-32 { padding-left: 32px; } .pr-sm-32 { padding-right: 32px; } .mt-sm-36 { margin-top: 36px; } .mb-sm-36 { margin-bottom: 36px; } .ml-sm-36 { margin-left: 36px; } .mr-sm-36 { margin-right: 36px; } .pt-sm-36 { padding-top: 36px; } .pb-sm-36 { padding-bottom: 36px; } .pl-sm-36 { padding-left: 36px; } .pr-sm-36 { padding-right: 36px; } .mt-sm-40 { margin-top: 40px; } .mb-sm-40 { margin-bottom: 40px; } .ml-sm-40 { margin-left: 40px; } .mr-sm-40 { margin-right: 40px; } .pt-sm-40 { padding-top: 40px; } .pb-sm-40 { padding-bottom: 40px; } .pl-sm-40 { padding-left: 40px; } .pr-sm-40 { padding-right: 40px; } .mt-sm-44 { margin-top: 44px; } .mb-sm-44 { margin-bottom: 44px; } .ml-sm-44 { margin-left: 44px; } .mr-sm-44 { margin-right: 44px; } .pt-sm-44 { padding-top: 44px; } .pb-sm-44 { padding-bottom: 44px; } .pl-sm-44 { padding-left: 44px; } .pr-sm-44 { padding-right: 44px; } .mt-sm-48 { margin-top: 48px; } .mb-sm-48 { margin-bottom: 48px; } .ml-sm-48 { margin-left: 48px; } .mr-sm-48 { margin-right: 48px; } .pt-sm-48 { padding-top: 48px; } .pb-sm-48 { padding-bottom: 48px; } .pl-sm-48 { padding-left: 48px; } .pr-sm-48 { padding-right: 48px; } .mt-small-0 { margin-top: 0; } .mb-small-0 { margin-bottom: 0; } .ml-small-0 { margin-left: 0; } .mr-small-0 { margin-right: 0; } .pt-small-0 { padding-top: 0; } .pb-small-0 { padding-bottom: 0; } .pl-small-0 { padding-left: 0; } .pr-small-0 { padding-right: 0; } .mt-small-4 { margin-top: 4px; } .mb-small-4 { margin-bottom: 4px; } .ml-small-4 { margin-left: 4px; } .mr-small-4 { margin-right: 4px; } .pt-small-4 { padding-top: 4px; } .pb-small-4 { padding-bottom: 4px; } .pl-small-4 { padding-left: 4px; } .pr-small-4 { padding-right: 4px; } .mt-small-8 { margin-top: 8px; } .mb-small-8 { margin-bottom: 8px; } .ml-small-8 { margin-left: 8px; } .mr-small-8 { margin-right: 8px; } .pt-small-8 { padding-top: 8px; } .pb-small-8 { padding-bottom: 8px; } .pl-small-8 { padding-left: 8px; } .pr-small-8 { padding-right: 8px; } .mt-small-12 { margin-top: 12px; } .mb-small-12 { margin-bottom: 12px; } .ml-small-12 { margin-left: 12px; } .mr-small-12 { margin-right: 12px; } .pt-small-12 { padding-top: 12px; } .pb-small-12 { padding-bottom: 12px; } .pl-small-12 { padding-left: 12px; } .pr-small-12 { padding-right: 12px; } .mt-small-16 { margin-top: 16px; } .mb-small-16 { margin-bottom: 16px; } .ml-small-16 { margin-left: 16px; } .mr-small-16 { margin-right: 16px; } .pt-small-16 { padding-top: 16px; } .pb-small-16 { padding-bottom: 16px; } .pl-small-16 { padding-left: 16px; } .pr-small-16 { padding-right: 16px; } .mt-small-20 { margin-top: 20px; } .mb-small-20 { margin-bottom: 20px; } .ml-small-20 { margin-left: 20px; } .mr-small-20 { margin-right: 20px; } .pt-small-20 { padding-top: 20px; } .pb-small-20 { padding-bottom: 20px; } .pl-small-20 { padding-left: 20px; } .pr-small-20 { padding-right: 20px; } .mt-small-24 { margin-top: 24px; } .mb-small-24 { margin-bottom: 24px; } .ml-small-24 { margin-left: 24px; } .mr-small-24 { margin-right: 24px; } .pt-small-24 { padding-top: 24px; } .pb-small-24 { padding-bottom: 24px; } .pl-small-24 { padding-left: 24px; } .pr-small-24 { padding-right: 24px; } .mt-small-28 { margin-top: 28px; } .mb-small-28 { margin-bottom: 28px; } .ml-small-28 { margin-left: 28px; } .mr-small-28 { margin-right: 28px; } .pt-small-28 { padding-top: 28px; } .pb-small-28 { padding-bottom: 28px; } .pl-small-28 { padding-left: 28px; } .pr-small-28 { padding-right: 28px; } .mt-small-32 { margin-top: 32px; } .mb-small-32 { margin-bottom: 32px; } .ml-small-32 { margin-left: 32px; } .mr-small-32 { margin-right: 32px; } .pt-small-32 { padding-top: 32px; } .pb-small-32 { padding-bottom: 32px; } .pl-small-32 { padding-left: 32px; } .pr-small-32 { padding-right: 32px; } .mt-small-36 { margin-top: 36px; } .mb-small-36 { margin-bottom: 36px; } .ml-small-36 { margin-left: 36px; } .mr-small-36 { margin-right: 36px; } .pt-small-36 { padding-top: 36px; } .pb-small-36 { padding-bottom: 36px; } .pl-small-36 { padding-left: 36px; } .pr-small-36 { padding-right: 36px; } .mt-small-40 { margin-top: 40px; } .mb-small-40 { margin-bottom: 40px; } .ml-small-40 { margin-left: 40px; } .mr-small-40 { margin-right: 40px; } .pt-small-40 { padding-top: 40px; } .pb-small-40 { padding-bottom: 40px; } .pl-small-40 { padding-left: 40px; } .pr-small-40 { padding-right: 40px; } .mt-small-44 { margin-top: 44px; } .mb-small-44 { margin-bottom: 44px; } .ml-small-44 { margin-left: 44px; } .mr-small-44 { margin-right: 44px; } .pt-small-44 { padding-top: 44px; } .pb-small-44 { padding-bottom: 44px; } .pl-small-44 { padding-left: 44px; } .pr-small-44 { padding-right: 44px; } .mt-small-48 { margin-top: 48px; } .mb-small-48 { margin-bottom: 48px; } .ml-small-48 { margin-left: 48px; } .mr-small-48 { margin-right: 48px; } .pt-small-48 { padding-top: 48px; } .pb-small-48 { padding-bottom: 48px; } .pl-small-48 { padding-left: 48px; } .pr-small-48 { padding-right: 48px; } .m-0 { margin: 0; } .p-0 { padding: 0; } .gap-0 { gap: 0; } .gap-4 { gap: 4px; } .gap-8 { gap: 8px; } .gap-10 { gap: 10px; } .gap-12 { gap: 12px; } .gap-14 { gap: 14px; } .gap-16 { gap: 16px; } .gap { gap: var(--gap); } .slick-arrow { width: 40px; height: 40px; font-size: 0; background-color: var(--white); border-radius: 4px; border: 0; -webkit-transition: var(--animation); transition: var(--animation); position: absolute; top: 40%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; } .slick-arrow::after { content: "."; font-size: 0; background-image: url('data:image/svg+xml,'); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.25em; height: 1.25em; min-height: 20px; min-width: 20px; } .slick-arrow:hover { background-color: var(--brand-500); } .slick-arrow:hover::after { background-image: url('data:image/svg+xml,'); } .slick-next { right: -20px; } .slick-next::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .slick-prev { left: -20px; } .slick-dots { list-style: none; margin: 0; padding: 0; margin-top: 0.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.25em; } .slick-dots button { background-color: transparent; border: 0; padding: 0; font-size: 0; } .slick-dots button::after { content: ""; width: 8px; height: 8px; display: inline-block; background-color: var(--gray-10); border-radius: 100%; } .slick-dots .slick-active button::after { background-color: var(--brand-500); } .slider { position: relative; } .slider .slick-slide { margin: 0 4px; } .slider-top-dots .slick-dots { margin: 0; position: absolute; top: -50px; right: 0; } [data-tooltip] { position: relative; pointer: cursor; } [data-tooltip]::before, [data-tooltip]::after { text-transform: none; font-size: 0.9em; line-height: 1; position: absolute; display: none; opacity: 0; } [data-tooltip]::before { content: ""; border: 6px solid transparent; z-index: 101; } [data-tooltip]::after { content: attr(data-tooltip); text-align: center; min-width: 3em; max-width: 21em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 6px 8px; border-radius: 3px; background: var(--black); color: var(--white); z-index: 100; } [data-tooltip]:hover::before, [data-tooltip]:hover::after { display: block; } [data-tooltip=""]::before, [data-tooltip=""]::after { display: none !important; } [data-tooltip]:not([data-flow])::before, [data-tooltip][data-flow^=top]::before { bottom: 100%; border-bottom-width: 0; border-top-color: #333333; } [data-tooltip]:not([data-flow])::after, [data-tooltip][data-flow^=top]::after { bottom: calc(100% + 5px); } [data-tooltip]:not([data-flow])::before, [data-tooltip]:not([data-flow])::after, [data-tooltip][data-flow^=top]::before, [data-tooltip][data-flow^=top]::after { left: 50%; -webkit-transform: translate(-50%, -0.4em); -ms-transform: translate(-50%, -0.4em); transform: translate(-50%, -0.4em); } [data-tooltip][data-flow^=bottom]::before { top: 100%; border-top-width: 0; border-bottom-color: #333333; } [data-tooltip][data-flow^=bottom]::after { top: calc(100% + 5px); } [data-tooltip][data-flow^=bottom]::before, [data-tooltip][data-flow^=bottom]::after { left: 50%; -webkit-transform: translate(-50%, 0.4em); -ms-transform: translate(-50%, 0.4em); transform: translate(-50%, 0.4em); } [data-tooltip][data-flow^=left]::before { top: 50%; border-right-width: 0; border-left-color: #333333; left: calc(0em - 5px); -webkit-transform: translate(-0.5em, -50%); -ms-transform: translate(-0.5em, -50%); transform: translate(-0.5em, -50%); } [data-tooltip][data-flow^=left]::after { top: 50%; right: calc(100% + 5px); -webkit-transform: translate(-0.4em, -50%); -ms-transform: translate(-0.4em, -50%); transform: translate(-0.4em, -50%); } [data-tooltip][data-flow^=right]::before { top: 50%; border-left-width: 0; border-right-color: #333333; right: calc(0em - 7px); -webkit-transform: translate(0.4em, -50%); -ms-transform: translate(0.4em, -50%); transform: translate(0.4em, -50%); } [data-tooltip][data-flow^=right]::after { top: 50%; left: calc(100% + 5px); -webkit-transform: translate(0.5em, -50%); -ms-transform: translate(0.5em, -50%); transform: translate(0.5em, -50%); } @-webkit-keyframes tooltip-vert { to { opacity: 1; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } } @keyframes tooltip-vert { to { opacity: 1; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } } @-webkit-keyframes tooltip-horz { to { opacity: 1; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } @keyframes tooltip-horz { to { opacity: 1; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } [data-tooltip]:not([data-flow]):hover::before, [data-tooltip]:not([data-flow]):hover::after, [data-tooltip][data-flow^=top]:hover::before, [data-tooltip][data-flow^=top]:hover::after, [data-tooltip][data-flow^=bottom]:hover::before, [data-tooltip][data-flow^=bottom]:hover::after { -webkit-animation: tooltip-vert 0.5s ease-out forwards; animation: tooltip-vert 0.5s ease-out forwards; } [data-tooltip][data-flow^=left]:hover::before, [data-tooltip][data-flow^=left]:hover::after, [data-tooltip][data-flow^=right]:hover::before, [data-tooltip][data-flow^=right]:hover::after { -webkit-animation: tooltip-horz 0.5s ease-out forwards; animation: tooltip-horz 0.5s ease-out forwards; } .hr-line { margin: 20px 0; padding: 0; height: 0; border: none; border-top: 1px solid var(--gray-10); } .cookie { position: fixed; bottom: 20px; max-width: 1200px; width: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: var(--white); padding: 21px 40px 20px 26px; z-index: 100; } .cookie-overlay { height: 100%; width: 100%; position: fixed; left: 0; top: 0; z-index: 99; background: #3a3f44; opacity: 0.7 !important; } .cookie-inner { position: relative; } .cookie-close { position: absolute; top: 10px; right: 10px; } .logo-link { line-height: 1; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .logo-descriptor { max-width: 200px; line-height: 1.1; } .header { position: relative; z-index: 10; } .header-wrapper { padding: 1.25em 0; } .header-logo { max-width: 400px; } .header-menu { list-style: none; margin: 0; padding: 0; } .header-menu a { color: var(--txt-white); font-size: 1.125em; font-weight: 500; } @media (max-width: 1024px) { .header-menu a { font-size: inherit; } } .header-menu a:hover { color: var(--green); text-decoration: underline; } .header-phone { color: var(--white); font-weight: 500; font-size: 24px; } @media (max-width: 1024px) { .header-phone { font-size: 18px; } } .header-search-wrapper { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .header-search-form { position: relative; } .header-search-btn { position: absolute; top: 50%; right: 0.5em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 767px) { .header-mobile { display: block; } .header-mobile__wrapper { padding: 0.5em 0; border-bottom: 1px solid var(--gray-10); } .header-mobile-logo { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .header-mobile-logo svg { max-width: 120px; } } .header-mobile { display: none; } @media screen and (max-width: 767px) { .header-mobile { display: block; } } .burger { position: relative; width: 1.5em; height: 1.5em; top: 0.25em; } .burger-item { width: 1.5em; height: 1.5px; background-color: #222; position: absolute; left: 0; } .burger-item:nth-child(1) { top: 0; } .burger-item:nth-child(2) { top: 10px; width: 14px; } .page-404 { padding: 50px 0; } .page-404__images .svg { width: 32.5em; height: 12.5em; } .page-404__images .svg svg { color: var(--brand-500); width: 100%; height: 100%; } @media screen and (max-width: 767px) { .page-404__images .svg { width: 350px; height: 120px; } } @media screen and (max-width: 575px) { .page-404__images .svg { width: 290px; height: 104px; } } .page-404__title { font-size: 2.625em; line-height: 1.2; } @media screen and (max-width: 767px) { .page-404__title { font-size: 2em; } } @media screen and (max-width: 575px) { .page-404__title { font-size: 1.75em; } } :root { --m-font-family: "Manrope", system-ui, sans-serif; --m-font-family-title: "Manrope", system-ui, sans-serif; --bg-gray: #F4F5F7; --bg-white: #FFFFFF; --txt-black: #000000; --txt-dark-gray: #707070; --txt-gray: #A2A2A2; --txt-white: #FFFFFF; --black: #000; --light-gray: #F6F6F6; --green: #579E15; --beige: #E9E7E6; --white: #FFFFFF; --gap: 20px; --animation: all 0.25s ease-out; } main.main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 4.375em; } @media screen and (max-width: 575px) { main.main { margin-bottom: 2.5em; } } body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; overflow-x: hidden; color: var(--txt-black); font-family: var(--m-font-family), serif; font-weight: 400; font-size: 1em; line-height: 1.5; min-height: 100vh; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; background-color: var(--bg-gray); } .flex1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .hero { background-size: cover; background-position: center; position: relative; } .hero:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .hero-inner { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 380px; grid-template-columns: 1fr 380px; gap: 60px; padding-top: 60px; padding-bottom: 40px; position: relative; z-index: 2; } @media (max-width: 1024px) { .hero-inner { gap: 40px; } } @media screen and (max-width: 991px) { .hero-inner { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } .hero-title { color: var(--txt-white); font-size: 80px; font-weight: 800; line-height: 1; margin-bottom: 80px; } @media (max-width: 1200px) { .hero-title { font-size: 60px; } } @media screen and (max-width: 575px) { .hero-title { font-size: 42px; margin-bottom: 30px; } } .hero-title span { display: block; font-size: 32px; font-weight: 700; margin-top: 20px; color: var(--green); } @media (max-width: 1200px) { .hero-title span { font-size: 28px; } } @media screen and (max-width: 575px) { .hero-title span { font-size: 24px; } } .hero-utp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1024px) { .hero-utp { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media screen and (max-width: 991px) { .hero-utp { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .hero-utp__wrapper { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px; max-width: 90%; } @media (max-width: 1024px) { .hero-utp__wrapper { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); max-width: 100%; } } @media screen and (max-width: 991px) { .hero-utp__wrapper { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); max-width: 90%; } } @media screen and (max-width: 575px) { .hero-utp__wrapper { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } .hero-utp-icons { width: 80px; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .hero-utp-icons .svg { color: var(--white); } @media (max-width: 1024px) { .hero-utp-icons { width: 64px; height: 64px; } } .hero-utp-title { color: var(--txt-white); text-align: center; font-size: 18px; line-height: 1.2; max-width: 90%; } @media (max-width: 1024px) { .hero-utp-title { font-size: inherit; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: left; max-width: 100%; } } @media screen and (max-width: 991px) { .hero-utp-title { text-align: center; max-width: 90%; } } .hero-form .mobile-btn-form { display: none; } @media screen and (max-width: 991px) { .hero-form { text-align: center; } .hero-form .mobile-btn-form { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .hero-form .form { display: none; } } .form { border-radius: 1.5625em; background: var(--white); overflow: hidden; } .form-top { text-align: center; background-color: var(--green); padding: 24px 8px; } .form-title { font-size: 18px; line-height: 1; font-weight: 600; color: var(--txt-white); text-transform: uppercase; } .form-description { margin: 0; color: var(--txt-white); font-size: 18px; } .form-inner { padding: 30px; } .form-inner label { font-size: 14px; color: var(--txt-dark-gray); line-height: 1.2; margin-bottom: 8px; } .form-inner-item:not(:last-child) { margin-bottom: 20px; } .form-inner .license-block { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 4px; } .form-inner .license-block input[type=checkbox] { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .form-inner .license-block label { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 1; font-size: 14px; } .form-inner .license-block label a { font-weight: 600; text-decoration: underline; } .form-inner .license-block label a:hover { color: var(--green); } .assortment { cursor: pointer; background-color: var(--beige); border-radius: 20px; overflow: hidden; position: relative; height: 320px; -webkit-transition: var(--animation); transition: var(--animation); } @media (max-width: 1024px) { .assortment { height: 300px; } } @media screen and (max-width: 767px) { .assortment { height: 280px; } } .assortment:hover { background: var(--green); } .assortment-name { position: absolute; top: 20px; left: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 8px 20px; background-color: var(--white); border-radius: 30px; z-index: 3; color: var(--txt-black); font-size: 20px; font-weight: 600; } @media screen and (max-width: 991px) { .assortment-name { font-size: inherit; } } .assortment-images { position: absolute; bottom: -10%; right: -10%; max-width: 450px; } @media (max-width: 1024px) { .assortment-images { max-width: 370px; } } .assortment-images picture { display: block; width: 100%; height: 100%; line-height: 1; } .assortment-images img { max-width: 100%; height: auto; } .product-item { width: 100%; height: 370px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 20px; overflow: hidden; border: 1px solid #e4e4e6; } @media (max-width: 1200px) { .product-item { height: auto; } } @media screen and (max-width: 767px) { .product-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .product-img { width: 360px; } @media screen and (max-width: 767px) { .product-img { width: 100%; height: 300px; } } .product-img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .product-inner { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 40px; background-color: var(--white); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 1200px) { .product-inner { padding: 20px; gap: 20px; } } .product-top { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--gap); } @media (max-width: 1024px) { .product-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .product-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .product-title { color: var(--txt-black); font-size: 22px; font-weight: 700; line-height: 1.2; text-transform: uppercase; margin-bottom: 8px; } .product-text { color: var(--txt-dark-gray); } .product-text p { margin: 0; } .product-text p:not(:last-child) { margin-bottom: 1em; } .product-colors { width: 200px; } .product-bottom { margin-top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; } @media screen and (max-width: 1199px) { .product-bottom { margin-top: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .product-price { color: var(--txt-black); font-size: 24px; font-weight: 500; line-height: 1.2; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; opacity: 0.8; } @media screen and (max-width: 1199px) { .product-price { -ms-flex-preferred-size: 100%; flex-basis: 100%; font-size: 18px; } } .product-price span { opacity: 1; font-size: 30px; font-weight: 600; } @media screen and (max-width: 1199px) { .product-price span { font-size: 20px; } } .delivery { padding: 40px; background-color: var(--white); border-radius: 20px; border: 1px solid #e4e4e6; } @media (max-width: 1024px) { .delivery { padding: 20px; border-radius: 10px; } } @media screen and (max-width: 767px) { .delivery { padding: 12px; border-radius: 10px; } } .delivery-wrapper { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); gap: 20px; } @media screen and (max-width: 991px) { .delivery-wrapper { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); gap: 40px; } } .delivery-title { font-size: 32px; margin-bottom: 20px; line-height: 1.1; } @media screen and (max-width: 991px) { .delivery-title { margin-bottom: 10px; } } @media screen and (max-width: 767px) { .delivery-title { font-size: 24px; } } .delivery-list { margin: 0; padding: 0; list-style: none; width: 80%; } @media screen and (max-width: 1199px) { .delivery-list { width: 90%; } } @media screen and (max-width: 991px) { .delivery-list { width: 100%; } } .delivery-list li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 20px; line-height: 1.2; } .delivery-list li:not(:last-child) { margin-bottom: 12px; } @media screen and (max-width: 991px) { .delivery-list li { font-size: 18px; margin-bottom: 4px; } } @media screen and (max-width: 767px) { .delivery-list li { font-size: inherit; } } .delivery-list li:before { content: ""; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 24px; height: 24px; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; background-size: 100%; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 8px; top: 1px; position: relative; } .delivery-text { margin-top: 40px; font-size: 20px; } @media screen and (max-width: 991px) { .delivery-text { font-size: 18px; } } @media screen and (max-width: 767px) { .delivery-text { font-size: inherit; } } .about { padding: 40px; background-color: #E9E7E6; border-radius: 20px; border: 1px solid #e4e4e6; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 400px; grid-template-columns: 1fr 400px; gap: 40px; } @media (max-width: 1024px) { .about { padding: 20px; border-radius: 10px; gap: 20px; -ms-grid-columns: 1fr 330px; grid-template-columns: 1fr 330px; } } @media screen and (max-width: 767px) { .about { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } .about-title { margin-bottom: 40px; } .about-inner-top { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 20px; } @media (max-width: 1024px) { .about-inner-top { gap: 10px; } } @media screen and (max-width: 991px) { .about-inner-top { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 767px) { .about-inner-top { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } .about-inner-top br { display: none; } } .about-item { padding: 20px; background-color: var(--white); border-radius: 20px; text-align: center; font-size: 22px; } @media (max-width: 1024px) { .about-item { font-size: 18px; border-radius: 10px; padding: 10px; } } .about-item:last-child { grid-column: 1/-1; } @media screen and (max-width: 991px) { .about-item:last-child { grid-column: inherit; } } @media screen and (max-width: 767px) { .about-mobile-images { width: 100%; height: 250px; background-image: url("/assets/img/car.png"); background-size: contain; background-repeat: no-repeat; background-position: center; } } .about-images { background-image: url("/assets/img/car.png"); background-size: 145%; background-repeat: no-repeat; margin: -100px; margin-right: -40px; margin-left: 0; position: relative; top: 60px; } @media screen and (max-width: 767px) { .about-images { display: none; } } .payment-section { padding: 40px; background-color: #E9E7E6; border-radius: 20px; } @media (max-width: 1024px) { .payment-section { padding: 20px; border-radius: 10px; } } .payment-wrapper { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); gap: 20px; } @media (max-width: 1024px) { .payment-wrapper { gap: 10px; } } @media screen and (max-width: 991px) { .payment-wrapper { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 767px) { .payment-wrapper { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } } .payment-item { padding: 40px 30px; background-color: var(--white); border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; border: 1px solid #e4e4e6; } @media screen and (max-width: 991px) { .payment-item { padding: 24px 18px; } .payment-item:last-child { grid-column: 1/-1; } } @media screen and (max-width: 767px) { .payment-item { padding: 18px 16px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .payment-item .payment-inner { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .payment-item .payment-text { text-align: left; } } .payment-icons { width: 120px; height: 120px; background-color: var(--bg-gray); padding: 26px; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .payment-icons .svg { max-width: 100%; height: auto; } @media (max-width: 1024px) { .payment-icons { padding: 20px; width: 90px; height: 90px; } } @media screen and (max-width: 767px) { .payment-icons { padding: 12px; width: 62px; height: 62px; } } .payment-inner { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .payment-title { text-align: center; font-size: 28px; font-weight: 500; line-height: 1; } @media screen and (max-width: 991px) { .payment-title { font-size: 24px; } } @media screen and (max-width: 767px) { .payment-title { font-size: 18px; } } .payment-text { text-align: center; color: var(--txt-dark-gray); max-width: 80%; line-height: 1.4; } @media screen and (max-width: 991px) { .payment-text { max-width: 100%; } } @media screen and (max-width: 767px) { .payment-text { font-size: 15px; } } .contacts-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } @media screen and (max-width: 991px) { .contacts-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .contacts-wrapper .maps { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 400px; } .contacts-inner { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); gap: 20px; row-gap: 40px; } @media (max-width: 1024px) { .contacts-inner { row-gap: 20px; } } @media screen and (max-width: 991px) { .contacts-inner { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 767px) { .contacts-inner { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } } .contacts-item:last-child { grid-column: 1/-1; } .contacts-label { color: var(--txt-dark-gray); text-transform: uppercase; font-size: 16px; margin-bottom: 4px; } .contacts-value { font-size: 28px; line-height: 1.2; font-weight: 500; } @media (max-width: 1280px) { .contacts-value { font-size: 24px; } } @media (max-width: 1024px) { .contacts-value { font-size: 20px; } } @media screen and (max-width: 991px) { .contacts-value { font-size: 18px; } } .contacts-value a { display: block; } .contacts-value .work-schedule { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); gap: 20px; } @media (max-width: 1024px) { .contacts-value .work-schedule { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); gap: 10px; } } @media screen and (max-width: 991px) { .contacts-value .work-schedule { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 767px) { .contacts-value .work-schedule { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } .contacts-value .work-schedule-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 20px; gap: 4px; } .contacts-value .work-schedule-name { font-size: 24px; } @media screen and (max-width: 991px) { .contacts-value .work-schedule-name { font-size: 18px; } } .contacts-value .work-schedule-value { color: var(--txt-dark-gray); display: block; } .footer { background-color: var(--beige); padding-top: 20px; padding-bottom: 20px; } .footer-top { margin-bottom: 20px; } @media (max-width: 1024px) { .footer-menu { font-size: 80%; } } @media screen and (max-width: 991px) { .footer-menu { display: none; } } .footer-bottom { text-align: center; color: var(--txt-dark-gray); font-size: 12px; } .open-form { padding: 40px; border-radius: 20px; background-size: cover; background-position: center; position: relative; overflow: hidden; } .open-form:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .open-form-wrapper { position: relative; z-index: 2; } .open-form-title { text-align: center; font-size: 24px; font-weight: 500; color: var(--white); text-transform: uppercase; margin-bottom: 40px; } .open-form-inner { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); gap: 20px; max-width: 900px; margin: 0 auto; } @media screen and (max-width: 767px) { .open-form-inner { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); gap: 0; } } .open-form-inner label { color: var(--white); opacity: 0.8; margin-bottom: 4px; } .open-form-bottom { max-width: 900px; margin: 0 auto; } @media screen and (max-width: 767px) { .open-form-bottom { margin-top: 20px; } } .open-form-bottom label { color: var(--white); opacity: 0.8; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .open-form-bottom > div { width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /*# sourceMappingURL=main.css.map */ /* End */ /* Start:/local/templates/site/template_styles.css?17579136763329*/ .maps{ height: auto !important } .fs-13 { font-size: 13px; } .color-666{ color: var(--txt-dark-gray); } .map-detail-items__item-title{ font-size: 18px; font-weight: 500; } /**/ .error-msg{ font-size: 13px; } .open-form .error-msg{ color: #FFF; text-align: center; } .modal-form{ } .modal-form .fancybox__content{ padding: 0; background-color: transparent; max-width: 370px; width: 100%; } .btn-primary:disabled{ opacity: .8; } /**/ .header.is-clone { position: fixed; top: -10rem; left: 0; right: 0; width: 100%; z-index: 99; transition: .5s; padding: 10px 0; background-color: #FFF; box-shadow: 0 4px 16px 0 rgba(154, 147, 140, 0.5); } .header-mobile.is-fixed{ position: fixed; top: 0rem; left: 0; right: 0; width: 100%; z-index: 99; } .header.is-fixed { top: 0 !important; } .header.is-clone .header-wrapper{ padding: 0; } .header-pages .header-phone, .header-pages .header-menu a, .header.is-clone .header-phone, .header.is-clone .header-menu a{ color: #333; } .header-mobile{ display: none; } .wpar-fixed{ display: none !important; } @media (max-width: 768px) { .wpar-fixed{ display: block !important; } .icons.icons-24{ width: 24px !important; height: 24px !important; } .header.header-clone, header.header{ display: none !important; } .header-mobile { display: block; padding: 10px 20px; box-shadow: 0 0 20px 0 #bcbfc4; background-color: #FFF; } .header-mobile__actions { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .header-mobile__burger-menu { cursor: pointer; position: relative; width: 35px; height: 25px; } .header-mobile__burger--global { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 0; border-top: 2px solid var(--green); width: 100%; transition: 0.55s; } .header-mobile__burger-top { top: 0; } .header-mobile__burger-middle { top: 50%; transform: translateY(-50%); } .header-mobile__burger-bottom { bottom: 0px; } .header-mobile__logo { flex: 1; max-width: 30%; } .header-mobile__inner-contact { display: flex; align-items: center; justify-content: space-between; flex-basis: 70px; } .header-mobile__inner-phone { flex-basis: 30px; position: relative; } .header-mobile--mobile { padding-top: 20px; } .header-mobile-phone{ font-size: 0; } .header-mobile__burger-menu.active .header-mobile__burger-top { top: 15px; transform: rotate(50deg); } .header-mobile__burger-menu.active .header-mobile__burger--global { -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: 0.2s 0.2s; } .header-mobile__burger-menu.active .header-mobile__burger-middle { opacity: 0; } .header-mobile__burger-menu.active .header-mobile__burger-bottom { top: 15px; bottom: auto; transform: rotate(-410deg); } .block-fixed { position: relative; right: 0; left: 0; top: 0; width: 100%; z-index: 400; } } .footer__developers{ display: flex; align-items: center; width: 200px; } .footer-bottom-text{ flex: 1; text-align: left; } .footer-logo, .header-logo { max-width: 100px; } /* End */ /* /local/templates/site/assets/vendor/fancybox/fancybox.css?175705404325274 */ /* /local/templates/site/assets/css/yandex-map.css?175705404317080 */ /* /local/templates/site/assets/css/main.css?1757683672155606 */ /* /local/templates/site/template_styles.css?17579136763329 */