@charset "UTF-8";
.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal !important;}
.wpcf7 form .wpcf7-response-output{margin:2em 0.5em 1em;padding:0.2em 1em;border:2px solid #00a0d2;}
.wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output{display:none;}
.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450;}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232;}
.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900;}
.wpcf7-form-control-wrap{position:relative;}
.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:normal;display:block;}
.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em;}
.wpcf7-list-item{display:inline-block;margin:0 0 0 1em;}
.wpcf7-list-item-label::before, .wpcf7-list-item-label::after{content:" ";}
.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:0.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative;}
form.submitting .wpcf7-spinner{visibility:visible;}
.wpcf7-spinner::before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1000ms;animation-timing-function:linear;animation-iteration-count:infinite;}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before{animation-name:blink;animation-duration:2000ms;}
}
@keyframes spin {
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
@keyframes blink {
from{opacity:0;}
50%{opacity:1;}
to{opacity:0;}
}
.wpcf7 [inert]{opacity:0.5;}
.wpcf7 input[type="file"]{cursor:pointer;}
.wpcf7 input[type="file"]:disabled{cursor:default;}
.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed;}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"]{direction:ltr;}
.wpcf7-reflection > output{display:list-item;list-style:none;}
.wpcf7-reflection > output[hidden] {
display: none;
}.jbc-cookie-banner{position:fixed;bottom:2rem;left:1rem;right:0;width:calc(100% - 2rem);max-width:45rem;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem 2rem;z-index:9999;background-color:#fff;color:#000;font-size:1rem;line-height:1.4;border-radius:1rem;transform:translateX(50%);}
.jbc-cookie-icon{min-width:2.75rem;height:2.75rem;background:#DAF560 url(//jbstudio.pro/wp-content/plugins/jb-cookie/public/../images/cookie.svg) center / 1.5rem 1.5rem no-repeat;padding:0.625rem;border-radius:0.75rem;}
.jbc-cookie-content{display:flex;gap:0.75rem;}
.jbc-cookie-content p{color:black;margin:0;}
.jbc-cookie-content a{color:black;text-decoration:underline;}
.jbc-cookie-content a:hover{color:black;text-decoration:none;}
.jbc-policy-link{color:inherit;text-decoration:underline;margin-left:5px;}
.jbc-policy-link:hover{text-decoration:none;}
.jbc-cookie-buttons{display:flex;gap:0.75rem;}
.jbc-accept-btn, .jbc-reject-btn{padding:1rem 1.5rem;border:1px solid #ccc;border-radius:.5rem;cursor:pointer;font-size:max(12px, 0.75rem);transition:all 0.3s ease;color:black;min-width:7.5rem;background-color:white;}
.jbc-accept-btn:hover, .jbc-reject-btn:hover{background-color:black;color:white;}
.jbc-accept-btn{border-color:#DAF560;background-color:#DAF560;}
@media(max-width:768px){
.jbc-cookie-banner {
flex-direction: column;
transform: none;
bottom: 1rem;
}
.jbc-cookie-content {
max-width: 100%;
margin-right: 0;
margin-bottom: 15px;
}
.jbc-cookie-buttons {
width: 100%;
justify-content: center;
}
}: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}@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
  @import url("https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500&family=Fira+Sans:wght@400..600&display=swap");
@font-face{font-family:"Inter";font-weight:400;src:url(//jbstudio.pro/wp-content/themes/web-jb/fonts/Inter-Roman.woff) format("woff");font-display:swap;}
@font-face{font-family:"Inter";font-weight:500;src:url(//jbstudio.pro/wp-content/themes/web-jb/fonts/Inter-Medium.woff) format("woff");font-display:swap;}
@font-face{font-family:"Inter";font-weight:300;src:url(//jbstudio.pro/wp-content/themes/web-jb/fonts/Inter-Light.woff) format("woff");font-display:swap;}:root{--c-primary:#DAF560;--c-primary-90:#DAF560E6;--c-primary-80:#DAF560CC;--c-primary-70:#DAF560B3;--c-primary-60:#DAF56099;--c-primary-50:#DAF56080;--c-primary-40:#DAF56066;--c-primary-30:#DAF5604D;--c-primary-20:#DAF56033;--c-primary-10:#DAF5601A;--c-secondary:#FB4F08;--c-secondary-90:#FB4F08E6;--c-secondary-80:#FB4F08CC;--c-secondary-70:#FB4F08B3;--c-secondary-60:#FB4F0899;--c-secondary-50:#FB4F0880;--c-secondary-40:#FB4F0866;--c-secondary-30:#FB4F084D;--c-secondary-20:#FB4F0833;--c-secondary-10:#FB4F081A;--c-bg-1:#1C1C1C;--c-bg-1-90:#1C1C1CE6;--c-bg-1-80:#1C1C1CCC;--c-bg-1-70:#1C1C1CB3;--c-bg-1-60:#1C1C1C99;--c-bg-1-50:#1C1C1C80;--c-bg-1-40:#1C1C1C66;--c-bg-1-30:#1C1C1C4D;--c-bg-1-20:#1C1C1C33;--c-bg-1-10:#1C1C1C1A;--c-bg-2:#F1F1F1;--c-bg-2-90:#F1F1F1E6;--c-bg-2-80:#F1F1F1CC;--c-bg-2-70:#F1F1F1B3;--c-bg-2-60:#F1F1F199;--c-bg-2-50:#F1F1F180;--c-bg-2-40:#F1F1F166;--c-bg-2-30:#F1F1F14D;--c-bg-2-20:#F1F1F133;--c-bg-2-10:#F1F1F11A;--c-white:#ffffff;--c-white-90:#ffffffE6;--c-white-80:#ffffffCC;--c-white-70:#ffffffB3;--c-white-60:#ffffff99;--c-white-50:#ffffff80;--c-white-40:#ffffff66;--c-white-30:#ffffff4D;--c-white-20:#ffffff33;--c-white-10:#ffffff1A;--c-black:#000000;--c-black-90:#000000E6;--c-black-80:#000000CC;--c-black-70:#000000B3;--c-black-60:#00000099;--c-black-50:#00000080;--c-black-40:#00000066;--c-black-30:#0000004D;--c-black-20:#00000033;--c-black-10:#0000001A;--c-text:#8F8F8F;--c-text-90:#8F8F8FE6;--c-text-80:#8F8F8FCC;--c-text-70:#8F8F8FB3;--c-text-60:#8F8F8F99;--c-text-50:#8F8F8F80;--c-text-40:#8F8F8F66;--c-text-30:#8F8F8F4D;--c-text-20:#8F8F8F33;--c-text-10:#8F8F8F1A;--c-alert:#d9534f;--c-alert-90:#d9534fE6;--c-alert-80:#d9534fCC;--c-alert-70:#d9534fB3;--c-alert-60:#d9534f99;--c-alert-50:#d9534f80;--c-alert-40:#d9534f66;--c-alert-30:#d9534f4D;--c-alert-20:#d9534f33;--c-alert-10:#d9534f1A;--c-success:#5cb85c;--c-success-90:#5cb85cE6;--c-success-80:#5cb85cCC;--c-success-70:#5cb85cB3;--c-success-60:#5cb85c99;--c-success-50:#5cb85c80;--c-success-40:#5cb85c66;--c-success-30:#5cb85c4D;--c-success-20:#5cb85c33;--c-success-10:#5cb85c1A;--c-info:#5bb5de;--c-info-90:#5bb5deE6;--c-info-80:#5bb5deCC;--c-info-70:#5bb5deB3;--c-info-60:#5bb5de99;--c-info-50:#5bb5de80;--c-info-40:#5bb5de66;--c-info-30:#5bb5de4D;--c-info-20:#5bb5de33;--c-info-10:#5bb5de1A;--c-warning:#f0ad4e;--c-warning-90:#f0ad4eE6;--c-warning-80:#f0ad4eCC;--c-warning-70:#f0ad4eB3;--c-warning-60:#f0ad4e99;--c-warning-50:#f0ad4e80;--c-warning-40:#f0ad4e66;--c-warning-30:#f0ad4e4D;--c-warning-20:#f0ad4e33;--c-warning-10:#f0ad4e1A;--ff-1:"Fira Sans", sans-serif;--ff-2:"Maven Pro", sans-serif;--fz-h1:4rem;--fz-h2:2.75rem;--fz-h3:1.5rem;--fz-h4:1.125rem;--fz-h5:max(12px, 1rem);--fz-p:max(12px, 1rem);--fz-btn:max(12px, 1rem);--border-radius:24px;}
@media screen and (max-width:1440px){
:root{--fz-h3:18px;}
}
@media screen and (max-width:1024px){
:root{--fz-h2:36px;}
}
@media screen and (max-width:767px){
:root{--fz-h1:40px;--fz-h2:32px;}
} *{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;}
*::-webkit-scrollbar{height:12px;width:12px;}
*::-webkit-scrollbar-thumb{background-color:var(--c-white);border-radius:0.3125rem;border:0.125rem solid var(--c-black);}
*::-webkit-scrollbar-track{background:transparent;}
html{font-size:16px;}
@media(min-width:768px){
html{font-size:1vw;}
}
html, body{scroll-padding-top:-5.25rem;}
body{background-color:var(--c-black);color:var(--c-white);font-family:var(--ff-1);line-height:1.4;font-style:normal;font-size:max(12px, 1rem);position:relative;}
body.menu-opened, body.menu-clicked, .with-fancybox{overflow:hidden !important;}
@media(min-width:768px){
body.menu-opened .smooth-wrapper, body.menu-clicked .smooth-wrapper, .with-fancybox .smooth-wrapper{padding-right:12px;}
}
main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#000000;}
footer{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;}
h1{font-family:var(--ff-2);font-size:var(--fz-h1);font-weight:500;line-height:1;}
h2{font-family:var(--ff-2);font-size:var(--fz-h2);font-weight:500;line-height:1.2;}
h3{font-family:var(--ff-2);font-size:var(--fz-h3);font-weight:500;line-height:1.2;}
h4 {
font-size: var(--fz-h4);
font-weight: 400;
line-height: 1.2;
} p{color:var(--c-text);font-size:var(--fz-p);font-style:normal;font-weight:400;}
p:not(:last-child) {
margin-bottom: 0.875rem;
} a{color:var(--c-white);font-size:var(--fz-p);font-style:normal;font-weight:400;text-decoration:none;-webkit-transition:color 0.3s ease;transition:color 0.3s ease;}
a:hover{color:var(--c-primary);}
ul{margin:0 0 0.75rem 0.75rem;}
ul > li{margin:0 0 0.3125rem 0.3125rem;}
main section{margin-bottom:7.5rem;}
@media(max-width:767.9px){
main section{margin-bottom:5rem;}
}
input{padding:1.1875rem 1.5rem;color:var(--c-black);font-family:var(--ff-1);font-size:var(--fz-p);border-radius:0.5rem;border:solid 0.0625rem var(--c-black-25);background-color:var(--c-white);outline:none;-webkit-transition:0.3s;transition:0.3s;}
input:not(:-moz-placeholder-shown){border:none;}
input:not(:-ms-input-placeholder){border:none;}
input:not(:placeholder-shown), input:focus{border:none;}
input.invalid, input.wpcf7-not-valid{color:#FB4F08;padding:0.6875rem 1.5rem 1.6875rem;}
input.invalid::-webkit-input-placeholder, input.wpcf7-not-valid::-webkit-input-placeholder{color:#FB4F08 !important;}
input.invalid::-moz-placeholder, input.wpcf7-not-valid::-moz-placeholder{color:#FB4F08 !important;}
input.invalid:-ms-input-placeholder, input.wpcf7-not-valid:-ms-input-placeholder{color:#FB4F08 !important;}
input.invalid::-ms-input-placeholder, input.wpcf7-not-valid::-ms-input-placeholder{color:#FB4F08 !important;}
input.invalid::placeholder, input.wpcf7-not-valid::placeholder{color:#FB4F08 !important;}
form .wpcf7-response-output{display:none;}
form .wpcf7-spinner{position:absolute;margin-right:0.5rem;}
form .wpcf7-acceptance input[type=checkbox]{display:none;}
form .wpcf7-acceptance .wpcf7-list-item{margin-left:0;}
form .wpcf7-acceptance .wpcf7-list-item-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:start;gap:0.375rem;cursor:pointer;font-size:max(12px, 0.75rem);color:var(--c-white-60);}
form .wpcf7-acceptance .wpcf7-list-item-label a{font-size:max(12px, 0.75rem);color:var(--c-white-60);text-decoration:underline;}
form .wpcf7-acceptance .wpcf7-list-item-label a:hover{text-decoration:none;}
form .wpcf7-acceptance .wpcf7-list-item-label:before{content:"";display:inline-block;min-width:1rem;height:1rem;border:1px solid #ffffff;background:transparent;border-radius:4px;-webkit-transition:all 0.3s;transition:all 0.3s;opacity:0.6;}
form .wpcf7-acceptance input[type=checkbox]:checked + .wpcf7-list-item-label:before{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"/></svg>') no-repeat center;opacity:1;}
input:not([type=checkbox]):not([type=radio]),
textarea, select{-webkit-appearance:none;-moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0;}
input::-ms-clear{display:none;}::-webkit-input-placeholder{color:var(--c-text);}:-ms-input-placeholder{color:var(--c-text);}::-moz-placeholder{color:var(--c-text);opacity:1;}:-moz-placeholder{color:var(--c-text);opacity:1;}
img{max-width:100%;height:auto;vertical-align:top;}
.form-control-wrap{position:relative;}
.form-control-wrap.error input{border-color:var(--c-alert) !important;color:var(--c-alert) !important;}
.wpcf7-not-valid-tip{color:var(--c-black);font-size:max(12px, 0.75rem);line-height:1;position:absolute;left:1.5rem;bottom:0.625rem;white-space:nowrap;}
table, thead, tbody, tfoot, tr, th, td{display:block;width:auto;height:auto;margin:0;padding:0;border:none;border-collapse:inherit;border-spacing:0;border-color:inherit;vertical-align:inherit;text-align:left;font-weight:inherit;-webkit-border-horizontal-spacing:0;-webkit-border-vertical-spacing:0;}
th, td{display:inline;}
strong{font-weight:500;}
@media(max-width:767.9px){
#wpadminbar{display:none;}
} .jb-section{margin:60px 0;}
@media(max-width:1023.9px){
.jb-section{margin:30px 0;}
}
@media(max-width:767.9px){
.jb-section{margin:20px 0;}
}
.jb-section__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:end;gap:0 1rem;overflow:hidden;}
.jb-section__header .jb-title{font-size:3rem;}
@media(max-width:767.9px){
.jb-section__header .jb-title{font-size:1.75rem;}
}
.jb-container{max-width:100%;margin:0 2.5rem;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:767.9px){
.jb-container{margin:0 1rem;}
}
.jb-container-card{width:100%;background-color:var(--c-bg-2);border-radius:var(--border-radius);color:var(--c-text);padding:3.75rem;display:-ms-grid;display:grid;}
@media screen and (max-width:1440px){
.jb-container-card{padding:3rem;}
}
@media screen and (max-width:767px){
.jb-container-card{padding:2.5rem 1.25rem;}
}
.jb-container-card__inner{max-width:85rem;margin-left:auto;margin-right:auto;width:100%;}
@media screen and (max-width:1440px){
.jb-container-card__inner{max-width:100rem;}
}
.jb-container-card--swiper{padding:0;overflow:hidden !important;}
.jb-container-card--swiper .jb-container-card__inner{max-width:100%;}
.jb-menu__menu{position:fixed;top:0;left:0;z-index:999;width:100%;height:100dvh;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:none;background:#000000;-webkit-transition:clip-path 0.7s ease;transition:clip-path 0.7s ease;clip-path:inset(0 0 0 100%);padding:1.75rem 2.5rem 2.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:3.125rem;overflow-y:auto;}
@media(max-width:767.9px){
.jb-menu__menu{padding:1.25rem 1rem 1.5rem;gap:2rem;-webkit-transition:clip-path 0.3s ease;transition:clip-path 0.3s ease;}
}
.jb-menu__menu ul.menu{list-style-type:none;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.jb-menu__menu ul.menu ul{list-style-type:none;padding:0;margin:0;}
.jb-menu__menu ul.menu li{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.5rem;margin:0;}
@media(min-width:768px){
.jb-menu__menu ul.menu li{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
}
@media(max-width:767.9px){
.jb-menu__menu ul.menu li{gap:1rem;}
}
.jb-menu__menu ul.menu li.current-menu-item a{border-bottom:2px solid var(--c-white);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
.jb-menu__menu.fade{opacity:0;}
@media(min-width:768px){
.jb-menu__menu.fade{width:calc(100% - 12px);}
}
.jb-menu__menu.fade.in{opacity:1;clip-path:inset(0 0 0 0%);}
.jb-menu__menu.site-navigation ul.menu{margin:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;}
@media(min-width:768px){
.jb-menu__menu.site-navigation ul.menu{padding-left:58.375rem;}
}
.jb-menu__menu.site-navigation ul.menu > li{position:relative;margin:0;}
.jb-menu__menu.site-navigation ul.menu > li a{font-family:var(--ff-2);line-height:120%;-webkit-transition:0.3s;transition:0.3s;}
.jb-menu__menu.site-navigation ul.menu > li a:hover{color:#DAF560;}
.jb-menu__menu.site-navigation ul.menu > li.jb-menu--callback a{opacity:1 !important;color:var(--c-primary);display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.625rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.jb-menu__menu.site-navigation ul.menu > li.jb-menu--callback a::after{content:"";display:inline-block;width:0.625rem;height:0.625rem;background-image:url(//jbstudio.pro/wp-content/themes/web-jb/images/arrow.svg);background-repeat:no-repeat;background-position:center right;background-size:100%;-webkit-transition:0.2s;transition:0.2s;-webkit-transform:rotate(0deg);transform:rotate(0deg);}
.jb-menu__menu.site-navigation ul.menu > li.jb-menu--callback:hover a::after{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.jb-menu__menu.site-navigation ul.menu li a{font-size:3rem;font-weight:500;}
@media(max-width:767.9px){
.jb-menu__menu.site-navigation ul.menu li a{font-size:1.75rem;}
}
.jb-menu__menu.site-navigation ul.menu .menu-item-has-children ul li a{font-family:var(--ff-1);font-weight:400;font-size:max(12px, 1rem);line-height:140%;color:var(--c-white-60);}
.jb-menu__menu.site-navigation ul.menu .menu-item-has-children ul li a:hover{color:var(--c-primary);}
.jb-menu__menu.site-navigation ul.menu .menu-item-has-children ul li.current-menu-item a{border-bottom:1px solid var(--c-white-60);}
.jb-menu__menu.site-navigation ul.menu .menu-item-has-children ul li.current-menu-item a:hover{border-color:var(--c-primary);}
@media(min-width:768px){
.jb-menu__menu.site-navigation ul.menu .menu-item-has-children{position:absolute;}
.jb-menu__menu.site-navigation ul.menu .menu-item-has-children:nth-child(2){left:0;}
.jb-menu__menu.site-navigation ul.menu .menu-item-has-children:nth-child(3){left:20rem;}
.jb-menu__menu.site-navigation ul.menu .menu-item-has-children a{font-size:max(12px, 1rem);}
.jb-menu__menu.site-navigation ul.menu .menu-item-has-children > a{cursor:default;font-family:var(--ff-1);font-size:1.5rem;font-weight:400;}
.jb-menu__menu.site-navigation ul.menu .menu-item-has-children > a:hover{color:#ffffff;}
.jb-menu__menu.site-navigation ul.menu .menu-item-has-children ul{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;}
}
@media(max-width:767.9px){
.jb-menu__menu.site-navigation ul.menu .menu-item-has-children > a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;}
.jb-menu__menu.site-navigation ul.menu .menu-item-has-children > a:after{content:url(//jbstudio.pro/wp-content/themes/web-jb/images/arrow-down.svg);-webkit-transition:-webkit-transform 0.5s ease;transition:-webkit-transform 0.5s ease;transition:transform 0.5s ease;transition:transform 0.5s ease, -webkit-transform 0.5s ease;line-height:1;font-size:7px;}
.jb-menu__menu.site-navigation ul.menu .menu-item-has-children ul{display:none;gap:0.75rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.jb-menu__menu.site-navigation ul.menu .menu-item-has-children.open > a:after{content:url(//jbstudio.pro/wp-content/themes/web-jb/images/arrow-up.svg);-webkit-transform:rotate(180deg);transform:rotate(180deg);}
}
.jb-menu__menu.site-navigation ul.menu .calc-item{padding:1rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;border-top:1px solid var(--c-white-40);border-bottom:1px solid var(--c-white-40);margin-top:1rem;}
@media(min-width:768px){
.jb-menu__menu.site-navigation ul.menu .calc-item{position:absolute;left:20rem;top:200px;padding:0.75rem 0;gap:0.75rem;margin-top:0;}
.jb-menu__menu.site-navigation ul.menu .calc-item a{font-family:var(--ff-1);font-size:1.5rem;font-weight:400;}
}
@media(min-width:1024px){
.jb-menu__menu.site-navigation ul.menu .calc-item{top:unset;bottom:0;}
}
.jb-menu__menu.site-navigation ul.menu .calc-item:before{content:"";width:1.5rem;height:1.5rem;background:url(//jbstudio.pro/wp-content/themes/web-jb/images/calc-icon.svg) center/contain no-repeat;}
@media(max-width:767.9px){
.jb-menu__menu.site-navigation ul.menu .calc-item:before{padding:18px;border-radius:12px;border:1px solid var(--c-white-40);background:url(//jbstudio.pro/wp-content/themes/web-jb/images/calc-icon-mob.svg) center no-repeat;}
}
.jb-menu__list{width:100%;position:relative;}
.jb-menu__toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0.375rem;border:none;outline:none;padding:0.9375rem;background-color:#2F2F2F;border-radius:0.375rem;height:3rem;}
@media(max-width:767.9px){
.jb-menu__toggle{padding:0.5rem;height:auto;gap:0.25rem;}
}
.jb-menu__toggle span{height:2px;width:1.5rem;background:#fff;border-radius:0.125rem;-webkit-transition:all 0.3s;transition:all 0.3s;}
@media(max-width:767.9px){
.jb-menu__toggle span{width:1rem;}
}
.jb-menu__toggle.active span{-webkit-transform-origin:center;transform-origin:center;}
.jb-menu__toggle.active span:first-child{-webkit-transform:translateY(0.453125rem) rotate(45deg);transform:translateY(0.453125rem) rotate(45deg);}
@media(max-width:767.9px){
.jb-menu__toggle.active span:first-child{-webkit-transform:translateY(0.375rem) rotate(45deg);transform:translateY(0.375rem) rotate(45deg);}
}
.jb-menu__toggle.active span:nth-child(2){opacity:0;}
.jb-menu__toggle.active span:nth-child(3){-webkit-transform:translateY(-0.453125rem) rotate(-45deg);transform:translateY(-0.453125rem) rotate(-45deg);}
@media(max-width:767.9px){
.jb-menu__toggle.active span:nth-child(3){-webkit-transform:translateY(-0.375rem) rotate(-45deg);transform:translateY(-0.375rem) rotate(-45deg);}
}
.jb-menu__bottom{margin-top:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:end;width:100%;gap:1.25rem 2rem;}
@media(max-width:767.9px){
.jb-menu__bottom{-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:start;}
}
.jb-menu__bottom--left{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:end;width:100%;gap:1.25rem 0.75rem;}
@media(min-width:768px){
.jb-menu__bottom--left{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;}
}
.jb-menu__inputs{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;}
@media(max-width:767.9px){
.jb-menu__inputs > span{width:calc(100% - 168px);}
.jb-menu__inputs > span input{width:100%;}
}
.jb-menu__contacts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem;}
@media(min-width:768px){
.jb-menu__contacts{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;}
}
@media(max-width:767.9px){
.jb-menu__contacts a{font-weight:500;}
}
@media(min-width:768px){
.jb-menu__contacts a{color:var(--c-white-60);}
.jb-menu__contacts a:hover{color:var(--c-primary);}
}
.jb-menu__form .screen-reader-response{display:none;}
.jb-menu__form form{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.5rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
@media(min-width:768px){
.jb-menu__form form label{width:-webkit-max-content;width:-moz-max-content;width:max-content;}
}
@media(max-width:767.9px){
.jb-menu__form form{gap:1rem;}
}
@media(min-width:768px){
.jb-menu__form > label{padding:1.125rem 1.5rem;background-color:#1C1C1C;border-radius:0.5rem;}
}
@media(max-width:767.9px){
.jb-menu__form > label{font-weight:500;}
.jb-menu__form > label span{display:none;}
}
.jb-header{padding:1.75rem 0 1.25rem;z-index:1000;position:relative;}
@media(max-width:767.9px){
.jb-header{padding-top:1.25rem;position:absolute;}
}
.jb-header__logo{position:relative;-webkit-transition:0.3s;transition:0.3s;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;}
.jb-header__logo svg{width:13.5625rem;height:1.5rem;}
@media(max-width:767.9px){
.jb-header__logo svg{width:11.3125rem;height:1.25rem;}
}
.jb-header__logo:before{content:"";position:absolute;top:0;right:calc(100% - 1px);width:calc(2.5rem + 1px);height:100%;background-color:#DAF560;}
@media(max-width:767.9px){
.jb-header__logo:before{width:1.0625rem;}
}
.jb-header__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.jb-header__contacts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.625rem;}
@media screen and (max-width:40rem){
.jb-header__contacts{gap:0.3125rem;}
}
.jb-header__contacts--tel{color:var(--c-white);font-size:var(--fz-h3);font-weight:500;margin-right:0.1875rem;}
@media screen and (max-width:40.0625rem){
.jb-header__contacts--tel{display:none;}
}
.jb-header__contacts--tel span{display:block;margin-top:0.25rem;color:var(--c-text);font-size:0.8125rem;font-weight:300;}
@media screen and (min-width:40.0625rem){
.jb-header__contacts .jb-btn--icon.tel{display:none;}
}
.jb-header .jb-btn_mail{display:none;}
@media(max-width:1024px){
.jb-header .jb-btn_mail{display:block;}
}
.jb-header__right{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.75rem;position:fixed;top:1.5rem;right:2.5rem;z-index:100000;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
@media(max-width:767.9px){
.jb-header__right{top:1rem;right:1rem;}
}
@media(min-width:768px){
.menu-opened .jb-header__right, .with-fancybox .jb-header__right{right:calc(2.5rem + 12px);}
}
.jb-header__btn{text-transform:uppercase;font-family:var(--ff-2);font-size:1rem;font-weight:500;line-height:1;padding:1rem;background-color:#2F2F2F;border-radius:0.375rem;height:3rem;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.menu-opened .jb-header__btn{opacity:0;cursor:default;}
@media(max-width:767.9px){
.jb-header__btn{display:none;}
}
@media(min-width:768px){
.jb-header input[type=tel]{min-width:25.75rem;}
}
.jb-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1.25rem 1.5rem;color:var(--c-black);font-size:var(--fz-btn);font-family:var(--ff-2);font-style:normal;font-weight:500;line-height:1;border:0.0625rem solid var(--c-primary);background-color:var(--c-primary);border-radius:0.5rem;white-space:nowrap;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;color:var(--c-black);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;gap:0.375rem;}
.jb-btn:not(.jb-btn:disabled):hover{color:var(--c-black);background-color:white;}
.jb-btn-primary{border:0.0625rem solid var(--c-primary);background-color:var(--c-primary);}
.jb-btn-primary:not(:disabled):hover::before{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1);}
.jb-btn-primary:not(:disabled):hover span{-webkit-transform:translateX(0);transform:translateX(0);}
.jb-btn-primary::before{content:"";background-image:url(//jbstudio.pro/wp-content/themes/web-jb/images/arrow-btn.svg);background-position:center;background-repeat:no-repeat;background-size:contain;display:block;margin-right:0.625rem;width:0.875rem;height:0.875rem;-webkit-transform:translateX(-pxToRem(10px)) scale(0);transform:translateX(-pxToRem(10px)) scale(0);-webkit-transition:0.2s;transition:0.2s;}
.jb-btn-primary:disabled::before{background-image:url(//jbstudio.pro/wp-content/themes/web-jb/images/arrow-btn-dark.svg);}
.jb-btn-primary span{-webkit-transform:translateX(-pxToRem(12px));transform:translateX(-pxToRem(12px));-webkit-transition:0.2s;transition:0.2s;}
.jb-btn-secondary{font-size:max(0.75rem, 12px);color:var(--c-primary);border:0.0625rem solid var(--c-white-40);background-color:transparent;padding:0.75rem;border-radius:0.5rem;}
.jb-btn-secondary:hover{color:var(--c-black);background-color:var(--c-primary);}
.jb-btn--icon{min-width:unset;border-radius:0.625rem;padding:0.75rem;background-color:var(--c-bg-2);border-color:var(--c-bg-2);width:2.625rem;height:2.625rem;}
.jb-btn--icon:hover{background-color:var(--c-primary);}
@media screen and (max-width:40rem){
.jb-btn--icon{padding:0.625rem;width:2.25rem;height:2.25rem;}
}
.jb-btn--icon svg{display:block;width:1rem;height:1rem;}
@media screen and (max-width:40rem){
.jb-btn--icon svg{width:0.875rem;height:0.875rem;}
}
.jb-btn--arrow:after{content:"";width:0.875rem;height:1.125rem;background:url(//jbstudio.pro/wp-content/themes/web-jb/images/arrow.svg) center center/contain no-repeat;}
.jb-btn--arrow-left:before{content:"";width:0.875rem;height:1.125rem;background:url(//jbstudio.pro/wp-content/themes/web-jb/images/arrow.svg) center center/contain no-repeat;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.jb-btn--small{font-size:0.875rem;padding:1rem 1.25rem;}
.jb-btn, button, [role=button]{cursor:pointer;}
.jb-footer__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.5rem;padding-bottom:1.5rem;}
@media(max-width:767.9px){
.jb-footer__container{gap:2.5rem;}
}
.jb-footer__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:0 0.625rem;}
.jb-footer__logo svg{width:auto;height:0.875rem;}
.jb-footer__year{font-size:max(12px, 0.75rem);}
.jb-footer__map{border-radius:0.75rem;background-color:#1C1C1C;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:auto;}
@media(max-width:767.9px){
.jb-footer__map{-o-object-fit:cover;object-fit:cover;height:20.5rem;}
}
.jb-footer__bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.625rem;}
@media(max-width:767.9px){
.jb-footer__bottom{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2.5rem;}
}
.jb-footer__menu{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0 1.5rem;}
@media(max-width:767.9px){
.jb-footer__menu{-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:0.5rem 1.5rem;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;width:100%;}
}
.jb-footer__copyright{opacity:0.6;}
@media(max-width:767.9px){
.jb-footer__copyright{width:100%;}
}
.jb-footer__link{color:var(--c-white-60);}
.jb-footer__link:hover{color:var(--c-primary);}
@media(max-width:767.9px){
.jb-footer__link{width:100%;}
}
.jb-footer__socials{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.75rem;}
@media(max-width:767.9px){
.jb-footer__socials{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:100%;}
}
.jb-footer__icon{border-radius:0.75rem;border:1px solid var(--c-white-40);padding:0.9375rem;display:-webkit-box;display:-ms-flexbox;display:flex;}
.jb-footer__icon svg{width:1.5rem;height:1.5rem;}
.jb-footer__icon path{-webkit-transition:fill 0.3s ease;transition:fill 0.3s ease;}
.jb-footer__icon:hover path{fill:#ffffff;}
.jb-title{font-weight:500;}
.jb-subtitle{font-size:max(12px, 0.75rem);margin-bottom:0.625rem;}
@media(max-width:767.9px){
.jb-subtitle{display:none;}
}
.modal{position:relative;}
.modal.fancybox__content{clip-path:inset(0 0 0 100%);-webkit-transition:clip-path 0.7s ease;transition:clip-path 0.7s ease;}
@media(max-width:767.9px){
.modal.fancybox__content{-webkit-transition:clip-path 0.3s ease;transition:clip-path 0.3s ease;}
}
.modal.fancybox__content.open{clip-path:inset(0 0 0 0%);}
.modal__holder{height:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:var(--c-black);padding:3rem 2.5rem;color:var(--c-text);gap:2rem;}
@media(max-width:767.9px){
.modal__holder{padding:1.125rem 1rem 1.5rem;}
}
.modal__title{color:var(--c-white);}
.modal__desc{color:var(--c-white);font-size:1.5rem;margin-bottom:1.5rem;}
@media(max-width:767.9px){
.modal__desc{font-size:1.25rem;margin-bottom:1rem;}
}
.modal .jb-menu__bottom{margin-top:auto;}
@media(min-width:768px){
.modal .jb-menu__logo{display:none;}
}
.modal__content{margin-top:auto;}
.modal__inputs{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;}
@media(max-width:767.9px){
.modal__inputs > span{width:calc(100% - 168px);}
.modal__inputs > span input{width:100%;}
}
.modal__form .screen-reader-response{display:none;}
.modal__form form{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.5rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
@media(max-width:767.9px){
.modal__form form{gap:1rem;}
}
.modal__form label{color:#ffffff;}
.failed-modal, .success-modal{text-align:center;}
.failed-modal__icon, .success-modal__icon{display:inline-block;max-width:100px;margin:0 auto 20px;}
.failed-modal .modal__title, .success-modal .modal__title{margin-bottom:20px;}
.failed-modal .modal__holder, .success-modal .modal__holder{max-width:500px;}
.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:0px;}
.page404{margin-top:6.5rem;text-align:center;}
.page404__container{gap:3rem;padding:8.75rem;background-color:#1C1C1C;border-radius:0.75rem;-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:767.9px){
.page404__container{gap:1.5rem;padding:3rem 1.5rem;}
}
.page404__title{font-size:15.625rem;line-height:0.7;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.5rem;}
@media(max-width:767.9px){
.page404__title{font-size:8.25rem;margin-bottom:1.5rem;gap:0.75rem;}
}
.page404__title svg{width:11.875rem;height:11.875rem;}
@media(max-width:767.9px){
.page404__title svg{width:6.25rem;height:6.25rem;}
}
.page404__text{font-size:1.5rem;font-weight:500;color:var(--c-white);}:root{--fancybox-content-bg:transparent;--fancybox-content-color:var(--c-text);}
.fancybox__container{--fancybox-bg:var(--c-black-10);}
.fancybox__content{padding:0;}
.f-thumbs__slide__img{-o-object-position:top;object-position:top;}
.modal.fancybox__content > .f-button.is-close-btn{--f-button-svg-width:32px !important;--f-button-svg-height:32px !important;--f-button-width:32px !important;--f-button-height:32px !important;--f-button-color:var(--c-text) !important;--f-button-hover-color:var(--c-bg-2) !important;--f-button-bg:transparent !important;--f-button-hover-bg:transparent !important;--f-button-active-bg:transparent !important;opacity:1 !important;top:1.9375rem !important;right:3rem !important;}
@media(max-width:767.9px){
.modal.fancybox__content > .f-button.is-close-btn{--f-button-svg-width:20px !important;--f-button-svg-height:20px !important;--f-button-width:20px !important;--f-button-height:20px !important;top:1.125rem !important;right:1.3125rem !important;}
}
.fancybox__slide{overflow:hidden;padding:0;}
html.with-fancybox.-blur-page body > *:not(.fancybox__container){-webkit-filter:blur(20px);filter:blur(20px);-webkit-transition:0.15s;transition:0.15s;}
html.with-fancybox{}
html.with-fancybox body{overflow:hidden;}:root{--swiper-pagination-bullet-horizontal-gap:6px;--swiper-pagination-bullet-inactive-color:var(--c-white);--swiper-theme-color:var(--c-primary);--swiper-pagination-bottom:0;--swiper-pagination-top:0;--swiper-pagination-bullet-inactive-opacity:1;--swiper-pagination-bullet-size:10px;--swiper-preloader-color:var(--c-white);}
@media screen and (max-width:767px){
:root{--swiper-pagination-bullet-horizontal-gap:6px;--swiper-pagination-bullet-size:8px;}
}
body .swiper-horizontal > .swiper-pagination-bullets, body .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:0;left:0;}
.swiper-slide img.swiper-lazy[src=""], .swiper-slide img.swiper-lazy:not([src]){opacity:0;}
.hero{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100svh;position:relative;padding-bottom:2.5rem;margin-bottom:36rem;}
@media(max-width:767.9px){
.hero{padding-bottom:1.25rem;}
}
@media only screen and (orientation: portrait) {
.hero{margin-bottom:3.75rem;height:unset;min-height:100svh;}
}
.hero__container{height:100%;position:relative;gap:1.5rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.hero__wrapper{margin-top:5.625rem;width:85%;overflow:hidden;}
@media(max-width:767.9px){
.hero__wrapper{width:100%;}
}
.hero__title{font-size:5.75rem;line-height:1;}
@media(max-width:767.9px){
.hero__title{font-size:3.25rem;}
}
.hero__contents{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2.5rem 0;margin:auto 0 0 auto;max-width:47rem;z-index:10;-webkit-transform:translateY(0);transform:translateY(0);}
@media(max-width:767.9px){
.hero__contents{gap:2rem 0;}
}
@media only screen and (orientation: portrait) {
.hero__contents{margin-top:0;}
}
.hero__desc{font-weight:500;font-size:max(12px, 1.5rem);line-height:1.2;font-family:var(--ff-2);}
@media(max-width:767.9px){
.hero__desc{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;font-size:1.25rem;}
}
.hero__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:0 0.625rem;margin-top:1.75rem;padding-top:1rem;border-top:1px solid var(--c-white-40);}
@media(max-width:767.9px){
.hero__footer{margin-top:3rem;}
}
.hero__copyright{line-height:1.4;font-size:max(12px, 0.75rem);}
.hero__video{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:2.25rem;-webkit-transform:scale(0.3) translateY(0);transform:scale(0.3) translateY(0);}
@media only screen and (orientation: portrait) {
.hero__video{position:unset;height:auto;top:36vh;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);}
}
.services{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.services__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.5rem;}
@media(max-width:767.9px){
.services__container{gap:1rem;}
}
.services__header{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0 1rem;}
.services__header .jb-btn{margin-left:auto;}
@media(max-width:767.9px){
.services__header .jb-btn{display:none;}
}
.services__grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:start;gap:1rem;}
@media(max-width:767.9px){
.services__grid{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
}
.services__block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#1C1C1C;border-radius:0.75rem;padding:2.5rem;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;width:calc(25% - 0.75rem);}
.services__block--icon{display:-ms-grid;display:grid;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;}
@media(max-width:1023.9px){
.services__block{width:calc(33.33% - 0.6875rem);}
.services__block:nth-child(n+7){display:none;}
}
.col2 .services__block{width:calc(50% - 0.5rem);}
.col3 .services__block{width:calc(33.33% - 0.6875rem);}
.col4 .services__block{width:calc(25% - 0.75rem);}
.col32 .services__block{width:calc(33.33% - 0.6875rem);}
.col32 .services__block:nth-child(n+4){width:calc(50% - 0.5rem);}
.page-id-447 .services__block{width:calc(25% - 0.75rem);}
@media(max-width:767.9px){
.services__block{padding:1.5rem;gap:0 1rem;width:100% !important;}
.services__block:nth-child(n+5){display:none;}
}
.services__block:hover .services__price{color:#ffffff;}
.services__icon{border-radius:0.75rem;padding:1.25rem;background-color:#2F2F2F;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:2.5rem;}
.services__icon svg{width:2rem;height:2rem;}
.services__icon svg path{-webkit-transition:stroke 0.3s ease;transition:stroke 0.3s ease;}
@media(max-width:767.9px){
.services__icon{padding:1rem;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/3;border-radius:0.5rem;margin-bottom:0;}
}
a.services__block:hover .services__icon{background-color:#DAF560;}
a.services__block:hover .services__icon path{stroke:#000000;}
.services__name{font-weight:500;line-height:1.2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0.375rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
@media(max-width:767.9px){
.services__name{-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2;}
}
.page-id-447 div.services__block .services__name{padding-bottom:0.375rem;border-bottom:2px solid var(--c-primary);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
.services__name:after{content:"";width:100%;height:0.125rem;background:url(//jbstudio.pro/wp-content/themes/web-jb/images/hr.png) center/100% 0.125rem no-repeat;}
.services__desc{margin-top:0.9375rem;color:var(--c-white-60);}
@media(max-width:767.9px){
.services__desc{-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3;}
}
.services__bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:10rem;width:100%;}
@media(max-width:767.9px){
.services__bottom{margin-top:1.625rem;}
}
.services__price{font-weight:500;font-size:1.5rem;line-height:1.2;padding-bottom:0.375rem;border-bottom:2px solid var(--c-primary);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#ffffff;}
@media(max-width:767.9px){
.services__price{font-size:1.25rem;}
}
.services__btn{margin-top:1rem;}
@media(min-width:1024px){
.services__btn{display:none;}
}
.quote__container{background-color:var(--c-secondary);border-radius:0.75rem;overflow:hidden;}
.quote__container--light{color:#000000;background-color:#F1F1F1;}
.quote__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 2.5rem;position:relative;}
@media(max-width:767.9px){
.quote__wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0.5rem 0;margin:1.5rem 1.5rem 0;}
}
.quote__contents{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:59.3125rem;}
@media(max-width:767.9px){
.quote__contents{width:100%;}
}
@media(min-width:768px){
.quote__wrapper--form .quote__contents{height:23.75rem;}
}
.quote__title{width:75%;font-weight:500;font-size:3rem;font-family:var(--ff-2);line-height:1.2;}
@media(max-width:767.9px){
.quote__title{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;font-size:1.75rem;}
.quote__title br{display:none;}
}
.quote__btn{margin-top:3rem;}
@media(max-width:767.9px){
.quote__btn{margin-top:2rem;}
}
.quote__bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:5rem;}
@media(max-width:767.9px){
.quote__bottom{margin-top:1rem;}
}
@media(min-width:768px){
.quote__wrapper--form .quote__bottom{position:absolute;top:0;right:-31.25rem;margin-top:0;}
}
.quote__socials{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.quote__socials span{opacity:0.6;}
.quote__socials a{display:-webkit-box;display:-ms-flexbox;display:flex;}
.quote__socials svg{width:1.5rem;height:1.5rem;}
.quote__socials path{-webkit-transition:fill 0.3s ease;transition:fill 0.3s ease;}
.quote__socials a:hover path{fill:#DAF560;}
.quote__author{opacity:0.6;margin-left:auto;}
@media(max-width:767.9px){
.quote__author{position:absolute;left:0;bottom:-10.625rem;text-align:left;width:9.25rem;}
}
.quote__image{width:28.5rem;margin-left:auto;}
@media(max-width:767.9px){
.quote__image{margin-right:-5rem;width:21.9375rem;max-width:unset;}
}
@media(min-width:768px){
.quote__wrapper--form .quote__image{margin-right:5.625rem;}
}
.quote__form{margin-top:2.5rem;}
.quote__form form{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.75rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;}
@media(max-width:767.9px){
.quote__form form{gap:1rem;}
}
.quote__form input{max-width:20.625rem;}
@media(max-width:767.9px){
.quote__form input:not([type=submit]){width:100%;}
}
@media(min-width:768px){
.quote__wrapper--form .quote__form{margin-top:auto;}
}
.quote__socials2{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.75rem;position:absolute;left:30.9375rem;bottom:2.375rem;}
@media(max-width:1023.9px){
.quote__socials2{display:none;}
}
.quote__socials2:before{content:"";width:1px;height:3.5rem;background-color:var(--c-white-40);margin-right:0.75rem;}
.quote__icon2{border-radius:0.75rem;padding:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#ffffff;-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease;}
.quote__icon2 svg{width:1.5rem;height:1.5rem;}
.quote__icon2 path{fill:var(--c-black-60);-webkit-transition:fill 0.3s ease;transition:fill 0.3s ease;}
.quote__icon2:hover{background-color:#1C1C1C;}
.quote__icon2:hover path{fill:#ffffff;}
.products__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.products__grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:1.5rem 0 0;gap:1rem;}
.products__item{padding:2.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:0.75rem;background:#1C1C1C top center/cover no-repeat;width:calc(25% - 0.75rem);}
@media(min-width:768px){
.products__item{min-height:23rem;}
}
@media(max-width:1023.9px){
.products__item{width:calc(33% - 0.6875rem);}
}
@media(max-width:767.9px){
.products__item{gap:0.5rem;padding:1.5rem;width:100%;}
.products .products__item:nth-last-child(2){-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;}
.solutions .products__item:nth-child(1){-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;}
.solutions .products__item:nth-child(2){-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5;}
.solutions .products__item:nth-child(3){-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;}
.solutions .products__item:nth-child(4){-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4;}
.solutions .products__item:nth-child(5){-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;}
.solutions .products__item:nth-child(6){-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6;}
}
.products__item--img{padding:0;}
@media(max-width:767.9px){
.products__item--img{aspect-ratio:1/1;max-height:23rem;}
}
.products__item--img picture{width:100%;height:100%;}
.products__item--img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:0.75rem;}
@media(min-width:768px){
.products__item--col2{width:calc(50% - 0.625rem);}
}
@media(max-width:1023.9px){
.products__item--col2{width:calc(33% - 0.625rem);}
}
@media(max-width:767.9px){
.products__item--col2{width:100%;}
}
.solutions .products__item{background-position:center center;}
.products__item:hover .products__price{color:#ffffff;}
.products__name{font-weight:500;font-size:1.5rem;line-height:1.2;}
@media(max-width:767.9px){
.products__name{font-size:1.25rem;}
}
.solutions .products__name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0.375rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
.solutions .products__name:after{content:"";width:100%;height:0.125rem;background:url(//jbstudio.pro/wp-content/themes/web-jb/images/hr.png) center/100% 0.125rem no-repeat;}
.products__desc{margin-top:1rem;color:var(--c-white-60);}
.solutions .products__desc{margin-top:2rem;}
.products__bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:auto;width:100%;}
@media(max-width:767.9px){
.products__bottom{margin-top:1.625rem;}
}
.products__price{font-weight:500;font-size:1.5rem;line-height:1.2;color:#ffffff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0.375rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
@media(max-width:767.9px){
.products__price{font-size:1.25rem;}
}
.products__price:after{content:"";width:100%;height:0.125rem;background:url(//jbstudio.pro/wp-content/themes/web-jb/images/hr.png) center/100% 0.125rem no-repeat;}
.products__image{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;}
.products__btn{margin-top:auto;}
.process__container{background-color:var(--c-bg-1);border-radius:0.75rem;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:2.5rem;}
@media(max-width:767.9px){
.process__container{padding:1.5rem 1.5rem;}
}
.process__header{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0 1rem;}
.process__desc{margin-top:1.5rem;max-width:33.5rem;opacity:0.6;}
@media(max-width:767.9px){
.process__desc{margin-top:1rem;}
}
.process__swiper{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0 1rem;margin-top:2.125rem;cursor:-webkit-grab;cursor:grab;}
.process__swiper .swiper-wrapper{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:unset;}
@media(max-width:767.9px){
.process__swiper{margin-top:2.5rem;}
}
.process__slide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:21.75rem;background-color:var(--c-primary);color:#000000;border-radius:0.75rem;padding:2rem 2rem 2.875rem;position:relative;}
@media(max-width:767.9px){
.process__slide{width:17.5rem;padding:1.5rem 1.5rem 2.875rem;}
}
.process__icon{padding:0.75rem;border-radius:0.75rem;background-color:#1C1C1C;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:-webkit-box;display:-ms-flexbox;display:flex;}
.process__icon svg{width:2rem;height:2rem;}
.process__icon path{stroke:var(--c-primary);}
.process__stage{font-family:var(--ff-2);margin-top:2.5rem;font-weight:500;line-height:1.2;}
.process__txt{margin-top:0.9375rem;}
.process__txt p{color:var(--c-black);}
.projects__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.projects__header{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0 1rem;}
.projects__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:1.5rem;}
.projects__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:end;gap:0 0.625rem;padding:1.5rem 0;border-bottom:1px solid var(--c-white-40);}
@media(min-width:768px){
.projects__item:first-child{border-top:1px solid var(--c-white-40);}
}
@media(max-width:767.9px){
.projects__item{-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:0.5rem 0.625rem;padding:2rem 0;}
.projects__item:first-child{padding-top:1rem;}
.projects__item:last-child{border-bottom:unset;padding-bottom:1rem;}
}
.projects__name{font-weight:500;font-size:1.5rem;line-height:1.2;width:19rem;}
@media(max-width:767.9px){
.projects__name{width:100%;margin-top:1.5rem;}
}
.projects__desc{color:var(--c-white-60);margin-bottom:0 !important;width:19rem;}
@media(max-width:767.9px){
.projects__desc{width:100%;}
}
.projects__image{width:47rem;border-radius:0.75rem;overflow:hidden;}
@media(max-width:767.9px){
.projects__image{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;width:100%;}
}
.projects__image img, .projects__image video{width:100%;height:20rem;-o-object-fit:cover;object-fit:cover;border-radius:0.75rem;clip-path:inset(0 0% 0 0 round 0.75rem);}
@media(max-width:767.9px){
.projects__image img, .projects__image video{width:100%;height:12.5rem;}
}
.projects__btn{margin-top:3rem;}
@media(max-width:767.9px){
.projects__btn{margin-top:1.5rem;}
}
.faq__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.faq__header{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0 1rem;}
.faq__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;width:100%;margin-top:1.5rem;}
.faq__list--mini{gap:0;}
.faq__icon{position:relative;width:1.125rem;margin-top:0.3125rem;}
.faq__icon:before{content:"";width:0;height:1.125rem;border-right:0.1rem solid var(--c-white);position:absolute;top:0;left:0.5rem;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.faq__icon:after{content:"";width:1.125rem;height:0;border-bottom:0.1rem solid var(--c-white);position:absolute;top:0.5rem;left:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;}
.faq__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:0 1.5rem;cursor:pointer;padding:2.5rem;border:1px solid var(--c-white-40);border-radius:0.75rem;}
@media(max-width:767.9px){
.faq__item{padding:1.5rem;}
}
.faq__item.active .faq__icon:before{-webkit-transform:rotate(90deg);transform:rotate(90deg);border-color:var(--c-primary);}
.faq__item.active .faq__icon:after{opacity:0;}
.faq__list--mini .faq__item{padding:1.5rem 0;border:none;border-bottom:1px solid var(--c-white-40);border-radius:0;}
@media(max-width:767.9px){
.faq__list--mini .faq__item{padding:1rem 0;}
}
.faq__list--mini .faq__item:first-child{border-top:1px solid var(--c-white-40);}
.faq__contents{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:50%;}
@media(max-width:767.9px){
.faq__contents{width:100%;}
}
.faq__question{font-family:var(--ff-2);font-weight:500;font-size:1.5rem;line-height:1.2;-webkit-transition:color 0.3s ease;transition:color 0.3s ease;}
@media(max-width:767.9px){
.faq__question{font-size:1.25rem;}
}
.faq__item.active .faq__question{color:var(--c-primary);}
.faq__answer{display:none;margin-top:1.5rem;}
@media(max-width:767.9px){
.faq__answer{margin-top:0.75rem;}
}
.faq__answer strong{font-weight:500;color:#ffffff;}
.faq__answer ul{color:var(--c-white-60);margin:-0.625rem 0 1.25rem 1.25rem;}
.faq__btn{margin-top:1.25rem;}
.faq__bottom{margin-top:1.5rem;opacity:0.6;}
.faq__bottom a{text-decoration:underline;}
.testimonials{color:#000000;}
.testimonials__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#F1F1F1;border-radius:0.75rem;padding:2.5rem;overflow:hidden;}
@media(max-width:767.9px){
.testimonials__container{padding:1.5rem;}
}
.testimonials__header{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0 1rem;}
.testimonials__desc{margin-top:1.5rem;max-width:33.5625rem;opacity:0.6;}
@media(max-width:767.9px){
.testimonials__desc{margin-top:1rem;}
}
.testimonials__swiper{margin-top:4.375rem;cursor:-webkit-grab;cursor:grab;}
@media(max-width:767.9px){
.testimonials__swiper{margin-top:2.5rem;}
}
.testimonials__slide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:21.75rem;background-color:#ffffff;border-radius:0.75rem;height:auto;padding:2rem;position:relative;overflow:hidden;}
@media(max-width:767.9px){
.testimonials__slide{width:17.5rem;padding:1.5rem;}
}
.testimonials__slide--video{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.testimonials__slide--video picture{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-2;}
.testimonials__overlay{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;background:#000000;opacity:0.6;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;}
.testimonials__slide:hover .testimonials__overlay{opacity:0;}
.testimonials__play{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease;outline:none;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;margin-top:2rem;}
.testimonials__play svg{width:3.5rem;height:3.5rem;}
.testimonials__play:hover{-webkit-transform:scale(1.1);transform:scale(1.1);}
.testimonials__author{width:2.875rem;border-radius:50%;}
.testimonials__slide--video .testimonials__author{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:0.75rem;}
.testimonials__txt{margin-top:2rem;}
@media(max-width:767.9px){
.testimonials__txt{margin-top:1.25rem;}
}
.testimonials__bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0 0.75rem;margin-top:3.75rem;}
@media(max-width:767.9px){
.testimonials__bottom{margin-top:1.875rem;}
}
.testimonials__source{color:#000000;background-color:#F1F1F1;border-radius:3.125rem;padding:0.75rem 1.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
@media(max-width:767.9px){
.testimonials__source{padding:0.75rem;}
}
.testimonials__source svg{width:auto;height:1.125rem;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;}
.testimonials__source g{-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;}
.testimonials__source:hover{color:#000000;}
.testimonials__source:hover svg{opacity:0.5;}
.testimonials__name{font-family:var(--ff-2);font-size:max(12px, 1rem);font-weight:500;line-height:1.2;color:#000000;background-color:#F1F1F1;border-radius:3.125rem;padding:0.75rem 1.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
@media(max-width:767.9px){
.testimonials__name{padding:0.75rem;}
}
.testimonials__label{color:#ffffff;font-weight:600;font-size:1.25rem;}
@media(max-width:767.9px){
.testimonials__label{font-size:1rem;}
}
.callback{}
.callback .jb-container-card{background-color:var(--c-white);padding:51px 60px 54px;}
@media screen and (max-width:1440px){
.callback .jb-container-card{padding:48px;}
}
@media screen and (max-width:1280px){
.callback .jb-container-card{padding-top:38px;}
}
@media screen and (max-width:767px){
.callback .jb-container-card{padding:40px 20px;}
}
.callback .jb-title{color:var(--c-bg-2);margin-bottom:50px;}
@media screen and (max-width:1440px){
.callback .jb-title{margin-bottom:38px;}
}
@media screen and (max-width:1024px){
.callback .jb-title{margin-bottom:30px;}
}
@media screen and (max-width:767px){
.callback .jb-title{font-size:24px;}
}
@media screen and (max-width:1024px){
.callback .jb-title br{display:none;}
}
.callback__form{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:30px;position:relative;}
@media screen and (max-width:1024px){
.callback__form{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:40px;}
}
.callback__form.sending::before{-webkit-transform:scale(1);transform:scale(1);opacity:1;}
.callback__form .jb-btn{min-width:225px;width:100%;}
.callback__form .iti{display:block;}
.callback__form_item{width:100%;}
.callback__form_item.submit-wrapper{width:93%;}
@media screen and (max-width:1024px){
.callback__form_item.submit-wrapper{width:100%;}
}
.callback__form_divider{color:var(--c-bg-2);}
.callback__form_divider.line{-ms-flex-item-align:normal;-ms-grid-row-align:normal;align-self:normal;display:-webkit-box;display:-ms-flexbox;display:flex;width:1px;background-color:var(--c-black-25);}
@media screen and (max-width:1024px){
.callback__form_divider.line{width:100%;height:1px;}
}
.callback__direct{display:-webkit-box;display:-ms-flexbox;display:flex;gap:11px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
@media screen and (max-width:767px){
.callback__direct{-ms-flex-wrap:wrap;flex-wrap:wrap;}
}
.callback__direct span{font-weight:300;}
@media screen and (max-width:767px){
.callback__direct span{width:100%;}
}
.callback__socials{width:30px;height:30px;background-color:var(--c-text);border-radius:50%;color:var(--c-white);background-size:100%;background-position:center;background-repeat:no-repeat;-webkit-transition:0.2s;transition:0.2s;}
.callback__socials:hover{background-color:var(--c-primary);}
.callback__socials--telegram{background-image:url(//jbstudio.pro/wp-content/themes/web-jb/images/tg.svg);}
.callback__socials--whatsapp{background-image:url(//jbstudio.pro/wp-content/themes/web-jb/images/wa.svg);}
.callback__socials--tel{background-image:url(//jbstudio.pro/wp-content/themes/web-jb/images/tel.svg);}
.callback-modal{max-width:32.5rem;height:100%;margin-left:auto;}
.callback-modal .callback__form{-ms-flex-wrap:wrap;flex-wrap:wrap;}
.callback-modal .callback__form_divider.line{width:100%;height:1px;}
.callback-modal .callback__form .submit-wrapper{width:100%;}
.banner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;margin-top:5rem;margin-bottom:1.5rem;}
@media(max-width:767.9px){
.banner{margin-bottom:2.5rem;}
}
.banner__container{height:100%;padding-left:2.5rem;background:url(//jbstudio.pro/wp-content/themes/web-jb/images/banner-bg.webp) top center/cover no-repeat;border-radius:0.75rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:2.5rem 1.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
@media(max-width:767.9px){
.banner__container{padding:1.5rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
}
.banner__contents{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.5rem;width:50%;}
@media(max-width:767.9px){
.banner__contents{width:100%;}
}
.banner__wrapper{overflow:hidden;}
.banner__title{font-size:5.75rem;line-height:1;margin-bottom:0.3125rem;}
@media(max-width:767.9px){
.banner__title{font-size:2.5rem;}
}
.banner__subtitle{font-weight:500;}
.banner__desc{opacity:0.6;max-width:31.25rem;}
.banner picture{width:50%;}
@media(max-width:767.9px){
.banner picture{width:100%;margin:0 -3rem -1.5rem 0;}
}
.banner__img{width:100%;height:auto;}
.features__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;gap:1rem;}
@media(max-width:767.9px){
.features__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
}
.features__block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid var(--c-white-40);border-radius:0.75rem;padding:3.375rem 2.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1rem;text-align:center;width:100%;}
@media(max-width:767.9px){
.features__block{padding:1.5rem;}
}
.features__value{font-size:3rem;line-height:1.2;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.4375rem;position:relative;}
@media(max-width:767.9px){
.features__value{margin:0 -2.5rem;}
}
.features__value:before {
content: "{";
font-weight: 300;
width: 1.625rem;
height: 4.0625rem;
}
.features__value:after {
content: "}";
font-weight: 300;
width: 1.625rem;
height: 4.0625rem;
}
.features__desc {
color: var(--c-white-60);
}
.problems__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.problems__grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 1.5rem 0 0;
gap: 1rem;
}
@media(max-width:767.9px){
.problems__grid {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.problems__item {
padding: 2.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 0.75rem;
background: #1C1C1C center center/cover no-repeat;
width: 100%;
}
@media(min-width:768px){
.problems__item {
min-height: 20rem;
}
}
@media(min-width:768px) and (max-width:1023.9px){
.problems__item:nth-child(4) {
display: none;
}
}
@media(max-width:767.9px){
.problems__item {
gap: 0.5rem;
padding: 1.5rem;
}
}
.problems__item--img {
padding: 0;
}
@media(max-width:767.9px){
.problems__item--img {
width: 100%;
aspect-ratio: 1/1;
max-height: 23rem;
}
}
.problems__item--img picture {
width: 100%;
height: 100%;
}
.problems__item--img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0.75rem;
}
.problems__name {
font-weight: 500;
font-size: 1.5rem;
line-height: 1.2;
}
@media(max-width:767.9px){
.problems__name {
font-size: 1.25rem;
}
}
.problems__desc {
margin-top: 1rem;
color: var(--c-white-60);
}
.problems__image {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
.top {
margin-top: 6.5rem;
}
.top__container {
gap: 2.5rem;
}
@media(max-width:767.9px){
.top__container {
gap: 1.5rem;
}
}
.top__wrapper {
overflow: hidden;
}
.top__title {
font-size: 5.75rem;
line-height: 1;
}
@media(min-width:768px){
.top__title {
max-width: 70%;
margin-left: -0.25rem;
}
}
@media(max-width:767.9px){
.top__title {
font-size: 2.5rem;
}
.page-template-tmp__policy .top__title {
font-size: 2rem;
}
}
.top__desc {
max-width: 43.75rem;
}
.policy__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 7.5rem;
}
.policy__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@media(max-width:767.9px){
.policy__list {
gap: 2.5rem;
}
}
.policy__contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem;
width: 25rem;
padding: 2rem;
border: 1px solid var(--c-white-40);
border-radius: 0.75rem;
height: -webkit-fit-content !important;
height: -moz-fit-content !important;
height: fit-content !important;
}
@media(max-width:767.9px){
.policy__contents {
display: none;
}
}
.policy__contents .jb-subtitle {
margin-bottom: 1rem;
}
.policy__title {
margin-bottom: 1.5rem;
}
@media(max-width:767.9px){
.policy__title {
margin-bottom: 1rem;
}
}
.policy__txt {
color: var(--c-text);
}
.policy__link {
font-size: 0.875rem;
}
.contacts {
margin-top: 5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 7.5rem;
}
@media(max-width:767.9px){
.contacts {
gap: 3.75rem;
}
}
.contacts__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 1rem;
}
@media(max-width:767.9px){
.contacts__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.contacts__wrapper {
overflow: hidden;
}
.contacts__title {
font-size: 5.75rem;
line-height: 1;
}
@media(max-width:767.9px){
.contacts__title {
font-size: 2.5rem;
}
}
.contacts__contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.5rem;
width: 100%;
}
@media(min-width:768px){
.contacts__contents {
padding: 3rem;
background-color: #1C1C1C;
border-radius: 0.75rem;
width: 50%;
}
}
.contacts__quote {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
padding: 1.5rem;
border: 1px solid var(--c-white-40);
border-radius: 0.75rem;
}
.contacts__quote img {
width: 3.25rem;
height: 3.25rem;
border-radius: 100%;
}
.contacts__quote a {
color: var(--c-text);
text-decoration: underline;
}
.contacts__quote a:hover {
color: var(--c-primary);
}
@media(max-width:767.9px){
.contacts__quote br {
display: none;
}
}
.contacts__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
}
.contacts__buttons a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.75rem;
padding: 1.5rem;
background-color: #2F2F2F;
border-radius: 0.75rem;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media(max-width:767.9px){
.contacts__buttons a span {
display: none;
}
}
.contacts__buttons a svg {
width: 2rem;
height: 2rem;
}
.contacts__buttons a svg path {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.contacts__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem;
}
.contacts__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.75rem;
padding: 1rem 1.5rem;
background-color: #2F2F2F;
border-radius: 0.75rem;
width: 100%;
}
.contacts__item a {
color: var(--c-text);
}
.contacts__item a:hover {
color: var(--c-primary);
}
.contacts__item div {
color: var(--c-text);
}
.contacts picture {
width: 50%;
}
@media(max-width:767.9px){
.contacts picture {
width: 100%;
}
}
.contacts__img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0.75rem;
}
#modalQuiz {
--color: #DAF560; --color-lighten: #80fa29;
--color-lighten10: #FAC012; --color-lighten2: #acfb74;
--color-darken: #245502;
--color-darken10: #f18200; --color-alpha: #FAC012B0; --color-alpha2: #FAC01230; --color-alpha3: rgba(81, 185, 5, 0.05);
--color-text: #ffffff;
--color-text2: #51b905;
--gradient-main: 331deg, rgb(36, 85, 2), rgb(128, 250, 41);
--color-primary-text-button: #ffffff;
--color-bg-sidebar: #211c1c;
--color-bg-1: #353534;
--color-bg-2: #342d2d;
--color-bg-3: #E2E2E2;
--color-bg-4: #6a5c5c;
--color-bg-5: #867474;
--color-bg-6: rgba(255, 255, 255, 0.7);
--color-bg-7: #353534;
--color-bg-8: #413939;
--color-bg-9: #ffffff;
--color-bg-10: #342d2d;
--color-bg-11: #000000;
--color-bg-text: #ffffff;
--color-bg-quiz: transparent;
--color-bg-alpha0: rgba(24, 21, 21, 0);
--color-bg-alpha2: rgba(255, 255, 255, 0.2);
--color-bg-alpha7: rgba(255, 255, 255, 0.7);
--color-white-label: #ffffff;
--color-bg-sub-text: #786868;
z-index: 1;
}
#modalQuiz .button .icon {
height: 1.5em;
width: 1.5em;
}
#modalQuiz .button .icon:last-child:not(:first-child) {
margin-right: calc(-0.375em - 1px);
margin-left: 0.1875em;
}
#modalQuiz .icon svg {
background-color: transparent;
fill: currentColor;
stroke-width: 0;
stroke: currentColor;
pointer-events: none;
width: 18px;
height: 18px;
}
.q-button {
-moz-appearance: none;
-webkit-appearance: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid transparent;
-webkit-box-shadow: none;
box-shadow: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 1rem;
height: 2.5em;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
line-height: 1.5;
padding-bottom: calc(0.5em - 1px);
padding-left: calc(0.75em - 1px);
padding-right: calc(0.75em - 1px);
padding-top: calc(0.5em - 1px);
position: relative;
vertical-align: top;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
font-size: 18px !important;
padding: 12px 30px;
height: auto;
border: none;
line-height: 1.3rem;
}
.q-button_color_theme {
color: var(--color-primary-text-button);
background-color: var(--color) !important;
-webkit-box-shadow: 0 3px 10px 0 var(--color-alpha);
box-shadow: 0 3px 10px 0 var(--color-alpha);
will-change: box-shadow;
-webkit-transition: -webkit-box-shadow 0.2s ease-in;
transition: -webkit-box-shadow 0.2s ease-in;
transition: box-shadow 0.2s ease-in;
transition: box-shadow 0.2s ease-in, -webkit-box-shadow 0.2s ease-in;
}
.quiz {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
height: 100%;
background-color: var(--color-bg-quiz, #fff);
--quiz-question-transition: opacity 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97), transform 0.17s cubic-bezier(0.61, 0.3, 0.8, 0.97);
-webkit-backface-visibility: hidden;
}
.quiz__questions {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;  background-color: var(--color-bg-quiz, #fff);
}
.quiz__question-title {
font-size: 1.5rem;
margin-bottom: 1.5rem;
line-height: 1.2;
font-weight: 500;
}
.quiz form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media(min-width:768px){
.quiz form {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
}
@media(max-width:767.9px){
.quiz form span input {
width: 100%;
}
}
@media(min-width:768px){
.quiz form > label {
padding: 1.125rem 1.5rem;
background-color: #1C1C1C;
border-radius: 0.5rem;
margin-left: auto;
}
}
@media(max-width:767.9px){
.quiz form > label {
font-weight: 500;
}
}
@media(max-width:767.9px){
.quiz form .wpcf7-submit {
width: 100%;
}
}
.quiz__price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1rem;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
.thank-page__amount {
font-size: 3rem;
font-weight: 500;
line-height: 1.2;
}
.thank-page__subtitle {
font-size: max(12px, 0.75rem);
}
@media(min-width:768px){
.thank-page__subtitle {
margin-bottom: 0.625rem;
}
}
@media(max-width:767.9px){
.thank-page__subtitle {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
#newCalculate {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: var(--c-text);
border-color: var(--c-text);
margin-top: 1rem;
}
@media (width > 920px) {
#newCalculate {
margin-top: -3.75rem;
}
}
@media(max-width:767.9px){
#newCalculate {
width: 100%;
}
}
#newCalculate:hover {
background-color: var(--c-white);
border-color: var(--c-white);
}
.is-block {
display: block !important;
}
.quiz__tags {
margin-top: 5px;
}
.quiz__tag {
font-size: 11px !important;
margin-left: 5px;
padding: 12px;
border-radius: 4px !important;
color: var(--color-bg-text, #4a4a4a) !important;
}
.tag:not(body) {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #f5f5f5;
border-radius: 4px;
color: #4a4a4a;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 0.75rem;
height: 2em;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1.5;
padding-left: 0.75em;
padding-right: 0.75em;
white-space: nowrap;
}
.quiz__tag:first-child {
margin-left: 0;
}
.title .tag {
vertical-align: middle;
}
.quiz__tag_many, .quiz__tag_one {
background: var(--color-alpha2) !important;
border: solid 1px var(--color);
}
.quiz__tag-icon {
margin-right: 5px;
vertical-align: middle;
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;
}
.tag:not(body) .q-icon:first-child:last-child {
margin-left: -0.375em;
margin-right: -0.375em;
}
.quiz__tag-text {
font-size: 20px;
font-weight: 300;
color: #F29222;
margin: 30px 0;
text-align: center;
font-family: "Roboto";
}
.q-icon {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 1.5rem;
width: 1.5rem;
width: 1.2rem;
height: 1.2rem;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: inherit;
}
svg:not(:root) {
overflow: hidden;
}
.q-button .q-icon {
height: 1.5em;
width: 1.5em;
}
.q-icon svg {
width: 24px;
height: 24px;
background-color: transparent;
fill: currentColor;
stroke-width: 0;
stroke: currentColor;
pointer-events: none;
}
.quiz__tag-icon svg {
height: 12px;
color: var(--color);
}
.q-icon .mdi-16px, .mdi-16px {
width: 16px;
height: 16px;
}
.question {
padding: 2.5rem;
border: 1px solid var(--c-white-40);
border-radius: 0.75rem;
}
@media(max-width:767.9px){
.question {
padding: 1.5rem;
}
}
.answer-variants {
overflow: hidden;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
padding: 0 20px;
}
.answer-variants__group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.5rem;
}
.answer-variants__variant-text:not(:last-child) {
padding-bottom: 1.5rem;
border-bottom: 1px solid var(--c-white-40);
}
.answer-variants__variant-text_selected { }
.b-radio.radio input[type=radio] {
position: absolute;
left: 0;
opacity: 0;
outline: none;
z-index: -1;
}
.b-radio.radio input[type=radio] + .check {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
cursor: pointer;
width: 1.25em;
height: 1.25em;
-webkit-transition: background 0.15s ease-out;
transition: background 0.15s ease-out;
border-radius: 50%;
border: 2px solid #7a7a7a;
}
.b-radio.radio input[type=radio]:checked + .check { border: 2px solid var(--color);
background: var(--color-bg-2, #fff);
}
.b-radio.radio input[type=radio] + .check:before {
content: "";
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
left: 50%;
margin-left: -0.625em;
bottom: 50%;
margin-bottom: -0.625em;
width: 1.25em;
height: 1.25em;
-webkit-transition: -webkit-transform 0.15s ease-out;
transition: -webkit-transform 0.15s ease-out;
transition: transform 0.15s ease-out;
transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
border-radius: 50%;
-webkit-transform: scale(0);
transform: scale(0);
background-color: #7957d5;
}
.b-radio.radio input[type=radio]:checked + .check:before {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
.b-radio.radio input[type=radio]:checked + .check:before {
background: var(--color);
background-size: 21px;
}
.b-checkbox.checkbox input[type=checkbox]:checked + .check {
width: 1.25em;
height: 1.25em;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 4px;
border: 2px solid #7a7a7a;
border: none;
-webkit-transition: background 0.15s ease-out;
transition: background 0.15s ease-out;
background: transparent;
background: #7957d5 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath d='M.04.627L.146.52.43.804.323.91zm.177.177L.854.167.96.273.323.91z' fill='var(--color-bg-2)'/%3E%3C/svg%3E") no-repeat 50%;
background-color: var(--color);
background-size: 1.2rem;
-webkit-box-shadow: none;
box-shadow: none;
}
.radio, .checkbox {
position: relative;
margin-top: 0px;
margin-bottom: 0px;
cursor: pointer;
display: inline-block;
line-height: 1.25;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.answer-variants__variant-text label {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
}
.b-checkbox.checkbox {
outline: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1.5;
z-index: 10;
}
.b-checkbox.checkbox:not(.q-button) {
margin-right: 0;
margin-top: 0;
}
.b-checkbox.checkbox input[type=checkbox] {
position: absolute;
left: 0;
opacity: 0;
outline: none;
z-index: -1;
}
.answer-variants .check {
-webkit-box-flex: 0;
-ms-flex: 0 0 1.25rem; }
.b-checkbox.checkbox input[type=checkbox] + .check {
width: 1.25em;
height: 1.25em;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 4px;
border: 2px solid #7a7a7a;
-webkit-transition: background 0.15s ease-out;
transition: background 0.15s ease-out;
background: transparent;
}
.b-checkbox.checkbox input[type=checkbox] + .check {
border: none;
background-color: var(--color-bg-2, #e8e8e8);
}
#app .control-label {
color: var(--color-bg-text, #4a4a4a);
}
.answer__title {
word-break: break-word;
font-weight: 500;
}
.answer__desc {
margin-top: 0.5rem;
}
.quiz__whitelabel {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
margin-top: auto;
height: 90px;
}
.quiz__navbar {
padding: 0;
background-color: var(--color-bg-quiz, #fff);
z-index: 20;
}
.discount-badge {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
white-space: nowrap;
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
}
.quiz-navbar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative;
padding: 0;
overflow: hidden;
z-index: 10;
}
.quiz-navbar__progress {
z-index: 100;
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
margin-right: 60px;
margin-left: 40px;
min-width: 0;
}
.progress-bar-quiz {
float: left;
width: 100%;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #ffffff;
text-align: center;
background-color: #fac012;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width 0.6s ease;
transition: width 0.6s ease;
text-align: left;
font-weight: 500;
color: var(--color-bg-alpha7, #2e2e49);
background-color: var(--color-bg-quiz, #dbdbdb);
width: auto;
float: none;
}
.quiz-navbar__progress > * {
vertical-align: middle;
}
.progress-bar-linear {
margin-bottom: 35px;
}
.progress-bar-linear__label {
font-size: 24px;
text-align: center;
font-weight: 700;
line-height: 1.2;
margin-bottom: 20px;
height: 18px;
position: relative;
}
.progress-bar-linear__field {
height: 6px;
position: relative;
background: var(--color-bg-8, #dbdbdb) !important;
border-radius: 4px;
}
.progress-bar-linear__label span {
font-size: 24px;
color: var(--color);
font-weight: 500; }
.progress-bar-linear__field span {
display: block;
height: 100%;
border-radius: 4px;
background-image: -webkit-gradient(linear, left top, right top, from(var(--color-darken10)), to(var(--color-lighten10)));
background-image: linear-gradient(90deg, var(--color-darken10), var(--color-lighten10)); position: relative;
overflow: hidden;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.progress-bar-linear__field span:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #DAF560;
z-index: 1;
background-size: 20px 20px;
-webkit-animation: move 1.5s linear infinite;
animation: move 1.5s linear infinite;
border-radius: 4px;
overflow: hidden;
}
.quiz-navbar__button {
font-size: 16px !important;
height: 43px;
z-index: 100; font-weight: 300;
overflow: hidden;
}
.quiz-navbar__button_prev {
background-color: var(--c-text);
border-color: var(--c-text);
}
.quiz-navbar__button_prev:hover {
background-color: var(--c-white);
border-color: var(--c-white);
}
.q-button.is-link[disabled] {
-webkit-box-shadow: none;
box-shadow: none;
}
.quiz-navbar__button_next[disabled],
.quiz-navbar__button_next[disabled]:focus,
.quiz-navbar__button_next[disabled]:hover { }
.quiz-navbar__button[disabled] {
opacity: 0.7;
}
.q-button.is-blicked, .discount-badge .is-blicked {
overflow-x: hidden;
}
.q-button.is-blicked:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
height: 100%; width: 20px;
-webkit-transform: skewX(-45deg);
transform: skewX(-45deg);
left: -20%;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
-webkit-animation-name: blick;
animation-name: blick;
-webkit-animation-duration: 6s;
animation-duration: 6s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.quiz-navbar__button.is-blicked:after, .discount-badge__value.is-blicked:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
height: 100%; width: 20px;
-webkit-transform: skewX(-45deg);
transform: skewX(-45deg);
left: -20%;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
-webkit-animation-name: blick;
animation-name: blick;
-webkit-animation-duration: 6s;
animation-duration: 6s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.final-page_vertical {
position: relative;
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;
height: 100%;
width: 100%;
background: var(--color-bg-quiz, #fff);
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.final-page_vertical .final-page__container {
min-width: 90%;
padding-bottom: 40px;
}
.final-page_vertical .final-page__body {
max-width: 630px;
margin: auto;
padding: 1.5rem 1rem 1.6rem;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
position: relative;
}
.final-page__header {
line-height: 1.2;
font-weight: 500;
color: var(--color-bg-text, #2e2e54);
}
.final-page_vertical .final-page__header {
margin-bottom: 1.2rem !important;
font-size: 28px !important;
color: var(--color-bg-text, #2e2e54);
}
.final-page__content {
font-size: 16px !important;
font-weight: 500;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
color: var(--color-bg-6, var(--grey-blue));
line-height: 1.5;
}
.final-page_vertical .final-page__content {
text-align: center;
color: var(--color-bg-6, var(--grey-blue));
}
p {
margin-bottom: 0.5rem;
}
p:last-child {
margin-bottom: 0;
}
.final-page_vertical .final-page__lead-form {
position: relative;
padding: 29px 35px 19px;
-webkit-box-shadow: 0 9px 40px 0 var(--color-bg-2, rgba(0, 0, 0, 0.11));
box-shadow: 0 9px 40px 0 var(--color-bg-2, rgba(0, 0, 0, 0.11));
border: solid 1.2px var(--color-bg-2, #e8e8e8);
background-color: var(--color-bg-quiz, #fff);
max-width: 500px;
width: 100%;
margin: auto;
}
.discount-badge {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
white-space: nowrap;
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
}
.final-page_vertical .final-page__discount {
margin-bottom: 1.5rem;
}
.lead-form__fields {
margin-bottom: 10px;
}
.step-fields {
--step-field-input-height: 60px;
}
.is-large.input, .is-large.textarea, .taginput .is-large.taginput-container.is-focusable {
font-size: 2.2rem;
}
.lead-form__fields .field {
display: block;
}
.step-fields .field .label {
text-transform: uppercase;
padding-left: 3px;
font-size: 12px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 1.2px;
text-align: left;
color: var(--color-bg-alpha7, #2e2e54);
}
.vue-phone-number-input {
font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.vue-phone-number-input .flex-1 {
-webkit-box-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
}
.q-button .q-icon:first-child:not(:last-child) {
margin-left: calc(-0.375em - 1px);
margin-right: 0.1875em;
}
.lead-form__agreement {
margin-top: 20px;
line-height: 1.25;
font-size: 12px;
text-align: left;
}
.lead-form__agreement .control-label {
color: var(--color-bg-text, #aca7c7) !important;
}
.quiz__tag.quiz__tag_many {
display: none;
}
.question_variants .quiz__step {
display: none;
}
.question_variants[data-step="0"] .quiz-navbar__button_prev {
display: none;
}
.question_variants[data-step="0"] .quiz__step.step-0 {
display: block;
}
.question_variants[data-step="1"] .quiz__step.step-1 {
display: block;
}
.question_variants[data-step="2"] .quiz__step.step-2 {
display: block;
}
.question_variants[data-step="3"] .quiz__step.step-3 {
display: block;
}
.question_variants[data-step="4"] .quiz__step.step-4 {
display: block;
} .discount-badge {
padding: 2px 4px;
background-color: #111;
}
.discount-badge__value {
margin-left: 8px;
}
button.close {
position: absolute;
right: 0;
top: 32px;
padding: 5px;
margin-top: -1em;
font-size: xx-large;
color: #fff;
z-index: 9;
background: var(--color-bg-quiz);
border: 0;
padding: 0;
line-height: 1;
width: 32px;
}
button.close:hover {
background-color: var(--color-bg-quiz);
border: none;
color: #fff;
opacity: 1;
text-shadow: none;
}
@media(min-width:818px){
.quiz__questions .final-page__discount_without-bonuses {
position: absolute;
top: -10px;
left: 30px;
z-index: 11;
}
}
@media(max-width:1200px){
button.close {
z-index: 9;
position: absolute;
top: 60px;
right: 20px;
}
}
.answer-variants__group {
overflow: hidden !important;
}
@media(min-width:1201px){
.quiz .final-page, .quiz .results, .quiz__lead-form .final-page, .quiz__lead-form .results, .quiz__result .final-page, .quiz__result .results, .quiz__results .final-page, .quiz__results .results {
min-height: 560px;
}
.quiz, .quiz__lead-form, .quiz__result, .quiz__results {
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; overflow-x: hidden;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.quiz-navbar {
padding-top: 2.5rem;
width: 100%;
}
@media(max-width:767.9px){
.quiz-navbar {
padding-top: 1.5rem;
}
}
@media(min-width:818px){
.quiz__questions .final-page__discount_without-bonuses {
position: absolute;
top: -10px;
left: 30px;
z-index: 11;
}
.final-page_vertical .final-page__discount_without-bonuses {
position: absolute;
top: -10px;
right: 47px;
}
}
@media print, screen and (min-width: 769px) {
.field-label {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 1.5rem;
text-align: right;
}
}
@media(min-width:768px){
.quiz {
overflow-x: hidden;
}
.question { }
}
@media(max-width:767px){
.answer-variants__variant-text {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
}
@media(min-width:1201px){
.quiz, .quiz__lead-form, .quiz__result, .quiz__results {
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; overflow-x: hidden;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.quiz-navbar__button_next-text {
font-size: 13px;
text-transform: uppercase;
margin-right: 10px;
}
.wpcf7-textarea {
min-height: 110px;
}
#wc7submitstyle {
background: #F29222 !important;
}
@media(min-width:880px){
.text-md-center {
text-align: center !important;
}
}
@media(max-width:768px){
.quiz__question-title .h1 {
font-size: 20px;
}
.quiz__whitelabel {
height: 0;
}
.thank-page__amount {
display: block;
}
.quiz__thanks {
border: 2px solid var(--color-bg-7, #e6e6e6);
}
.quiz__tag-text {
font-size: 16px;
margin: 15px 0;
}
.answer__title {
font-size: 18px;
}
.quiz_sidebar_on {
padding: 0;
}
.answer-variants {
padding: 0;
}
.answer-variants__variant-text label {
padding: 0;
}
.quiz-navbar__buttons {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 50%;
}
.quiz-navbar__progress {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.quiz-navbar {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.quiz-navbar__button_next {
margin-top: 15px;
float: right;
}
.quiz-navbar__button_prev {
margin-top: 15px;
}
.quiz-navbar__progress {
margin: 15px 0 0 0;
}
#secondheaderForm {
font-size: 20px !important;
padding: 12px 0 !important;
}
.quiz__question-title_without-title {
padding-bottom: 0px !important;
padding-top: 0 !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.thank-page__title {
font-size: 20px !important;
}
.tnx-page {
padding-top: 120px !important;
}
.quiz__questions {
margin: 0;
}
.new-button-label {
margin-left: 15px;
}
}
@media(max-width:546px){
.wpcf7-form p.button.style-1.mode-2 {
width: 100%;
text-align: center;
}
#secondheaderForm {
max-width: 210px;
margin: 0 auto;
}
}
@-webkit-keyframes fade-hide-button {
0% {
opacity: 0;
}
30% {
opacity: 0;
}
to {
opacity: 0.53;
}
}
@keyframes fade-hide-button {
0% {
opacity: 0;
}
30% {
opacity: 0;
}
to {
opacity: 0.53;
}
}
@-webkit-keyframes blick {
15%, to {
left: 110%;
}
}
@keyframes blick {
15%, to {
left: 110%;
}
}
@-webkit-keyframes fade {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fade {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes move {
0% {
background-position: 0 0;
}
to {
background-position: 20px 20px;
}
}
@keyframes move {
0% {
background-position: 0 0;
}
to {
background-position: 20px 20px;
}
}
.about__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 7.5rem;
}
@media(max-width:767.9px){
.about__container {
gap: 5rem;
}
}
.about__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
}
@media(max-width:767.9px){
.about__top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media(min-width:768px){
.about__top > picture {
width: calc(50% - 0.5rem);
}
}
.about__top--right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
gap: 1rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media(min-width:768px){
.about__top--right {
width: calc(50% - 0.5rem);
}
}
@media(min-width:768px){
.about__top--right > div, .about__top--right > picture {
width: calc(50% - 0.5rem);
}
}
.about__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
max-width: 100%;
}
@media(max-width:767.9px){
.about__bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.about__bottom--left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem;
}
@media(min-width:768px){
.about__bottom--left {
width: 23rem;
}
}
@media(min-width:768px){
.about__bottom > picture {
width: calc(100% - 24rem);
}
}
.about__img {
width: 100%;
height: auto;
border-radius: 0.75rem;
}
.about__txt1 {
font-weight: 500;
font-size: 1.5rem;
line-height: 1.2;
color: var(--c-white);
}
.about__txt2 {
font-weight: 500;
margin-top: 1.5rem;
color: var(--c-white);
}
@media(max-width:767.9px){
.about__txt2 {
margin-top: 1rem;
}
}
.about__txt3 {
margin-top: auto;
}
.about__txt4 {
font-weight: 500;
font-size: 3rem;
line-height: 1.2;
text-align: center;
color: var(--c-white);
}
@media(max-width:767.9px){
.about__txt4 {
text-align: left;
font-size: 1.5rem;
}
}
.about__txt5 {
max-width: 47.5rem;
margin: 1.5rem auto 0;
}
@media(min-width:768px){
.about__txt5 {
text-align: center;
}
}
@media(max-width:767.9px){
.about__txt5 {
margin-top: 1rem;
}
}
.about__txt6 {
font-weight: 500;
font-size: 1.5rem;
line-height: 1.2;
margin-top: auto;
color: var(--c-white);
}
.team__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem;
}
@media(max-width:767.9px){
.team__container {
gap: 1rem;
}
}
.team__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0 1rem;
}
.team__tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.75rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.team__tabs span {
font-weight: 500;
line-height: 1;
padding: 0.5rem 0.75rem;
background-color: #1C1C1C;
border-radius: 6.25rem;
cursor: pointer;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.team__tabs span:hover, .team__tabs span.active {
color: #FB4F08;
}
.team__grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
grid-template-columns: repeat(6, 1fr);
gap: 1rem;
margin-top: 0.5rem;
}
@media(max-width:767.9px){
.team__grid {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
}
.team__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: var(--c-black-20);
border-radius: 0.75rem;
padding: 2rem 1rem;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
position: relative;
width: 100%;
aspect-ratio: 2/3;
overflow: hidden;
}
@media(max-width:767.9px){
.team__item {
padding: 1rem;
}
.team__item:nth-child(n+7) {
display: none;
}
}
.team__item:last-child {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 2px dashed #DAF560;
text-align: center;
padding: 0 3.75rem;
color: #DAF560; }
.team__item:last-child:hover {
color: #ffffff;
border-color: #ffffff;
}
.team__item:not(:last-child):after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(50.4%, rgba(251, 79, 8, 0)), to(rgba(251, 79, 8, 0.7)));
background: linear-gradient(180deg, rgba(251, 79, 8, 0) 50.4%, rgba(251, 79, 8, 0.7) 100%);
opacity: 0;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.team__item:hover:after, .team__item.active:after {
opacity: 1;
}
.team__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.25rem;
z-index: 10;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.team__item:hover .team__content, .team__item.active .team__content {
opacity: 1;
}
.team__img {
position: absolute;
top: 0;
left: 0;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transform: scale(1.02);
transform: scale(1.02);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.team__item:hover .team__img, .team__item.active .team__img {
opacity: 1;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.team__name {
font-weight: 500;
line-height: 1.2;
font-size: 1.5rem;
}
.team__btn {
margin-top: 1rem;
}
@media(min-width:768px){
.team__btn {
display: none;
}
}
.project-hero__container {
gap: 2.5rem;
margin-top: 6rem;
}
@media(max-width:767.9px){
.project-hero__container {
margin-top: 5rem;
}
}
.project-hero__banner {
width: 100%;
height: 33.875rem;
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;
text-align: center;
background: var(--src) center center/cover no-repeat;
border-radius: 0.75rem;
padding: 1.5rem;
position: relative;
}
@media(max-width:767.9px){
.project-hero__banner {
height: 20.5rem;
}
}
.project-hero__banner h1 {
font-weight: 500;
font-size: 6.5625rem;
line-height: 1;
}
@media(max-width:767.9px){
.project-hero__banner h1 {
font-size: 3.25rem;
}
}
.project-hero__banner picture {
position: absolute;
width: 100%;
height: 100%;
}
.project-hero__img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0.75rem;
}
.project-hero__wrapper {
overflow: hidden;
}
.project-hero__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
gap: 1.5rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media(max-width:767.9px){
.project-hero__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.project-hero__desc {
font-weight: 500;
font-size: 1.5rem;
color: #ffffff;
max-width: 71rem;
}
@media(max-width:767.9px){
.project-hero__desc {
font-size: 1.25rem;
}
}
.project-hero__link {
font-weight: 500;
font-size: 1.5rem;
color: #DAF560;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.625rem;
}
@media(max-width:767.9px){
.project-hero__link {
font-size: 1.25rem;
}
}
.project-hero__link:hover {
color: #ffffff;
}
.project-hero__link:after {
content: "";
width: 1rem;
height: 1rem;
background: url(//jbstudio.pro/wp-content/themes/web-jb/images/arrow-corner.svg) center center/contain no-repeat;
}
@media(max-width:767.9px){
.project-hero__link:after {
width: 0.75rem;
height: 0.75rem;
}
}
.project__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.5rem;
}
@media(max-width:767.9px){
.project__container {
gap: 1rem;
}
}
.project__desc {
color: #ffffff;
max-width: 47rem;
}
.project__desc p {
color: #ffffff;
}
.project__desc a {
color: #DAF560;
position: relative;
}
.project__desc a:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0.0625rem;
background-color: #DAF560;
-webkit-transition: width 0.3s ease;
transition: width 0.3s ease;
}
.project__desc a:hover {
text-decoration: none;
}
.project__desc a:hover:after {
width: 100%;
}
.project__video {
width: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.project__video video {
width: 100%;
height: auto;
border-radius: 0.75rem;
}
.project__play {
position: absolute;
top: calc(50% - 1.75rem);
left: calc(50% - 1.75rem);
border-radius: 50%;
cursor: pointer;
z-index: 2;
display: block;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
border: 0;
}
.project__play svg {
width: 3.5rem;
height: 3.5rem;
}
.project__play:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.project__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: rgba(28, 28, 28, 0.5019607843);
}
.project__gallery {
width: 100%;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1rem 1fr;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
@media(max-width:767.9px){
.project__gallery {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.project__gallery picture {
width: 100%;
}
@media(min-width:768px){
.project__gallery picture:nth-child(3n+1) {
-ms-grid-column-span: 2;
grid-column: span 2;
}
}
@media(min-width:768px){
.project__gallery-2items picture {
-ms-grid-column-span: 2;
grid-column: span 2;
}
}
.project__gallery img {
width: 100%;
}
.project__tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.75rem;
}
.project__tags span {
font-weight: 500;
line-height: 1;
padding: 0.5rem 0.75rem;
background-color: #1C1C1C;
border-radius: 6.25rem;
}