@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;
}.jb-cookie-root{--jb-cookie-accent:#1f7aef;--jb-cookie-accent-contrast:#ffffff;--jb-cookie-interactive-color:var(--jb-cookie-accent);--jb-cookie-bg:#ffffff;--jb-cookie-text:#1f2937;--jb-cookie-muted:#5b6472;--jb-cookie-border:rgba(31, 41, 55, 0.14);--jb-cookie-shadow:0 20px 60px rgba(15, 23, 42, 0.22);--jb-cookie-radius:0;--jb-cookie-button-radius:0;--jb-cookie-icon-bg:transparent;--jb-cookie-icon-size:2.75rem;--jb-cookie-icon-padding:0.625rem;--jb-cookie-icon-image-size:2.75rem;--jb-cookie-icon-radius:0;--jb-cookie-icon-border:0;--jb-cookie-icon-url:url(//jbstudio.pro/wp-content/plugins/jb-cookie/assets/cookie-framed.svg);--jb-cookie-button-border-color:#ccc;--jb-cookie-button-padding:0.75rem 1.5rem;--jb-cookie-button-min-height:auto;--jb-cookie-button-font-weight:400;--jb-cookie-primary-bg:var(--jb-cookie-accent);--jb-cookie-primary-text:#ffffff;--jb-cookie-primary-border:var(--jb-cookie-accent);--jb-cookie-primary-hover-bg:var(--jb-cookie-accent);--jb-cookie-primary-hover-text:#ffffff;--jb-cookie-secondary-bg:#ffffff;--jb-cookie-secondary-text:#000000;--jb-cookie-secondary-border:#ccc;--jb-cookie-secondary-hover-bg:var(--jb-cookie-accent);--jb-cookie-secondary-hover-text:#ffffff;--jb-cookie-ghost-bg:#ffffff;--jb-cookie-ghost-text:#000000;--jb-cookie-ghost-border:#ccc;--jb-cookie-ghost-hover-bg:var(--jb-cookie-accent);--jb-cookie-ghost-hover-text:#ffffff;--jb-cookie-font-text:1rem;--jb-cookie-font-title:1.25rem;--jb-cookie-font-button:max(12px, 0.75rem);--jb-cookie-font-category-text:0.875rem;color-scheme:light;font-family:inherit;}
.jb-cookie-root.jb-cookie-preset-modern{--jb-cookie-radius:1rem;--jb-cookie-button-radius:0.5rem;--jb-cookie-icon-bg:var(--jb-cookie-accent);--jb-cookie-icon-radius:0.75rem;--jb-cookie-icon-border:0;--jb-cookie-button-border-color:transparent;--jb-cookie-button-padding:1rem 1.5rem;--jb-cookie-button-min-height:3.25rem;--jb-cookie-button-font-weight:500;--jb-cookie-primary-bg:var(--jb-cookie-accent);--jb-cookie-primary-text:var(--jb-cookie-accent-contrast);--jb-cookie-primary-border:var(--jb-cookie-accent);--jb-cookie-primary-hover-bg:color-mix(in srgb, var(--jb-cookie-accent), black 10%);--jb-cookie-primary-hover-text:var(--jb-cookie-accent-contrast);--jb-cookie-secondary-bg:transparent;--jb-cookie-secondary-text:var(--jb-cookie-interactive-color);--jb-cookie-secondary-border:var(--jb-cookie-accent);--jb-cookie-secondary-hover-bg:color-mix(in srgb, var(--jb-cookie-accent), transparent 90%);--jb-cookie-secondary-hover-text:var(--jb-cookie-interactive-color);--jb-cookie-ghost-bg:transparent;--jb-cookie-ghost-text:var(--jb-cookie-text);--jb-cookie-ghost-border:var(--jb-cookie-border);--jb-cookie-ghost-hover-bg:transparent;--jb-cookie-ghost-hover-text:var(--jb-cookie-interactive-color);}
.jb-cookie-root.jb-cookie-preset-custom{--jb-cookie-button-radius:var(--jb-cookie-radius);--jb-cookie-icon-radius:var(--jb-cookie-radius);--jb-cookie-primary-bg:var(--jb-cookie-primary-bg, var(--jb-cookie-accent));}
.jb-cookie-root.jb-cookie-icon-framed{--jb-cookie-icon-url:url(//jbstudio.pro/wp-content/plugins/jb-cookie/assets/cookie-framed.svg);--jb-cookie-icon-image-size:2.75rem;}
.jb-cookie-root.jb-cookie-icon-minimal{--jb-cookie-icon-url:url(//jbstudio.pro/wp-content/plugins/jb-cookie/assets/cookie-minimal.svg);--jb-cookie-icon-image-size:1.5rem;}
.jb-cookie-root.jb-cookie-icon-custom{--jb-cookie-icon-image-size:1.5rem;}
.jb-cookie-is-hidden{display:none !important;}
.jb-cookie-lock{overflow:hidden;}
.jb-cookie-theme-dark{--jb-cookie-bg:#161a22;--jb-cookie-text:#f6f7fb;--jb-cookie-muted:#c7ccd6;--jb-cookie-border:rgba(255, 255, 255, 0.16);--jb-cookie-shadow:0 20px 70px rgba(0, 0, 0, 0.42);color-scheme:dark;}
.jb-cookie-banner{position:fixed;z-index:999990;bottom:2rem;display:flex;flex-direction:column;width:calc(100% - 2rem);max-width:55rem;padding:1.5rem;align-items:center;justify-content:space-between;gap:1rem 2rem;border:1px solid var(--jb-cookie-border);border-radius:var(--jb-cookie-radius);background:var(--jb-cookie-bg);box-shadow:var(--jb-cookie-shadow);color:var(--jb-cookie-text);font-size:var(--jb-cookie-font-text);line-height:1.4;}
@media(min-width:768px){
.jb-cookie-actions-inline .jb-cookie-banner{flex-direction:row;align-items:center;}
.jb-cookie-actions-inline .jb-cookie-banner__content{flex:1 1 auto;}
.jb-cookie-actions-inline .jb-cookie-actions{flex:0 0 auto;justify-content:flex-end;}
}
.jb-cookie-position-left{left:1rem;}
.jb-cookie-position-right{right:1rem;}
.jb-cookie-position-center{left:50%;transform:translateX(-50%);}
.jb-cookie-banner__content{display:flex;gap:0.75rem;align-items:flex-start;}
.jb-cookie-banner__icon{display:block;flex:0 0 var(--jb-cookie-icon-size);width:var(--jb-cookie-icon-size);height:var(--jb-cookie-icon-size);padding:var(--jb-cookie-icon-padding);border:var(--jb-cookie-icon-border);border-radius:var(--jb-cookie-icon-radius);background:var(--jb-cookie-icon-bg) var(--jb-cookie-icon-url) center / var(--jb-cookie-icon-image-size) var(--jb-cookie-icon-image-size) no-repeat;}
.jb-cookie-banner__text{margin:0;color:var(--jb-cookie-text);font-size:var(--jb-cookie-font-text);line-height:1.4;}
.jb-cookie-banner__text a, .jb-cookie-banner__text strong, .jb-cookie-banner__text em, .jb-cookie-banner__text span{font-size:inherit;line-height:inherit;font-family:inherit;}
.jb-cookie-banner__text a{color:var(--jb-cookie-interactive-color);text-decoration:underline;text-underline-offset:0.14em;}
.jb-cookie-banner__text a:hover{color:var(--jb-cookie-accent);}
.jb-cookie-actions, .jb-cookie-modal__actions{display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center;justify-content:flex-end;}
.jb-cookie-actions{flex:0 0 auto;}
.jb-cookie-button, .jb-cookie-settings-link{min-width:7.5rem;min-height:var(--jb-cookie-button-min-height);padding:var(--jb-cookie-button-padding);border:1px solid var(--jb-cookie-button-border-color);border-radius:var(--jb-cookie-button-radius);cursor:pointer;font:inherit;font-size:var(--jb-cookie-font-button);font-weight:var(--jb-cookie-button-font-weight);line-height:1.2;text-align:center;text-decoration:none;transition:background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;background:var(--jb-cookie-secondary-bg);color:var(--jb-cookie-secondary-text);}
.jb-cookie-button:focus-visible, .jb-cookie-settings-link:focus-visible, .jb-cookie-modal__close:focus-visible{outline:3px solid color-mix(in srgb, var(--jb-cookie-accent), transparent 60%);outline-offset:2px;}
.jb-cookie-button--primary{border:1px solid var(--jb-cookie-primary-border);background:var(--jb-cookie-primary-bg);color:var(--jb-cookie-primary-text);}
.jb-cookie-button--secondary, .jb-cookie-settings-link{border:1px solid var(--jb-cookie-secondary-border);background:var(--jb-cookie-secondary-bg);color:var(--jb-cookie-secondary-text);}
.jb-cookie-button--ghost{border:1px solid var(--jb-cookie-ghost-border);background:var(--jb-cookie-ghost-bg);color:var(--jb-cookie-ghost-text);}
.jb-cookie-button--primary:hover{border-color:var(--jb-cookie-primary-border);background:var(--jb-cookie-primary-hover-bg);color:var(--jb-cookie-primary-hover-text);}
.jb-cookie-button--secondary:hover, .jb-cookie-settings-link:hover{border-color:var(--jb-cookie-accent);background:var(--jb-cookie-secondary-hover-bg);color:var(--jb-cookie-secondary-hover-text);}
.jb-cookie-button--ghost:hover{border-color:var(--jb-cookie-accent);background:var(--jb-cookie-ghost-hover-bg);color:var(--jb-cookie-ghost-hover-text);}
.jb-cookie-modal-wrap{position:fixed;z-index:999991;inset:0;display:grid;place-items:center;padding:24px;background:rgba(15, 23, 42, 0.56);}
.jb-cookie-modal{position:relative;width:min(720px, 100%);max-height:min(760px, calc(100vh - 48px));overflow:auto;padding:28px;border:1px solid var(--jb-cookie-border);border-radius:var(--jb-cookie-radius);background:var(--jb-cookie-bg);box-shadow:var(--jb-cookie-shadow);color:var(--jb-cookie-text);}
.jb-cookie-modal__close{position:absolute;top:16px;right:16px;display:grid;width:36px;height:36px;place-items:center;padding:0;border:1px solid var(--jb-cookie-border);border-radius:var(--jb-cookie-button-radius);background:transparent;color:var(--jb-cookie-text);cursor:pointer;font-size:22px;line-height:1;}
.jb-cookie-modal__close:hover{border-color:var(--jb-cookie-accent);color:var(--jb-cookie-accent);}
.jb-cookie-modal__title{margin:0 0 1rem;color:var(--jb-cookie-text);font-size:var(--jb-cookie-font-title);line-height:1.3;}
.jb-cookie-categories{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:1.5rem;}
.jb-cookie-category{display:flex;gap:0.75rem;align-items:flex-start;padding:0.875rem 1rem;border:1px solid var(--jb-cookie-border);border-radius:var(--jb-cookie-button-radius);background:transparent;cursor:pointer;}
.jb-cookie-category__content{display:flex;flex-direction:column;gap:0.25rem;}
.jb-cookie-category__title{color:var(--jb-cookie-text);font-weight:600;}
.jb-cookie-category__text{color:var(--jb-cookie-muted);font-size:var(--jb-cookie-font-category-text);line-height:1.4;}
.jb-cookie-category input{margin-top:0.25rem;width:18px;height:18px;flex:0 0 18px;accent-color:var(--jb-cookie-accent);cursor:pointer;}
.jb-cookie-category input:focus-visible{outline:3px solid color-mix(in srgb, var(--jb-cookie-accent), transparent 60%);outline-offset:2px;}
.jb-cookie-category input:disabled{cursor:default;opacity:0.7;}
.jb-cookie-modal__actions{flex-wrap:wrap;justify-content:flex-end;}
@media(max-width:767px){
.jb-cookie-banner {
flex-direction: column !important;
align-items: stretch !important;
bottom: 1rem;
padding: 1.25rem;
}
.jb-cookie-actions, .jb-cookie-modal__actions {
flex-direction: column;
align-items: stretch;
justify-content: stretch;
}
.jb-cookie-button {
width: 100%;
}
.jb-cookie-position-left, .jb-cookie-position-right, .jb-cookie-position-center {
left: 1rem;
right: 1rem;
transform: none;
}
.jb-cookie-banner__content {
flex-direction: row;
}
}: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}
  @font-face{font-family:"Wix Madefor Display";font-weight:400;src:url(//jbstudio.pro/wp-content/themes/web-jb/fonts/WixMadeforDisplay-Regular.woff2) format("woff2"), url(//jbstudio.pro/wp-content/themes/web-jb/fonts/WixMadeforDisplay-Regular.ttf) format("truetype");font-display:swap;}
@font-face{font-family:"Wix Madefor Display";font-weight:500;src:url(//jbstudio.pro/wp-content/themes/web-jb/fonts/WixMadeforDisplay-Medium.woff2) format("woff2"), url(//jbstudio.pro/wp-content/themes/web-jb/fonts/WixMadeforDisplay-Medium.ttf) format("truetype");font-display:swap;}
@font-face{font-family:"Wix Madefor Display";font-weight:600;src:url(//jbstudio.pro/wp-content/themes/web-jb/fonts/WixMadeforDisplay-SemiBold.woff2) format("woff2"), url(//jbstudio.pro/wp-content/themes/web-jb/fonts/WixMadeforDisplay-SemiBold.ttf) format("truetype");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:"Wix Madefor Display", sans-serif;--ff-2:"Wix Madefor Display", 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;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:flex;flex-direction:column;background-color:#000000;}
footer{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;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, textarea{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;resize:none;transition:0.3s;}
input:not(:placeholder-shown), input:focus, textarea:not(:placeholder-shown), textarea:focus{border:none;}
input.invalid, input.wpcf7-not-valid, textarea.invalid, textarea.wpcf7-not-valid{color:#FB4F08;padding:0.6875rem 1.5rem 1.6875rem;}
input.invalid::placeholder, input.wpcf7-not-valid::placeholder, textarea.invalid::placeholder, textarea.wpcf7-not-valid::placeholder{color:#FB4F08 !important;}
form .wpcf7-response-output{display:none;}
form .wpcf7-spinner{position:absolute;right:1rem;top:1.5rem;}
@media(max-width:767.9px){
form .wpcf7-spinner{right:-0.5rem;top:1rem;}
}
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:flex;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:max(12px, 1rem);height:max(12px, 1rem);border:1px solid #ffffff;background:transparent;border-radius:4px;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{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;}
}
.copy-to-clipboard{cursor:pointer;}
.copy-to-clipboard:before{content:"";display:block;min-width:1.25rem;height:1.25rem;background-position:center;background-repeat:no-repeat;background-size:1.25rem;background-image:url(//jbstudio.pro/wp-content/themes/web-jb/images/copy1.svg);transition:background-image 0.15s;}
.copy-to-clipboard:hover:before{background-image:url(//jbstudio.pro/wp-content/themes/web-jb/images/copy2.svg);}
.copy-to-clipboard.copied:before{background-image:url(//jbstudio.pro/wp-content/themes/web-jb/images/copy3.svg);}
.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:flex;align-items:end;gap:1rem;overflow:hidden;}
@media(max-width:767.9px){
.jb-section__header{flex-direction:column;align-items:start;}
}
.jb-section__header .jb-title{font-size:3rem;}
@media(max-width:767.9px){
.jb-section__header .jb-title{font-size:1.75rem;}
.jb-section__header .jb-title br{display:none;}
}
.jb-container{max-width:100%;margin:0 2.5rem;display:flex;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: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;align-items:start;flex-grow:1;display:none;background:#000000;transition:clip-path 0.7s ease;clip-path:inset(0 0 0 100%);padding:1.75rem 2.5rem 2.5rem;display:flex;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;transition:clip-path 0.3s ease;}
}
.jb-menu__menu ul.menu{list-style-type:none;padding:0;display:flex;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:flex;flex-direction:column;gap:1.5rem;margin:0;}
@media(min-width:768px){
.jb-menu__menu ul.menu li{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: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;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%;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:flex;gap:0.625rem;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%;transition:0.2s;transform:rotate(0deg);}
.jb-menu__menu.site-navigation ul.menu > li.jb-menu--callback:hover a::after{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:flex !important;flex-direction:column;gap:1rem;}
}
@media(max-width:767.9px){
.jb-menu__menu.site-navigation ul.menu .menu-item-has-children > a{display:flex;justify-content:space-between;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);transition: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;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);transform:rotate(180deg);}
}
.jb-menu__menu.site-navigation ul.menu .calc-item{padding:1rem 0;display:flex;flex-direction:row;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:215px;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:-7rem;}
}
.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:flex;flex-direction:column;gap:0.375rem;border:none;outline:none;padding:0.9375rem;background-color:#2F2F2F;border-radius:0.375rem;height:3rem;}
.jb-menu__toggle span{height:2px;width:1.5rem;background:#fff;border-radius:0.125rem;transition:all 0.3s;}
.jb-menu__toggle.active span{transform-origin:center;}
.jb-menu__toggle.active span:first-child{transform:translateY(0.453125rem) rotate(45deg);}
@media(max-width:767.9px){
.jb-menu__toggle.active span:first-child{transform:translateY(0.5rem) rotate(50deg);}
}
.jb-menu__toggle.active span:nth-child(2){opacity:0;visibility:hidden;}
.jb-menu__toggle.active span:nth-child(3){transform:translateY(-0.453125rem) rotate(-45deg);}
@media(max-width:767.9px){
.jb-menu__toggle.active span:nth-child(3){transform:translateY(-0.5rem) rotate(-50deg);}
}
.jb-menu__bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:end;width:100%;gap:1.25rem 2rem;}
@media(max-width:767.9px){
.jb-menu__bottom{flex-direction:column;align-items:start;}
}
.jb-menu__bottom--left{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;width:100%;gap:1.25rem 0.75rem;}
@media(min-width:768px){
.jb-menu__bottom--left{flex-direction:row;align-items:center;justify-content:start;}
}
.jb-menu__inputs{display:flex;gap:1rem;position:relative;}
@media(max-width:767.9px){
.jb-menu__inputs > span:not(.wpcf7-spinner){width:calc(100% - 168px);}
.jb-menu__inputs > span:not(.wpcf7-spinner) input{width:100%;}
}
.jb-menu__contacts{display:flex;justify-content:start;flex-wrap:wrap;gap:1rem;}
@media(min-width:768px){
.jb-menu__contacts{order:2;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:flex;gap:1.5rem;flex-direction:column;}
@media(min-width:768px){
.jb-menu__form form label{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;transition:0.3s;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:flex;align-items:flex-end;justify-content:space-between;}
.jb-header__contacts{display:flex;justify-content:flex-end;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:flex;gap:0.75rem;position:fixed;top:1.5rem;right:2.5rem;z-index:100000;display:flex;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;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:inline-flex;justify-content: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;user-select:none;transition:all 0.3s ease;color:var(--c-black);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{transform:translateX(0) scale(1);}
.jb-btn-primary:not(:disabled):hover span{transform:translateX(0);}
.jb-btn-primary span{transform:translateX(-pxToRem(12px));transition:0.2s;}
.jb-btn-secondary{color:var(--c-white);border:0.0625rem solid var(--c-white-40);background-color:transparent;}
.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-secondary.jb-btn--arrow:after{background-image:url(//jbstudio.pro/wp-content/themes/web-jb/images/arrow-light.svg);}
.jb-btn-secondary.jb-btn--arrow:hover:after{background-image:url(//jbstudio.pro/wp-content/themes/web-jb/images/arrow.svg);}
.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;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:flex;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:flex;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:flex;width:100%;height:auto;}
@media(max-width:767.9px){
.jb-footer__map{object-fit:cover;height:20.5rem;}
}
.jb-footer__bottom{display:flex;justify-content:space-between;align-items:center;gap:0.625rem;}
@media(max-width:767.9px){
.jb-footer__bottom{flex-direction:column;gap:2.5rem;}
}
.jb-footer__bottom-left{display:flex;flex-direction:column;gap:0.75rem;}
@media(max-width:767.9px){
.jb-footer__bottom-left{gap:0.5rem;}
}
.jb-footer__menu{display:flex;gap:0 1.5rem;}
@media(max-width:767.9px){
.jb-footer__menu{flex-direction:column;align-items:center;gap:0.5rem 1.5rem;flex:0 1 auto;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:flex;gap:0.75rem;}
@media(max-width:767.9px){
.jb-footer__socials{flex:0 1 auto;order:1;width:100%;}
}
.jb-footer__icon{border-radius:0.75rem;border:1px solid var(--c-white-40);padding:0.9375rem;display:flex;}
.jb-footer__icon svg{width:1.5rem;height:1.5rem;}
.jb-footer__icon path{transition:fill 0.3s ease;}
.jb-footer__icon:hover path{fill:#ffffff;}
.jb-title{font-weight:500;opacity:0.01;}
.jb-subtitle{font-size:max(12px, 0.75rem);margin-bottom:0.625rem;}
@media(max-width:767.9px){
.jb-subtitle{margin-bottom:0;}
}
.modal{position:relative;}
.modal.fancybox__content{clip-path:inset(0 0 0 100%);transition:clip-path 0.7s ease;}
@media(max-width:767.9px){
.modal.fancybox__content{transition:clip-path 0.3s ease;}
}
.modal.fancybox__content.open{clip-path:inset(0 0 0 0%);}
.modal__holder{height:100%;position:relative;display:flex;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:flex;gap:1rem;position:relative;}
@media(max-width:767.9px){
.modal__inputs > span input{width:100%;}
}
.modal__form .screen-reader-response{display:none;}
.modal__form form{display:flex;gap:1.5rem;flex-direction:column;}
@media(max-width:767.9px){
.modal__form form{gap:1rem;}
}
.modal__form label{color:#ffffff;}
.modal{}
.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:6rem;text-align:center;}
@media(max-width:767.9px){
.page404{margin-top:5rem;}
}
.page404__container{gap:3rem;padding:8.75rem;background-color:#1C1C1C;border-radius:0.75rem;justify-content: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:flex;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{object-position:top;}
.modal.fancybox__content > .f-button.is-close-btn{--f-button-svg-width:2rem !important;--f-button-svg-height:2rem !important;--f-button-width:2rem !important;--f-button-height:2rem !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;}
}
.has-html5video .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-black) !important;--f-button-hover-color:var(--c-black-50) !important;}
.fancybox__slide{overflow:hidden;padding:0;}
html.with-fancybox.-blur-page body > *:not(.fancybox__container){filter:blur(20px);transition:0.15s;}
html.with-fancybox body{overflow:hidden;}
html.with-fancybox{}
.is-compact .fancybox__content > .f-button.is-close-btn{top:-40px;}: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:flex;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;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;opacity:0.01;}
@media(max-width:767.9px){
.hero__title{font-size:3.25rem;}
}
.hero__contents{display:flex;flex-direction:column;gap:2.5rem 0;margin:auto 0 0 auto;max-width:47rem;z-index:10;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{align-items:flex-start;font-size:1.25rem;}
}
.hero__footer{display:flex;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%;object-fit:cover;border-radius:2.25rem;transform:scale(0.3) translateY(0);}
@media only screen and (orientation: portrait) {
.hero__video{position:unset;height:auto;top:36vh;transform:scale(1) translateY(0);}
}
.services{display:flex;flex-direction:column;}
.services__container{display:flex;flex-direction:column;gap:1.5rem;}
.services__header{display:flex;gap:1rem;}
.services__header .jb-btn{margin-left:auto;}
@media(max-width:767.9px){
.services__header .jb-btn{display:none;}
}
.services__grid{display:flex;flex-wrap:wrap;align-content:start;gap:1rem;}
@media(max-width:767.9px){
.services__grid{flex-direction:column;}
}
.services__block{display:flex;flex-direction:column;background-color:#1C1C1C;border-radius:0.75rem;padding:2.5rem;align-items:start;justify-content:start;width:calc(25% - 0.75rem);}
.services__block--icon{display:grid;grid-auto-rows:min-content;}
.services__block--light{background-color:#F1F1F1;}
.services__block--light *{color:#000000;}
@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--vertical{display:flex;}
.services__block--vertical .services__icon{margin-bottom:1.5rem;}
}
.services__grid--accent .services__block:last-child{background-color:#DAF560;color:#000000;width:100%;}
.services__grid--accent .services__block:last-child .services__desc{color:#000000;}
.services__block:hover .services__price{color:#ffffff;}
.services__icon{border-radius:0.75rem;padding:1.25rem;background-color:#2F2F2F;width:fit-content;transition:background-color 0.3s ease;display:flex;height:fit-content;margin-bottom:2.5rem;}
.services__icon svg{width:2rem;height:2rem;}
@media(max-width:767.9px){
.services__icon svg{width:1.5rem;height:1.5rem;}
}
.services__icon svg path{transition:stroke 0.3s ease;}
@media(max-width:767.9px){
.services__icon{padding:1rem;grid-column:1/2;grid-row:1/3;border-radius:0.5rem;margin-bottom:0;}
}
.services__block:hover .services__icon{background-color:#DAF560;}
.services__block:hover .services__icon svg path{stroke:#000000;}
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:flex;flex-direction:column;gap:0.375rem;width:fit-content;}
@media(max-width:767.9px){
.services__name{font-size:1.25rem;grid-column:2/3;grid-row:1/2;}
.services--other .services__name{font-size:1.5rem;}
}
.page-id-447 div.services__block .services__name{padding-bottom:0.375rem;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;}
.page-template-tmp__service2 .services__name:after{display:none;}
.services__desc{margin-top:0.9375rem;color:var(--c-white-60);}
@media(max-width:767.9px){
.services__desc{grid-column:2/3;grid-row:2/3;}
}
.services__desc ul{margin-bottom:0;}
.services__bottom{display:flex;justify-content:space-between;align-items:center;margin-top:9.25rem;width:100%;}
@media(max-width:767.9px){
.services__bottom{margin-top:1.625rem;}
}
.services__bottom .jb-btn{color:var(--c-primary);padding:0.75rem;font-size:max(12px, 0.75rem);}
.services__price{font-weight:500;font-size:1.5rem;line-height:1.2;width:fit-content;color:#ffffff;}
@media(max-width:767.9px){
.services__price{font-size:1.5rem;}
}
.services__top-price{display:flex;align-items:center;background-color:#2F2F2F;padding:1rem;border-radius:0.75rem;height:4.5rem;font-size:1.5rem;}
@media(max-width:767.9px){
.services__top-price{height:3.5rem;font-size:1.25rem;}
}
.services__btn{margin-top:1rem;}
@media(min-width:1024px){
.services__btn{display:none;}
}
.services__top{display:flex;gap:0.5rem;}
.services--targets .services__header{align-items:baseline;}
@media(max-width:767.9px){
.services--targets .services__header{flex-direction:column-reverse;align-items:flex-start;gap:0.25rem;}
}
.services--targets .services__header .jb-title{font-size:3rem;line-height:1.2;}
@media(max-width:1023.9px){
.services--targets .services__header .jb-title{font-size:1.75rem;}
}
.services--targets .services__header .jb-subtitle{margin-bottom:0;}
.services--targets .services__grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:1rem;}
@media(max-width:1023.9px){
.services--targets .services__grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media(max-width:767.9px){
.services--targets .services__grid{grid-template-columns:1fr;}
}
.services--targets .services__block{width:auto !important;background-color:#1C1C1C;gap:2.5rem;padding:2.5rem;align-items:flex-start;}
@media(max-width:1023.9px){
.services--targets .services__block{gap:1.5rem;padding:1.5rem !important;}
.services--targets .services__block:nth-child(n+5){display:none;}
}
@media(max-width:767.9px){
.services--targets .services__block{gap:1rem;padding:1.25rem !important;grid-template-columns:auto 1fr;}
}
.services--targets .services__icon{width:4.5rem;height:4.5rem;padding:1rem;background-color:#2F2F2F;border-radius:0.5rem;margin-bottom:0;align-items:center;justify-content:center;}
.services--targets .services__icon svg{width:2rem;height:2rem;color:var(--c-primary);display:block;}
@media(max-width:767.9px){
.services--targets .services__icon{width:3rem;height:3rem;padding:0.625rem;grid-row:1/2;}
.services--targets .services__icon svg{width:1.5rem;height:1.5rem;}
}
.services--targets .services__block:hover .services__icon{background-color:#2F2F2F;}
.services--targets .services__block:hover .services__icon svg path{stroke:none;}
.services--targets .services__name{font-family:var(--ff-2);font-size:1.5rem;line-height:1.2;font-weight:500;color:var(--c-white);gap:0;}
.services--targets .services__name:after{display:none;}
@media(max-width:767.9px){
.services--targets .services__name{align-self:center;font-size:1.25rem;}
}
.services--targets .services__desc{margin-top:0;color:var(--c-white-60);font-size:max(12px, 1rem);line-height:1.4;}
@media(max-width:767.9px){
.services--targets .services__desc{grid-column:1/3;}
}
.services--steps .services__header{align-items:baseline;}
@media(max-width:767.9px){
.services--steps .services__header{flex-direction:column;align-items:flex-start;gap:1rem;}
}
.services--steps .services__header .jb-title{font-size:3rem;line-height:1.2;}
@media(max-width:1023.9px){
.services--steps .services__header .jb-title{font-size:1.75rem;}
}
.services--steps .services__header .jb-subtitle{margin-bottom:0;}
@media(max-width:767.9px){
.services--steps .services__header .jb-subtitle{order:-1;}
}
.services--steps .services__header .jb-btn{background-color:#2F2F2F;border-color:#2F2F2F;color:var(--c-bg-2);}
.services--steps .services__header .jb-btn:after{content:"";width:1.125rem;height:0.875rem;background:currentColor;-webkit-mask:url(//jbstudio.pro/wp-content/themes/web-jb/images/rkn-152fz/arrow-cta.svg) center/contain no-repeat;mask:url(//jbstudio.pro/wp-content/themes/web-jb/images/rkn-152fz/arrow-cta.svg) center/contain no-repeat;}
@media(max-width:767.9px){
.services--steps .services__header .jb-btn{display:flex;width:100%;background-color:var(--c-primary);border-color:var(--c-primary);color:var(--c-black);}
}
.services--steps .services__block{background-color:#1C1C1C;gap:0;padding:2.5rem;align-items:flex-start;}
@media(max-width:1023.9px){
.services--steps .services__block{gap:0;padding:1.5rem !important;}
.services--steps .services__block:nth-child(n+5){display:none;}
}
@media(max-width:767.9px){
.services--steps .services__block{gap:1rem;padding:1.25rem !important;grid-template-columns:auto 1fr;}
}
.services--steps .services__icon{width:4.5rem;height:4.5rem;padding:1rem;background-color:#2F2F2F;border-radius:0.5rem;margin-bottom:2.5rem;}
@media(max-width:1023.9px){
.services--steps .services__icon{margin-bottom:1.5rem;}
}
.services--steps .services__icon{align-items:center;justify-content:center;}
.services--steps .services__icon svg{width:2rem;height:2rem;color:var(--c-primary);display:block;}
@media(max-width:767.9px){
.services--steps .services__icon{width:3rem;height:3rem;padding:0.625rem;grid-row:1/2;margin-bottom:0;}
.services--steps .services__icon svg{width:1.5rem;height:1.5rem;}
}
.services--steps .services__block:hover .services__icon{background-color:#2F2F2F;}
.services--steps .services__block:hover .services__icon svg path{stroke:none;}
.services--steps .services__name{font-family:var(--ff-2);font-size:1.5rem;line-height:1.2;font-weight:500;color:var(--c-white);gap:0;margin:0 0 1rem;}
.services--steps .services__name:after{display:none;}
@media(max-width:767.9px){
.services--steps .services__name{align-self:center;margin:0;font-size:1.25rem;}
}
.services--steps .services__desc{margin-top:0;color:var(--c-white-60);font-size:max(12px, 1rem);line-height:1.4;}
@media(max-width:767.9px){
.services--steps .services__desc{grid-column:1/3;}
}
.services--steps .services__note{background-color:#1C1C1C;border-radius:0.75rem;padding:1.25rem 2.5rem;color:var(--c-primary);font-size:max(12px, 1rem);line-height:1.4;text-align:center;margin:0;width:100%;}
@media(max-width:1023.9px){
.services--steps .services__note{padding:1rem 1.25rem;text-align:left;}
}
.services--prescription .services__container{gap:1.5rem;}
.services--prescription .services__header{align-items:baseline;}
@media(max-width:767.9px){
.services--prescription .services__header{flex-direction:column-reverse;align-items:flex-start;gap:0.25rem;}
}
.services--prescription .services__header .jb-title{font-size:3rem;line-height:1.2;}
@media(max-width:1023.9px){
.services--prescription .services__header .jb-title{font-size:1.75rem;}
}
.services--prescription .services__grid{gap:1rem;}
.services--prescription .services__block{background-color:var(--c-secondary);padding:1.25rem 2.5rem;gap:0.5rem;align-items:flex-start;color:var(--c-white);}
@media(max-width:1023.9px){
.services--prescription .services__block{padding:1.25rem 1.5rem !important;}
.services--prescription .services__block:nth-child(n+5){display:none;}
}
.services--prescription .services__block:hover .services__icon{background-color:var(--c-secondary);}
.services--prescription .services__block:hover .services__icon svg path{stroke:none;}
.services--prescription .services__name{font-family:var(--ff-2);font-size:1.5rem;font-weight:500;line-height:1.2;color:var(--c-white);gap:0;}
.services--prescription .services__name:after{display:none;}
@media(max-width:767.9px){
.services--prescription .services__name{font-size:1.25rem;}
}
.services--prescription .services__desc{margin-top:0;color:var(--c-white);font-size:max(12px, 1rem);line-height:1.4;}
.services--prescription .services__contact{background-color:var(--c-bg-2);border-radius:0.75rem;padding:2.5rem;display:flex;flex-direction:row;align-items:center;gap:1rem;width:100%;}
@media(max-width:1023.9px){
.services--prescription .services__contact{flex-direction:column;align-items:stretch;padding:1.5rem;gap:1.25rem;}
}
.services--prescription .services__contact-info{flex:1 0 0;min-width:0;display:flex;align-items:center;gap:1.5rem;}
@media(max-width:1023.9px){
.services--prescription .services__contact-info{gap:1rem;}
}
@media(max-width:767.9px){
.services--prescription .services__contact-info{flex-direction:column;align-items:flex-start;gap:1rem;}
}
.services--prescription .services__contact-avatar{width:4rem;height:auto;border-radius:50%;object-fit:cover;aspect-ratio:1/1;flex-shrink:0;}
.services--prescription .services__contact-text{margin:0;font-family:var(--ff-2);font-size:max(12px, 1rem);font-weight:500;line-height:1.4;color:var(--c-black);}
.services--prescription .services__contact-text a{color:var(--c-secondary);text-decoration:underline;font-weight:inherit;font-size:inherit;}
.services--prescription .services__contact-text a:hover{text-decoration:none;}
.services--prescription .services__contact-socials{flex:1 0 0;min-width:0;display:flex;gap:1rem;align-items:stretch;}
@media(max-width:1023.9px){
.services--prescription .services__contact-socials{gap:0.5rem;}
}
.services--prescription .services__contact-social{flex:1 0 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:0.75rem;padding:1rem 1.5rem;background-color:var(--c-white);border:1px solid transparent;border-radius:0.75rem;color:#2F2F2F;font-family:var(--ff-2);font-size:max(12px, 1rem);font-weight:500;line-height:1;transition:border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease;}
.services--prescription .services__contact-social:hover{border-color:var(--c-secondary);color:var(--c-secondary);}
.services--prescription .services__contact-social--highlight{border-color:var(--c-secondary);}
.services--prescription .services__contact-social svg{width:2rem;height:2rem;color:inherit;flex-shrink:0;display:block;}
@media(max-width:767.9px){
.services--prescription .services__contact-social{padding:1rem;gap:0;justify-content:center;}
.services--prescription .services__contact-social span{display:none;}
}
.services--alert .services__container{gap:1.5rem;}
.services--alert .services__header .jb-title{font-size:3rem;line-height:1.2;color:var(--c-secondary);}
@media(max-width:1023.9px){
.services--alert .services__header .jb-title{font-size:1.75rem;}
}
.services--alert .services__grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:1rem;}
@media(max-width:1023.9px){
.services--alert .services__grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:0.5rem;}
}
@media(max-width:767.9px){
.services--alert .services__grid{grid-template-columns:1fr;}
}
.services--alert .services__block{width:auto !important;background-color:var(--c-secondary);gap:1rem;padding:2.5rem;align-items:flex-start;}
@media(max-width:1023.9px){
.services--alert .services__block{padding:1.25rem !important;}
.services--alert .services__block:nth-child(n+5){display:none;}
}
.services--alert .services__price{font-family:var(--ff-2);font-size:3rem;line-height:1.2;font-weight:500;color:var(--c-white);}
@media(max-width:1023.9px){
.services--alert .services__price{font-size:1.75rem;}
}
.services--alert .services__desc{color:var(--c-white);font-size:max(12px, 1rem);line-height:1.4;margin-top:0;margin-bottom:0;}
.services--formats .services__header{align-items:baseline;}
@media(max-width:767.9px){
.services--formats .services__header{flex-direction:column-reverse;align-items:flex-start;gap:0.25rem;}
}
.services--formats .services__header .jb-title{font-size:3rem;line-height:1.2;}
@media(max-width:1023.9px){
.services--formats .services__header .jb-title{font-size:1.75rem;}
}
.services--formats .services__header .jb-subtitle{margin-bottom:0;}
.services--formats .services__grid{gap:1rem;}
.services--formats .services__block{background-color:#1C1C1C;padding:2.5rem;gap:1.5rem;align-items:flex-start;}
@media(max-width:767.9px){
.services--formats .services__block{padding:1.5rem !important;gap:1.25rem;}
}
.services--formats .services__name{font-family:var(--ff-2);font-size:1.5rem;font-weight:500;line-height:1.2;gap:0;}
.services--formats .services__name:after{display:none;}
@media(max-width:767.9px){
.services--formats .services__name{font-size:1.25rem;}
}
.services--formats .services__top{align-items:center;gap:0.75rem;}
.services--formats .services__icon{width:4.5rem;height:4.5rem;padding:1rem;border-radius:0.5rem;margin-bottom:0;align-items:center;justify-content:center;}
.services--formats .services__icon svg{width:2rem;height:2rem;color:var(--c-primary);display:block;}
@media(max-width:767.9px){
.services--formats .services__icon{width:3.5rem;height:3.5rem;padding:0.75rem;}
}
.services--formats .services__block:hover .services__icon{background-color:#2F2F2F;}
.services--formats .services__block:hover .services__icon svg path{stroke:none;}
.services--formats .services__desc{margin-top:0;color:var(--c-white-60);font-size:max(12px, 1rem);line-height:1.4;}
.services--formats .services__desc--muted{color:var(--c-white-40);}
.quote__container{background-color:var(--c-secondary);border-radius:0.75rem;overflow:hidden;min-height:28.75rem;}
.quote__container--light{color:#000000;background-color:#F1F1F1;}
.quote__wrapper{display:flex;align-items:center;margin:0 2.5rem;position:relative;}
.quote--service2 .quote__wrapper{align-items:unset;}
@media(max-width:767.9px){
.quote__wrapper{flex-direction:column;align-items:start;gap:0.5rem 0;margin:1.5rem 1.5rem 0;}
}
.quote__wrapper picture{align-self:end;}
.quote__contents{display:flex;flex-direction:column;width:59.3125rem;}
.quote--service2 .quote__contents{margin:2.5rem 0;}
@media(max-width:767.9px){
.quote--service2 .quote__contents{margin:0;}
}
@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{align-items:flex-start;width:100%;font-size:1.75rem;}
.quote__title br{display:none;}
}
.quote__buttons{display:flex;flex-wrap:wrap;gap:0.5rem;}
@media(max-width:767.9px){
.quote__buttons{margin-top:1.5rem;}
}
.quote__btn{margin-top:3rem;}
@media(max-width:767.9px){
.quote__btn{margin-top:2rem;}
}
@media(max-width:767.9px){
.quote--service2 .quote__btn{width:100%;margin-top:0;}
}
.quote__bottom{display:flex;justify-content:space-between;margin-top:5rem;}
@media(max-width:767.9px){
.quote__bottom{margin-top:0;position:relative;}
}
.quote--service2 .quote__bottom{margin:auto 0 2.5rem;}
@media(max-width:767.9px){
.quote--service2 .quote__bottom{margin:0;}
}
@media(min-width:768px){
.quote__wrapper--form .quote__bottom{position:absolute;top:0;right:-7.5rem;margin-top:0;}
}
@media(min-width:1200px){
.quote__wrapper--form .quote__bottom{right:-31.25rem;}
}
.quote__socials{display:flex;gap:1rem;align-items:center;}
@media(max-width:767.9px){
.quote__socials{display:none;}
}
.quote__socials span{opacity:0.6;}
.quote__socials a{display:flex;}
.quote__socials svg{width:1.5rem;height:1.5rem;}
.quote__socials path{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;top:2rem;text-align:left;width:9.25rem;}
}
.quote__image{height:28.75rem;width:28.75rem;object-fit:cover;margin-left:auto;}
@media(max-width:767.9px){
.quote__image{margin-right:-5rem;width:20.25rem;height:20.25rem;max-width:unset;}
}
@media(min-width:768px){
.quote__wrapper--form .quote__image{margin-right:5.625rem;}
}
.quote__form{margin-top:2.5rem;}
@media(max-width:767.9px){
.quote__form{margin-top:2rem;}
}
.quote__form form{display:flex;gap:0.75rem;align-items:center;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:flex;gap:0.75rem;position:absolute;left:30.9375rem;bottom:max(28px, 2.25rem);}
@media(max-width:1023.9px){
.quote__socials2{display:none;}
}
@media(max-width:767.9px){
.quote__socials2{display:flex;position:inherit;margin-top:1rem;}
}
.quote__socials2:before{content:"";width:1px;height:3.5rem;background-color:var(--c-white-40);margin-right:0.75rem;}
@media(max-width:767.9px){
.quote__socials2:before{display:none;}
}
.quote__icon2{border-radius:0.75rem;padding:1rem;display:flex;background-color:#ffffff;transition:background-color 0.3s ease;}
.quote__icon2 svg{width:1.5rem;height:1.5rem;}
.quote__icon2 path{fill:var(--c-black-60);transition:fill 0.3s ease;}
.quote__icon2:hover{background-color:#1C1C1C;}
.quote__icon2:hover path{fill:#ffffff;}
.quote__desc{margin-top:auto;max-width:42.625rem;}
@media(max-width:767.9px){
.quote__desc{margin-top:2rem;}
}
.products__container{display:flex;flex-direction:column;}
.products__grid{display:flex;flex-wrap:wrap;margin:1.5rem 0 0;gap:1rem;}
.products__item{padding:2.5rem;display:flex;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){order:1;}
.solutions .products__item:nth-child(1){order:1;}
.solutions .products__item:nth-child(2){order:5;}
.solutions .products__item:nth-child(3){order:2;}
.solutions .products__item:nth-child(4){order:4;}
.solutions .products__item:nth-child(5){order:3;}
.solutions .products__item:nth-child(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%;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:flex;flex-direction:column;gap:0.375rem;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:flex;justify-content:space-between;align-items:center;margin-top:auto;width:100%;}
@media(max-width:767.9px){
.products__bottom{margin-top:1.625rem;}
}
.products__bottom .jb-btn{color:var(--c-primary);padding:0.75rem;font-size:0.75rem;}
.products__price{font-weight:500;font-size:1.5rem;line-height:1.2;color:#ffffff;display:flex;flex-direction:column;gap:0.375rem;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;object-fit:cover;}
.products__btn{margin-top:auto;}
.process__container{background-color:var(--c-bg-1);border-radius:0.75rem;overflow:hidden;display:flex;flex-direction:column;padding:2.5rem;}
@media(max-width:767.9px){
.process__container{padding:1.5rem 1.5rem;}
}
.process__header{display:flex;gap:0 1rem;}
.process__desc{margin-top:1rem;max-width:33.5rem;opacity:0.6;}
@media(max-width:767.9px){
.process__desc{margin-top:1rem;}
}
.process__swiper{display:flex;gap:0 1rem;margin-top:3rem;cursor:grab;}
.process__swiper .swiper-wrapper{align-items:stretch;height:unset;}
.process__slide{display:flex;flex-direction:column;width:21.75rem;background-color:var(--c-primary);color:#000000;border-radius:0.75rem;padding:2rem;position:relative;}
.process__slide--light{background-color:var(--c-bg-2);}
@media(max-width:767.9px){
.process__slide{width:17.5rem;padding:1.5rem;}
}
.process__icon{padding:0.75rem;border-radius:0.75rem;background-color:#1C1C1C;width:fit-content;display:flex;}
.process__icon svg{width:2rem;height:2rem;}
.process__icon path{stroke:var(--c-primary);}
.process__slide--light .process__icon path{stroke:var(--c-bg-2);}
.process__stage{font-family:var(--ff-2);margin-top:2.5rem;font-weight:500;line-height:1.2;}
.process__txt{margin-top:2.5rem;display:flex;flex-direction:column;gap:1rem;}
.process__txt p{color:var(--c-black);}
.process__txt-name{font-size:1.5rem;}
@media(max-width:767.9px){
.process__txt-name{font-size:1.25rem;}
}
.projects__container{display:flex;flex-direction:column;}
.projects__header{display:flex;gap:0 1rem;}
.projects__list{display:flex;flex-direction:column;margin-top:1.5rem;}
.projects__item{display:flex;justify-content:space-between;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{flex-direction:column;align-items:center;gap:0.5rem 0.625rem;padding:2rem 0;}
.projects__item:first-child{padding-top:0.5rem;}
.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{font-size:1.25rem;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{order:-1;width:100%;}
}
.projects__image img, .projects__image video{width:100%;height:20rem;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__image video{object-position:top;}
.projects__btn{margin-top:3rem;}
@media(max-width:767.9px){
.projects__btn{margin-top:1.5rem;}
}
.daily__title{width:71rem;margin-top:0;margin-bottom:6.625rem;font-size:3rem;color:#fff;line-height:1.2;}
@media(max-width:767.9px){
.daily__title{width:100%;margin-bottom:2rem;font-size:1.25rem;}
}
.daily__grid{display:grid;grid-template-columns:repeat(4, 1fr);row-gap:1.5rem;column-gap:1rem;}
@media(max-width:767.9px){
.daily__grid{grid-template:repeat(2, auto)/auto;row-gap:1rem;}
}
.daily__grid p{margin-bottom:0;}
.daily__grid .daily__text-2{margin-bottom:1.375rem;}
.daily__img-wrap-1{grid-column:1/span 2;}
@media(max-width:767.9px){
.daily__img-wrap-1{height:15rem;}
}
@media(max-width:767.9px){
.daily__img-wrap-1 img{object-position:right;}
}
.daily__img-wrap-2{grid-row:2;grid-column:1;margin-top:5.875rem;}
@media(max-width:767.9px){
.daily__img-wrap-2{margin-top:1rem;grid-column:1;grid-row:3;}
}
.daily__img-wrap-3{grid-row:2;grid-column:3;margin-top:5.875rem;}
@media(max-width:767.9px){
.daily__img-wrap-3{margin-top:1rem;grid-column:2;grid-row:3;}
}
.daily__img-wrap-4{grid-row:2;grid-column:4;margin-top:5.875rem;}
@media(max-width:767.9px){
.daily__img-wrap-4{margin-top:0;grid-row:4;grid-column:1/span 2;}
}
.daily__img-wrap-5{grid-row:3;grid-column:1/span 2;margin-top:5.875rem;}
@media(max-width:767.9px){
.daily__img-wrap-5{height:15rem;grid-row:5;margin-top:0;}
}
.daily__img{width:100%;height:100%;object-fit:cover;border-radius:0.75rem;}
.daily__text{font-size:1rem;line-height:1.4;margin-bottom:0;}
.daily__text-1{align-self:end;}
@media(max-width:767.9px){
.daily__text-1{grid-column:1/span 2;grid-row:2;}
}
.daily__text-2{grid-row:3;grid-column:3;align-self:end;}
@media(max-width:767.9px){
.daily__text-2{grid-column:1/span 2;grid-row:6;}
}
.faq__container{display:flex;flex-direction:column;}
.faq__header{display:flex;gap:0 1rem;}
@media(max-width:767.9px){
.faq__header{flex-direction:column-reverse;align-items:flex-start;gap:0.25rem;}
}
.faq__list{display:flex;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;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;transition:opacity 0.3s ease;}
.faq__item{display:flex;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{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:flex;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;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;}
.faq--materials .faq__list{counter-reset:materials;}
.faq--materials .faq__item{align-items:flex-start;gap:1.5rem;counter-increment:materials;}
.faq--materials .faq__item:before {
content: "{ " counter(materials, decimal-leading-zero) " }";
flex: 0 0 auto;
min-width: 3.5rem;
color: var(--c-white-40);
font-size: max(12px, 1rem);
line-height: 1.5;
}
@media(max-width:767.9px){
.faq--materials .faq__item:before {
min-width: 2rem;
}
}
.faq--materials .faq__contents {
flex: 1 1 auto;
width: auto;
}
.faq--materials .faq__icon {
flex: 0 0 auto;
width: 0.75rem;
height: 0.75rem;
margin-top: 0.5rem;
border-right: 0.1rem solid var(--c-white);
border-bottom: 0.1rem solid var(--c-white);
transform: rotate(45deg);
transition: transform 0.3s ease, border-color 0.3s ease;
}
.faq--materials .faq__icon:before, .faq--materials .faq__icon:after {
content: none;
}
.faq--materials .faq__item.active .faq__icon {
transform: rotate(225deg);
border-color: var(--c-primary);
}
.faq--materials .faq__layout {
display: block;
}
.faq--materials .faq__layout--media {
display: grid;
grid-template-columns: 26.25rem 1fr;
gap: 2.5rem;
align-items: center;
}
@media(max-width:1023.9px){
.faq--materials .faq__layout--media {
grid-template-columns: 20rem 1fr;
gap: 1.5rem;
}
}
@media(max-width:767.9px){
.faq--materials .faq__layout--media {
grid-template-columns: 1fr;
gap: 1rem;
}
}
.faq--materials .faq__media img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
border-radius: 0.75rem;
}
@media(max-width:767.9px){
.faq--materials .faq__media img {
border-radius: 0.5rem;
}
}
.faq--materials .faq__body ul {
margin: 0 0 1.5rem 1.25rem;
color: var(--c-white-60);
}
.faq--materials .faq__body ul li {
margin-bottom: 0.5rem;
line-height: 1.4;
}
.faq--materials .faq__btn {
margin-top: 0;
}
.testimonials {
color: #000000;
}
.testimonials__container {
display: flex;
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: 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: grab;
}
@media(max-width:767.9px){
.testimonials__swiper {
margin-top: 2.5rem;
}
}
.testimonials__slide {
display: flex;
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 a {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
@media(max-width:767.9px){
.testimonials__slide--video a {
justify-content: end;
}
}
.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;
transition: opacity 0.3s ease;
}
@media(max-width:767.9px){
.testimonials__overlay {
opacity: 0.3;
}
}
.testimonials__slide:hover .testimonials__overlay {
opacity: 0;
}
.testimonials__play {
display: flex;
transition: transform 0.3s ease;
outline: none;
align-self: center;
margin-top: 2rem;
}
@media(max-width:767.9px){
.testimonials__play {
align-self: end;
}
}
.testimonials__play svg {
width: 3.5rem;
height: 3.5rem;
}
.testimonials__play:hover {
transform: scale(1.1);
}
.testimonials__author {
width: 2.875rem;
border-radius: 50%;
}
.testimonials__slide--video .testimonials__author {
width: 100%;
height: 100%;
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: flex;
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: fit-content;
display: flex;
align-items: center;
gap: 0.5rem;
}
@media(max-width:767.9px){
.testimonials__source {
padding: 0.75rem;
}
}
.testimonials__source svg {
width: auto;
height: 1.125rem;
transition: opacity 0.3s ease;
}
.testimonials__source g {
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: fit-content;
}
@media(max-width:767.9px){
.testimonials__name {
padding: 0.75rem;
}
.testimonials__slide--video .testimonials__name {
display: none;
}
}
.testimonials__label {
color: #ffffff;
font-weight: 500;
font-size: 1.25rem;
}
@media(max-width:767.9px){
.testimonials__label {
font-size: 1rem;
display: none;
}
}
.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: flex;
gap: 30px;
flex-wrap: nowrap;
align-items: center;
margin-bottom: 30px;
position: relative;
}
@media screen and (max-width:1024px){
.callback__form {
flex-wrap: wrap;
margin-bottom: 40px;
}
}
.callback__form.sending::before {
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 {
align-self: normal;
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: flex;
gap: 11px;
align-items: center;
}
@media screen and (max-width:767px){
.callback__direct {
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;
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 {
flex-wrap: wrap;
}
.callback-modal .callback__form_divider.line {
width: 100%;
height: 1px;
}
.callback-modal .callback__form .submit-wrapper {
width: 100%;
}
.callback--dark .jb-container-card {
background-color: #1C1C1C;
padding: 2.5rem;
border-radius: 0.75rem;
}
@media(max-width:1023.9px){
.callback--dark .jb-container-card {
padding: 1.5rem;
}
}
@media(max-width:767.9px){
.callback--dark .jb-container-card {
padding: 0;
background-color: transparent;
border-radius: 0;
}
}
.callback--dark .jb-container-card__inner {
max-width: none;
}
.callback--dark .jb-title {
color: var(--c-white);
margin-bottom: 0;
font-size: 3rem;
line-height: 1.2;
}
@media(max-width:1023.9px){
.callback--dark .jb-title {
font-size: 1.75rem;
}
}
.callback--dark .callback__wrapper {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 1rem;
align-items: stretch;
width: 100%;
}
@media(max-width:767.9px){
.callback--dark .callback__wrapper {
grid-template-columns: 1fr;
}
}
.callback--dark .callback__left {
flex: 1 0 0;
min-width: 0;
display: flex;
flex-direction: column;
gap: 2.5rem;
}
@media(max-width:1023.9px){
.callback--dark .callback__left {
gap: 1.5rem;
}
}
@media(max-width:767.9px){
.callback--dark .callback__left {
background-color: #1C1C1C;
border-radius: 0.75rem;
padding: 1.5rem;
}
}
.callback--dark .callback__subtitle {
margin-bottom: 0;
color: var(--c-white-60);
}
.callback--dark .callback__desc {
max-width: 26.25rem;
color: var(--c-white-60);
font-size: max(12px, 1rem);
line-height: 1.4;
margin-bottom: 0 !important;
opacity: 1;
}
.callback--dark .callback__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.5rem;
color: var(--c-white-60);
}
.callback--dark .callback__list li {
position: relative;
padding-left: 1.125rem;
margin: 0;
font-size: max(12px, 1rem);
line-height: 1.4;
}
.callback--dark .callback__list li:before {
content: "";
position: absolute;
left: 0;
top: 0.375rem;
width: 0.75rem;
height: 0.75rem;
background-color: var(--c-primary);
-webkit-mask: url(//jbstudio.pro/wp-content/themes/web-jb/images/rkn-152fz/icon-check.svg) center/contain no-repeat;
mask: url(//jbstudio.pro/wp-content/themes/web-jb/images/rkn-152fz/icon-check.svg) center/contain no-repeat;
}
.callback--dark .callback__right {
flex: 1 0 0;
min-width: 0;
background-color: #2F2F2F;
border-radius: 0.75rem;
padding: 2.5rem;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
@media(max-width:1023.9px){
.callback--dark .callback__right {
padding: 1.5rem;
gap: 1rem;
}
}
@media(max-width:767.9px){
.callback--dark .callback__right {
background-color: #1C1C1C;
}
}
.callback--dark .callback__right h3, .callback--dark .callback__right .callback__form-title {
font-family: var(--ff-2);
font-size: 1.5rem;
font-weight: 500;
line-height: 1.2;
color: var(--c-white);
margin: 0;
}
.callback--dark .callback__right input[type=text],
.callback--dark .callback__right input[type=email],
.callback--dark .callback__right input[type=tel],
.callback--dark .callback__right input[type=url],
.callback--dark .callback__right textarea {
width: 100%;
background-color: var(--c-bg-2);
border: none;
border-radius: 0.5rem;
padding: 0.625rem 1.5rem;
height: 3.5rem;
color: var(--c-black);
font-family: var(--ff-1);
font-size: max(12px, 1rem);
line-height: 1.4;
}
.callback--dark .callback__right input[type=text]::placeholder,
.callback--dark .callback__right input[type=email]::placeholder,
.callback--dark .callback__right input[type=tel]::placeholder,
.callback--dark .callback__right input[type=url]::placeholder,
.callback--dark .callback__right textarea::placeholder {
color: rgba(0, 0, 0, 0.6);
}
.callback--dark .callback__right .wpcf7-form-control-wrap {
position: relative;
display: block;
}
.callback--dark .callback__right input.wpcf7-not-valid, .callback--dark .callback__right input.invalid, .callback--dark .callback__right textarea.wpcf7-not-valid, .callback--dark .callback__right textarea.invalid {
height: auto;
padding-bottom: 1.6875rem;
}
.callback--dark .callback__right form {
display: flex;
flex-direction: column;
gap: 1.5rem;
flex-wrap: nowrap;
margin-bottom: 0;
}
@media(max-width:1023.9px){
.callback--dark .callback__right form {
gap: 1rem;
}
}
.callback--dark .callback__right .wpcf7-acceptance .wpcf7-list-item-label {
color: var(--c-white-60);
font-size: max(12px, 0.75rem);
}
.callback--dark .callback__right .wpcf7-acceptance .wpcf7-list-item-label a {
color: var(--c-white-60);
font-size: inherit;
text-decoration: underline;
}
.callback--dark .callback__right .wpcf7-acceptance .wpcf7-list-item-label a:hover {
text-decoration: none;
}
.callback--dark .callback__right .wpcf7-acceptance .wpcf7-list-item-label:before {
border-color: var(--c-bg-2);
}
.callback--dark .callback__right .jb-btn, .callback--dark .callback__right .wpcf7-submit {
align-self: flex-start;
min-width: auto;
width: auto;
background-color: var(--c-primary);
color: var(--c-black);
border-radius: 0.5rem;
padding: 0.75rem 1.5rem;
height: 3.5rem;
font-family: var(--ff-2);
font-size: max(12px, 1rem);
font-weight: 500;
border: none;
}
.callback--dark .callback__right .jb-btn:after, .callback--dark .callback__right .wpcf7-submit:after {
content: "→";
margin-left: 0.25rem;
}
.banner {
display: flex;
flex-direction: column;
position: relative;
margin-top: 6rem;
margin-bottom: 1.5rem;
}
@media(max-width:767.9px){
.banner {
margin-top: 5rem;
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;
flex-direction: row;
gap: 2.5rem 1.25rem;
align-items: center;
justify-content: space-between;
min-height: 42.5rem;
}
@media(max-width:767.9px){
.banner__container {
padding: 2.5rem 1.5rem 1.5rem;
flex-direction: column;
}
}
.banner__contents {
display: flex;
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;
opacity: 0.01;
}
@media(max-width:767.9px){
.banner__title {
font-size: 2.375rem;
}
}
.banner__subtitle {
font-weight: 500;
}
.banner__desc {
opacity: 0.6;
max-width: 31.25rem;
margin-bottom: 0 !important;
}
.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;
}
.banner__list {
display: flex;
gap: 0.5rem;
}
@media(max-width:767.9px){
.banner__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
.banner__item {
display: flex;
align-items: center;
justify-content: center;
background-color: #2F2F2F;
border-radius: 0.75rem;
padding: 0.5rem 1rem;
gap: 0.5rem;
}
@media(max-width:767.9px){
.banner__item {
padding: 0.5rem 0.375rem;
}
}
.banner__item-icon {
width: 1.5rem;
height: 1.5rem;
}
.banner--rkn {
margin-top: 7.5rem;
}
@media(max-width:1023.9px){
.banner--rkn {
margin-top: 6.25rem;
}
}
@media(max-width:767.9px){
.banner--rkn {
margin-top: 5rem;
}
}
.banner--rkn .banner__container {
background: #1C1C1C;
padding: 0;
padding: 2.5rem 0 2.5rem 2.5rem;
min-height: 42.5rem;
overflow: hidden;
position: relative;
}
@media(max-width:1023.9px){
.banner--rkn .banner__container {
padding-left: 1.5rem;
min-height: 30rem;
}
}
@media(max-width:767.9px){
.banner--rkn .banner__container {
padding: 2rem 1.25rem 20rem;
min-height: unset;
flex-direction: column;
background-image: url(//jbstudio.pro/wp-content/themes/web-jb/images/rkn-152fz/hero-right.webp);
background-position: right bottom;
background-repeat: no-repeat;
background-size: auto 20rem;
}
}
.banner--rkn .banner__contents {
width: 44.375rem;
gap: 2.5rem;
}
@media(max-width:1023.9px){
.banner--rkn .banner__contents {
width: 55%;
gap: 1.5rem;
}
}
@media(max-width:767.9px){
.banner--rkn .banner__contents {
width: 100%;
}
}
.banner--rkn .banner__title {
font-size: 5.75rem;
font-weight: 600;
letter-spacing: -0.02em;
}
@media(max-width:767.9px){
.banner--rkn .banner__title {
font-size: 3rem;
font-weight: 500;
}
}
.banner--rkn .banner__desc {
max-width: 33.75rem;
opacity: 1;
color: var(--c-white-60);
}
.banner--rkn .banner__list--metrics {
gap: 1.25rem;
}
@media(max-width:767.9px){
.banner--rkn .banner__list--metrics {
gap: 1.5rem;
}
}
.banner--rkn .banner__list--metrics .banner__item {
background-color: transparent;
border-radius: 0;
padding: 0;
gap: 0.5rem;
flex-direction: row;
align-items: baseline;
justify-content: flex-start;
}
@media(max-width:767.9px){
.banner--rkn .banner__list--metrics .banner__item {
flex-direction: column;
align-items: flex-start;
gap: 0.25rem;
}
}
.banner--rkn .banner__list--metrics .banner__item-value {
font-family: var(--ff-2);
font-size: 1.5rem;
font-weight: 500;
line-height: 1.2;
color: var(--c-white);
}
@media(max-width:767.9px){
.banner--rkn .banner__list--metrics .banner__item-value {
font-size: 1.25rem;
}
}
.banner--rkn .banner__list--metrics .banner__item-label {
font-size: max(12px, 1rem);
font-weight: 400;
line-height: 1.4;
color: var(--c-white-60);
white-space: nowrap;
}
.banner--rkn .banner__list--socials {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
width: 100%;
}
.banner--rkn .banner__list--socials .banner__item {
width: 100%;
padding: 1rem 1.5rem;
min-width: 0;
gap: 0.75rem;
color: var(--c-white);
border-color: transparent;
background-color: #2F2F2F;
}
.banner--rkn .banner__list--socials .banner__item:hover {
color: var(--c-black);
background-color: var(--c-primary);
}
.banner--rkn .banner__list--socials .banner__item:hover svg {
color: var(--c-black);
}
.banner--rkn .banner__list--socials .banner__item svg {
width: 2rem;
height: 2rem;
color: var(--c-primary);
flex-shrink: 0;
transition: color 0.3s ease;
}
@media(max-width:575.9px){
.banner--rkn .banner__list--socials .banner__item {
padding: 1rem;
justify-content: center;
gap: 0;
background-color: var(--c-primary);
color: var(--c-black);
}
.banner--rkn .banner__list--socials .banner__item span {
display: none;
}
.banner--rkn .banner__list--socials .banner__item svg {
color: var(--c-black);
}
}
.banner--rkn picture, .banner--rkn .banner__img {
width: 46.875rem;
height: 42.5rem;
object-fit: cover;
object-position: center;
align-self: stretch;
}
@media(max-width:767.9px){
.banner--rkn picture, .banner--rkn .banner__img {
display: none;
}
}
.banner--plan {
margin-top: 1.5rem;
}
@media(max-width:1023.9px){
.banner--plan {
margin-top: 1.25rem;
}
}
.banner--plan .banner__container {
background: transparent;
padding: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
min-height: 0;
align-items: stretch;
}
@media(max-width:767.9px){
.banner--plan .banner__container {
grid-template-columns: 1fr;
padding: 0;
}
}
.banner--plan .banner__contents {
width: auto;
flex: 1 1 0;
min-width: 0;
background-color: #1C1C1C;
border-radius: 0.75rem;
padding: 2.5rem;
gap: 2.5rem;
}
@media(max-width:1023.9px){
.banner--plan .banner__contents {
padding: 1.5rem;
gap: 1.5rem;
}
}
@media(max-width:767.9px){
.banner--plan .banner__contents {
width: 100%;
}
}
.banner--plan .banner__subtitle {
color: var(--c-white-60);
font-weight: 400;
margin-bottom: 0;
}
.banner--plan .banner__title {
font-size: 3rem;
line-height: 1.2;
letter-spacing: 0;
}
@media(max-width:1023.9px){
.banner--plan .banner__title {
font-size: 2.25rem;
}
}
@media(max-width:767.9px){
.banner--plan .banner__title {
font-size: 1.75rem;
}
}
.banner--plan .banner__list--steps {
flex-direction: column;
gap: 1rem;
width: 100%;
}
@media(max-width:1023.9px){
.banner--plan .banner__list--steps {
display: flex;
}
}
.banner--plan .banner__list--steps .banner__item {
background-color: #2F2F2F;
border-radius: 0.75rem;
padding: 1.25rem;
gap: 1.25rem;
justify-content: flex-start;
align-items: center;
flex-direction: row;
}
@media(max-width:1023.9px){
.banner--plan .banner__list--steps .banner__item {
padding: 1rem;
gap: 1rem;
}
}
@media(max-width:767.9px){
.banner--plan .banner__list--steps .banner__item {
flex-direction: column;
align-items: flex-start;
gap: 0.75rem;
}
}
.banner--plan .banner__list--steps .banner__item-icon {
width: 4.5rem;
height: 4.5rem;
background-color: #1C1C1C;
border-radius: 0.5rem;
padding: 1rem;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
@media(max-width:1023.9px){
.banner--plan .banner__list--steps .banner__item-icon {
width: 3.5rem;
height: 3.5rem;
padding: 0.75rem;
}
}
@media(max-width:767.9px){
.banner--plan .banner__list--steps .banner__item-icon {
width: 3rem;
height: 3rem;
padding: 0.5rem;
}
}
.banner--plan .banner__list--steps .banner__item-icon svg {
width: 2rem;
height: 2rem;
color: var(--c-primary);
display: block;
}
@media(max-width:1023.9px){
.banner--plan .banner__list--steps .banner__item-icon svg {
width: 1.5rem;
height: 1.5rem;
}
}
.banner--plan .banner__list--steps .banner__item-txt {
font-family: var(--ff-2);
font-size: 1.5rem;
font-weight: 500;
line-height: 1.2;
color: var(--c-white);
}
@media(max-width:1023.9px){
.banner--plan .banner__list--steps .banner__item-txt {
font-size: 1.125rem;
}
}
.banner--plan .banner__desc {
max-width: none;
opacity: 1;
color: var(--c-white-60);
font-size: max(12px, 1rem);
line-height: 1.4;
margin: 0 !important;
}
.banner--plan .banner__btn {
align-self: flex-start;
}
.banner--plan .banner__btn:after {
content: "";
width: 1.125rem;
height: 0.875rem;
background: currentColor;
-webkit-mask: url(//jbstudio.pro/wp-content/themes/web-jb/images/rkn-152fz/arrow-cta.svg) center/contain no-repeat;
mask: url(//jbstudio.pro/wp-content/themes/web-jb/images/rkn-152fz/arrow-cta.svg) center/contain no-repeat;
}
.banner--plan picture, .banner--plan .banner__img {
width: auto;
flex: 1 1 0;
min-width: 0;
align-self: stretch;
background-color: #1C1C1C;
border-radius: 0.75rem;
margin: 0;
overflow: hidden;
object-fit: cover;
object-position: bottom center;
}
@media(max-width:767.9px){
.banner--plan picture, .banner--plan .banner__img {
width: 100%;
flex: none;
min-height: 17.5rem;
}
}
.banner--plan picture {
display: flex;
}
.banner--plan picture .banner__img {
width: 100%;
height: 100%;
border-radius: 0;
background: transparent;
}
.banner--maintenance {
margin-top: 1.5rem;
}
@media(max-width:1023.9px){
.banner--maintenance {
margin-top: 1.25rem;
}
}
.banner--maintenance .banner__container {
background: transparent;
padding: 0;
gap: 1.5rem;
min-height: 0;
flex-direction: column;
align-items: stretch;
}
@media(max-width:1023.9px){
.banner--maintenance .banner__container {
padding: 0;
}
}
@media(max-width:767.9px){
.banner--maintenance .jb-section__header {
flex-direction: column-reverse;
align-items: flex-start;
gap: 0.25rem;
}
}
.banner--maintenance .jb-section__header .jb-title {
font-size: 3rem;
line-height: 1.2;
}
@media(max-width:1023.9px){
.banner--maintenance .jb-section__header .jb-title {
font-size: 1.75rem;
}
}
.banner--maintenance .banner__wrap {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 1rem;
align-items: stretch;
width: 100%;
}
@media(max-width:767.9px){
.banner--maintenance .banner__wrap {
grid-template-columns: 1fr;
}
}
.banner--maintenance .banner__contents {
width: auto;
flex: 1 0 0;
min-width: 0;
background-color: #1C1C1C;
border-radius: 0.75rem;
padding: 2.5rem;
gap: 1.5rem;
}
@media(max-width:1023.9px){
.banner--maintenance .banner__contents {
padding: 1.5rem;
gap: 1.25rem;
}
}
@media(max-width:767.9px){
.banner--maintenance .banner__contents {
width: 100%;
background-color: transparent;
padding: 0;
border-radius: 0;
gap: 1.5rem;
}
}
.banner--maintenance .banner__card-title {
font-family: var(--ff-2);
font-size: 1.5rem;
font-weight: 500;
line-height: 1.2;
color: var(--c-white);
margin: 0 0 0.75rem;
}
@media(max-width:767.9px){
.banner--maintenance .banner__card-title {
background-color: #1C1C1C;
border-radius: 0.75rem;
padding: 1.5rem;
margin: 0;
font-size: 1.25rem;
}
}
.banner--maintenance .banner__desc {
max-width: none;
opacity: 1;
color: var(--c-white-60);
font-size: max(12px, 1rem);
line-height: 1.4;
margin: 0 !important;
}
@media(max-width:767.9px){
.banner--maintenance .banner__desc {
display: none;
}
}
.banner--maintenance .banner__table {
display: flex;
flex-direction: column;
width: 100%;
background-color: #2F2F2F;
border-radius: 0.75rem;
padding: 1.25rem;
}
@media(max-width:1023.9px){
.banner--maintenance .banner__table {
padding: 0.75rem;
}
}
@media(max-width:767.9px){
.banner--maintenance .banner__table {
overflow-x: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.banner--maintenance .banner__table::-webkit-scrollbar {
display: none;
}
}
@media(max-width:435px){
.banner--maintenance .banner__table {
width: calc(100% + 1rem);
margin-right: -1rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.banner--maintenance .banner__table.is-scroll-end {
border-top-right-radius: 0.75rem;
border-bottom-right-radius: 0.75rem;
}
}
.banner--maintenance .banner__row {
display: grid;
grid-template-columns: 18.75rem 1fr 1fr;
gap: 1.25rem;
align-items: center;
padding: 0.875rem 0;
border-bottom: 1px solid var(--c-white-40);
}
@media(max-width:1023.9px){
.banner--maintenance .banner__row {
grid-template-columns: 33% 1fr 1fr;
gap: 0.75rem;
}
}
@media(max-width:767.9px){
.banner--maintenance .banner__row {
min-width: 27.5rem;
}
.banner--maintenance .banner__row .banner__cell {
white-space: nowrap;
}
}
.banner--maintenance .banner__row:last-child {
border-bottom: none;
}
.banner--maintenance .banner__cell {
font-size: max(12px, 1rem);
line-height: 1.4;
color: var(--c-white);
font-weight: 400;
}
.banner--maintenance .banner__row--head .banner__cell {
font-family: var(--ff-2);
font-weight: 500;
color: var(--c-white-60);
}
.banner--maintenance .banner__row.is-highlight {
border-bottom: none;
}
.banner--maintenance .banner__row.is-highlight .banner__cell {
color: var(--c-secondary);
font-family: var(--ff-2);
font-weight: 500;
}
.banner--maintenance .banner__note {
color: var(--c-white-60);
font-size: max(12px, 0.875rem);
line-height: 1.4;
margin: 0;
}
@media(max-width:767.9px){
.banner--maintenance .banner__note {
display: none;
}
}
.banner--maintenance picture, .banner--maintenance .banner__img {
width: auto;
flex: 1 0 0;
min-width: 0;
align-self: stretch;
background-color: var(--c-white);
border-radius: 0.75rem;
margin: 0;
overflow: hidden;
object-fit: cover;
object-position: bottom center;
}
@media(max-width:767.9px){
.banner--maintenance picture, .banner--maintenance .banner__img {
width: 100%;
flex: none;
min-height: 17.5rem;
}
}
.banner--maintenance picture {
display: flex;
}
.banner--maintenance picture .banner__img {
width: 100%;
height: 100%;
border-radius: 0;
background: transparent;
}
.banner--support {
margin-top: 7.5rem;
}
@media(max-width:1023.9px){
.banner--support {
margin-top: 6.25rem;
}
}
@media(max-width:767.9px){
.banner--support {
margin-top: 5rem;
}
}
.banner--support .banner__container {
background: #1C1C1C;
padding: 2.5rem 0 2.5rem 2.5rem;
min-height: 42.5rem;
overflow: hidden;
}
@media(max-width:1023.9px){
.banner--support .banner__container {
padding-left: 1.5rem;
min-height: 30rem;
}
}
@media(max-width:767.9px){
.banner--support .banner__container {
padding: 2rem 1.25rem 1.5rem;
min-height: unset;
flex-direction: column;
gap: 2rem;
}
}
.banner--support .banner__contents {
width: 44.375rem;
gap: 2.5rem;
}
@media(max-width:1023.9px){
.banner--support .banner__contents {
width: 55%;
gap: 1.5rem;
}
}
@media(max-width:767.9px){
.banner--support .banner__contents {
width: 100%;
gap: 1.5rem;
}
}
.banner--support .banner__title {
font-size: 5.75rem;
font-weight: 600;
letter-spacing: -0.02em;
}
@media(max-width:767.9px){
.banner--support .banner__title {
font-size: 2.5rem;
font-weight: 500;
}
}
.banner--support .banner__desc {
max-width: 33.75rem;
opacity: 1;
color: var(--c-white-60);
}
.banner--support .banner__btn {
align-self: flex-start;
}
@media(max-width:767.9px){
.banner--support picture {
width: 100%;
margin: 0;
}
}
@media(max-width:767.9px){
.features {
margin-top: -1.5rem;
}
}
.features__container {
gap: 1.5rem;
}
@media(max-width:767.9px){
.features__container {
gap: 1rem;
}
}
.features__list {
display: flex;
align-content: center;
gap: 1rem;
}
@media(max-width:767.9px){
.features__list {
flex-direction: column;
}
}
.features__block {
display: flex;
flex-direction: column;
border: 1px solid var(--c-white-40);
border-radius: 0.75rem;
padding: 3.375rem 2.5rem;
align-items: center;
justify-content: center;
gap: 1rem;
text-align: center;
width: 100%;
}
.page-template-tmp__service2 .features__block {
align-items: start;
justify-content: start;
text-align: left;
padding: 1.6875rem 4rem;
}
@media(max-width:767.9px){
.features__block {
padding: 1.5rem !important;
}
}
.features__value {
font-size: 3rem;
line-height: 1.2;
font-weight: 500;
display: flex;
gap: 0.4375rem;
position: relative;
}
.page-template-tmp__service2 .features__value {
font-size: 1.5rem;
}
@media(max-width:767.9px){
.features__value {
font-size: 1.25rem !important;
}
}
.features__desc {
color: var(--c-white-60);
}
.features__desc ul {
margin-bottom: 0;
}
.features-top__list {
display: flex;
gap: 0.5rem;
}
@media(max-width:767.9px){
.features-top__list {
flex-direction: column;
}
}
.features-top__block {
display: flex;
align-items: center;
justify-content: center;
height: 4rem;
background-color: #2F2F2F;
border-radius: 0.75rem;
padding: 1rem;
text-align: center;
width: 100%;
}
@media(max-width:767.9px){
.features-top__block {
height: 2.5rem;
border-radius: 0.5rem;
}
}
.features--rkn {
margin-bottom: 1.5rem;
}
.features--rkn .jb-section__header {
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
}
.features--rkn .jb-section__header .jb-title {
font-size: 3rem;
line-height: 1.2;
font-weight: 500;
}
@media(max-width:1023.9px){
.features--rkn .jb-section__header .jb-title {
font-size: 1.75rem;
}
}
.features--rkn .features__list {
gap: 1rem;
}
.features--rkn .features__block {
background-color: #1C1C1C;
border: none;
padding: 2.5rem;
gap: 0;
align-items: flex-start;
justify-content: flex-start;
text-align: left;
}
@media(max-width:1023.9px){
.features--rkn .features__block {
padding: 1.5rem !important;
gap: 0;
}
}
@media(max-width:767.9px){
.features--rkn .features__block {
display: grid !important;
grid-template-columns: auto 1fr;
gap: 1rem;
padding: 1.25rem !important;
}
}
.features--rkn .features__icon {
width: 4.5rem;
height: 4.5rem;
background-color: #2F2F2F;
border-radius: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
flex-shrink: 0;
margin-bottom: 2.5rem;
}
@media(max-width:1023.9px){
.features--rkn .features__icon {
margin-bottom: 1.5rem;
}
}
.features--rkn .features__icon svg {
width: 2rem;
height: 2rem;
color: var(--c-primary);
display: block;
}
@media(max-width:767.9px){
.features--rkn .features__icon {
width: 3rem;
height: 3rem;
padding: 0.625rem;
margin-bottom: 0;
grid-row: 1/2;
grid-column: 1/2;
}
.features--rkn .features__icon svg {
width: 1.5rem;
height: 1.5rem;
}
}
.features--rkn .features__block h3 {
font-family: var(--ff-2);
font-size: 1.5rem;
font-weight: 500;
line-height: 1.2;
color: var(--c-white);
margin: 0 0 1rem;
}
@media(max-width:767.9px){
.features--rkn .features__block h3 {
font-size: 1.25rem;
margin: 0;
align-self: center;
grid-row: 1/2;
grid-column: 2/3;
}
}
@media(max-width:767.9px){
.features--rkn .features__desc {
grid-column: 1/3;
grid-row: 2/3;
margin-top: 0;
}
}
.problems__container {
display: flex;
flex-direction: column;
}
.problems__grid {
display: flex;
margin: 1.5rem 0 0;
gap: 1rem;
}
@media(max-width:767.9px){
.problems__grid {
flex-direction: column;
}
}
.problems__item {
padding: 2.5rem;
display: flex;
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%;
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;
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;
}
.page-template-tmp__policy .top__title {
max-width: unset;
}
}
@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;
}
.top-about {
margin-top: 6.5rem;
}
.top-about__container {
flex-direction: row;
gap: 1rem;
}
@media(max-width:767.9px){
.top-about__container {
flex-direction: column;
gap: 1.5rem;
}
}
.top-about__left {
flex: 1;
display: flex;
flex-direction: column;
gap: 2.5rem;
}
@media(max-width:767.9px){
.top-about__left {
gap: 2rem;
}
}
.top-about__title {
font-size: 3rem;
font-weight: 500;
line-height: 1.2;
}
@media(min-width:768px){
.page-template-tmp__policy .top-about__title {
max-width: unset;
}
}
@media(max-width:767.9px){
.top-about__title {
font-size: 2.25rem;
}
.page-template-tmp__policy .top-about__title {
font-size: 2rem;
}
}
.top-about__right {
flex: 1;
display: flex;
align-items: flex-end;
margin-top: 14rem;
gap: 1rem;
}
@media(max-width:767.9px){
.top-about__right {
flex-direction: column-reverse;
margin-top: 5rem;
}
}
.top-about__desc {
margin-bottom: 0;
}
.top-about__desc:not(:last-child) {
margin-bottom: 0;
}
.top-about__img-wrap {
width: min(100%, 23rem);
min-width: 23rem;
border-radius: 0.75rem;
overflow: hidden;
}
@media(max-width:767.9px){
.top-about__img-wrap {
width: 100%;
min-width: unset;
}
}
.top-about__img {
width: 100%;
height: 100%;
object-fit: cover;
}
.policy__container {
display: flex;
flex-direction: row;
gap: 7.5rem;
}
.policy__list {
display: flex;
flex-direction: column;
gap: 5rem;
width: fit-content;
}
@media(max-width:767.9px){
.policy__list {
gap: 2.5rem;
}
}
.policy__contents {
display: flex;
flex-direction: column;
gap: 1rem;
width: 25rem;
padding: 2rem;
border: 1px solid var(--c-white-40);
border-radius: 0.75rem;
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__txt strong {
color: var(--c-white);
font-size: 1.5rem;
}
@media(max-width:767.9px){
.policy__txt strong {
margin-bottom: 1.25rem;
}
}
.policy__txt p {
margin: 0 0 1rem 0;
}
@media(max-width:767.9px){
.policy__txt p {
margin-bottom: 0.75rem;
}
}
.policy__txt ul {
list-style: none;
padding: 0;
margin: 0 0 1rem 0;
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.policy__txt ul li {
position: relative;
padding-left: 1.25rem;
}
.policy__txt ul li::before {
content: "";
position: absolute;
left: 0;
top: 0.625rem;
width: 0.375rem;
height: 0.375rem;
border-radius: 50%;
background-color: var(--c-white-40, rgba(255, 255, 255, 0.4));
}
.policy__txt ul.policy-kv {
background-color: #1C1C1C;
border-radius: 0.75rem;
padding: 1.5rem 2rem;
margin: 0.5rem 0 1.5rem;
gap: 1rem;
}
@media(max-width:767.9px){
.policy__txt ul.policy-kv {
padding: 1rem 1.25rem;
gap: 0.75rem;
}
}
.policy__txt ul.policy-kv > li {
padding-left: 0;
}
.policy__txt ul.policy-kv > li::before {
display: none;
}
.policy__txt ul.policy-kv > li strong {
display: inline;
font-size: inherit;
color: var(--c-white);
margin-right: 0.375rem;
}
.policy__txt ul.policy-cards {
background: none;
padding: 0;
gap: 1rem;
}
.policy__txt ul.policy-cards > li {
padding-left: 0;
}
.policy__txt ul.policy-cards > li::before {
display: none;
}
.policy__txt ul.policy-cards > li > ul.policy-kv {
margin: 0;
}
.policy__link {
font-size: 0.875rem;
}
.policy__req {
display: flex;
flex-direction: column;
background-color: #1C1C1C;
border-radius: 0.75rem;
padding: 2.5rem;
gap: 1.5rem;
}
@media(max-width:767.9px){
.policy__req {
padding: 1.5rem;
gap: 0.625rem;
}
}
.policy .req__item {
display: flex;
gap: 1rem;
}
@media(max-width:767.9px){
.policy .req__item {
gap: 0.5rem;
}
}
.policy .req__item:not(:last-child) {
padding-bottom: 1.5rem;
border-bottom: 1px solid var(--c-white-40);
}
@media(max-width:767.9px){
.policy .req__item:not(:last-child) {
padding-bottom: 0.625rem;
}
}
.policy .req__title {
font-family: var(--ff-2);
font-size: 1.5rem;
line-height: 100%;
font-weight: 500;
color: var(--c-white);
margin-bottom: 0.5rem;
}
@media(max-width:767.9px){
.policy .req__title {
font-size: 1.25rem;
}
}
.contacts {
margin-top: 5rem;
display: flex;
flex-direction: column;
gap: 7.5rem;
}
@media(max-width:767.9px){
.contacts {
gap: 3.75rem;
}
}
.contacts__container {
display: flex;
flex-direction: row;
gap: 1rem;
}
@media(max-width:767.9px){
.contacts__container {
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: flex;
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: flex;
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: flex;
gap: 1rem;
}
.contacts__buttons a {
display: flex;
flex-direction: column;
gap: 0.75rem;
padding: 1.5rem;
background-color: #2F2F2F;
border-radius: 0.75rem;
width: 100%;
align-items: center;
justify-content: center;
}
@media(max-width:767.9px){
.contacts__buttons a {
padding: 1rem;
}
}
@media(max-width:767.9px){
.contacts__buttons a span {
display: none;
}
}
.contacts__buttons a svg {
width: 2rem;
height: 2rem;
}
.contacts__buttons a svg path {
transition: all 0.3s ease;
}
.contacts__list {
display: flex;
flex-direction: column;
gap: 1rem;
}
.contacts__item {
display: flex;
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%;
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: flex;
gap: 1rem;
align-items: center;
flex-wrap: wrap;
}
@media(min-width:768px){
.quiz form {
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: flex;
flex-wrap: wrap;
gap: 1rem;
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 {
order: -1;
}
}
#newCalculate {
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: flex;
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;
user-select: none;
}
.answer-variants__variant-text label {
width: 100%;
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: flex;
align-items: center;
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;
-o-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] {
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;
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 {
order: 1;
width: 50%;
}
.quiz-navbar__progress {
order: 2;
}
.quiz-navbar {
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;
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: grid;
grid-template-columns: repeat(4, 1fr);
row-gap: 1.5rem;
column-gap: 1rem;
}
@media(max-width:767.9px){
.about__container {
grid-template: repeat(2, auto)/auto;
row-gap: 1rem;
}
}
.about__container p {
margin-bottom: 0;
}
.about__container .about__text-3 {
margin-bottom: 1.375rem;
}
.about__img-wrap-1 {
grid-column: 1/span 2;
}
@media(max-width:767.9px){
.about__img-wrap-1 {
height: 15rem;
}
}
.about__img-wrap-2 {
grid-row: 2;
grid-column: 3;
margin-top: 5.875rem;
}
@media(max-width:767.9px){
.about__img-wrap-2 {
margin-top: 1rem;
grid-column: 1;
grid-row: 4;
}
}
.about__img-wrap-3 {
grid-row: 2;
grid-column: 4;
margin-top: 5.875rem;
}
@media(max-width:767.9px){
.about__img-wrap-3 {
margin-top: 1rem;
grid-column: 2;
grid-row: 4;
}
}
.about__img-wrap-4 {
grid-column: 1/span 2;
grid-row: 4;
margin-top: 5.875rem;
}
@media(max-width:767.9px){
.about__img-wrap-4 {
grid-row: 6;
margin-top: 4rem;
height: 15rem;
}
}
.about__img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0.75rem;
}
.about__text {
font-size: 1rem;
line-height: 1.4;
margin-bottom: 0;
}
.about__text-1 {
align-self: end;
}
@media(max-width:767.9px){
.about__text-1 {
grid-column: 1/span 2;
grid-row: 2;
}
}
.about__text-2 {
grid-row: 3;
grid-column: 3;
}
@media(max-width:767.9px){
.about__text-2 {
grid-column: 1/span 2;
grid-row: 5;
}
}
.about__text-3 {
grid-row: 4;
grid-column: 3;
align-self: end;
}
@media(max-width:767.9px){
.about__text-3 {
grid-column: 1/span 2;
grid-row: 7;
}
}
.about__title {
grid-row: 2;
grid-column: 1/span 2;
font-size: 3rem;
color: #fff;
font-weight: 500;
line-height: 1.2;
margin-top: 5.875rem;
}
@media(max-width:767.9px){
.about__title {
margin-top: 4rem;
font-size: 1.75rem;
grid-row: 3;
}
}
.team__container {
display: flex;
flex-direction: column;
gap: 1rem;
}
@media(max-width:767.9px){
.team__container {
gap: 1rem;
}
}
.team__header {
display: flex;
gap: 0 1rem;
}
.team__tabs {
display: flex;
gap: 0.75rem;
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;
transition: color 0.3s ease;
}
.team__tabs span:hover, .team__tabs span.active {
color: #FB4F08;
}
.team__grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 1rem;
margin-top: 0.5rem;
}
@media(max-width:767.9px){
.team__grid {
grid-template-columns: repeat(2, 1fr);
}
}
.team__item {
display: flex;
background-color: var(--c-black-20);
border-radius: 0.75rem;
padding: 2rem 1rem;
align-items: end;
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 {
align-items: 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: linear-gradient(180deg, rgba(251, 79, 8, 0) 50.4%, rgba(251, 79, 8, 0.7) 100%);
opacity: 0;
transition: opacity 0.3s ease;
}
.team__item:hover:after, .team__item.active:after {
opacity: 1;
}
.team__content {
display: flex;
flex-direction: column;
gap: 0.25rem;
z-index: 10;
opacity: 0;
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%;
object-fit: cover;
filter: grayscale(100%);
transform: scale(1.02);
transition: all 0.3s ease;
}
.team__item:hover .team__img, .team__item.active .team__img {
opacity: 1;
filter: grayscale(0%);
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: flex;
align-items: 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;
max-width: 72.5rem;
}
@media(max-width:767.9px){
.project-hero__banner h1 {
font-size: 2.75rem;
}
}
.project-hero__banner picture {
position: absolute;
width: 100%;
height: 100%;
}
.project-hero__img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0.75rem;
}
.project-hero__wrapper {
overflow: hidden;
padding: 1rem 0;
}
.project-hero__content {
display: flex;
align-items: start;
gap: 1.5rem;
justify-content: space-between;
}
@media(max-width:767.9px){
.project-hero__content {
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: flex;
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: flex;
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;
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: flex;
justify-content: center;
border-radius: 0.75rem;
}
@media(min-width:768px){
.project__video.full {
grid-column: span 2;
}
}
.project__video video {
width: 100%;
height: auto;
border-radius: 0.75rem;
}
.project__video--frame {
padding: 9.6875rem;
background-color: #54595F;
}
@media(max-width:767.9px){
.project__video--frame {
padding: 2rem;
}
}
.project__video--frame video {
max-height: 28.25rem;
height: 100%;
width: auto;
}
@media(max-width:767.9px){
.project__video--frame video {
max-height: 6.0625rem;
}
}
.project__play {
position: absolute;
top: calc(50% - 1.75rem);
left: calc(50% - 1.75rem);
border-radius: 50%;
cursor: pointer;
z-index: 2;
display: block;
transition: transform 0.3s ease;
border: 0;
}
.project__play svg {
width: 3.5rem;
height: 3.5rem;
}
.project__play:hover {
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: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
@media(max-width:767.9px){
.project__gallery {
grid-template-columns: 1fr;
}
.project__gallery--cols-4 {
grid-template-columns: 1fr 1fr;
}
}
@media(min-width:768px){
.project__gallery .full {
grid-column: span 2;
}
.project__gallery--full > * {
grid-column: span 2;
}
.project__gallery--cols-4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
.project__gallery picture {
width: 100%;
}
.project__gallery img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0.75rem;
}
.project__gallery .gallery-video {
width: 100%;
border-radius: 0.75rem;
}
.project__gallery .gallery-video video {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 1.5rem;
}
.project__gallery .gallery-video.full {
padding: 7.5rem 12rem;
background-color: var(--case-bg-color);
}
@media(max-width:767.9px){
.project__gallery .gallery-video.full {
padding: 1.5625rem 2.5rem;
}
}
.project__gallery .gallery-video.full video {
height: auto;
}
.project__tags {
display: flex;
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;
}
.icongrid {
display: flex;
flex-direction: column;
}
.icongrid__container {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.icongrid__header {
display: flex;
gap: 0 1rem;
}
.icongrid__header .jb-btn {
margin-left: auto;
}
@media(max-width:767.9px){
.icongrid__header .jb-btn {
display: none;
}
}
.icongrid__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1rem;
}
@media(max-width:767.9px){
.icongrid__grid {
grid-template-columns: repeat(2, 1fr);
gap: 0.5rem;
}
}
.icongrid__item {
display: flex;
align-items: center;
background-color: #F1F1F1;
border-radius: 0.75rem;
height: 7.5rem;
justify-content: center;
padding: 0.5rem 0.75rem;
}
.icongrid__item--wide {
grid-column: span 2;
}
@media(max-width:767.9px){
.icongrid__item {
height: 3.5rem;
}
}
.icongrid__item svg {
width: auto;
height: auto;
max-width: 100%;
max-height: clamp(1.5625rem, 4vw, 3.125rem);
}
.iconlist {
display: flex;
flex-direction: column;
}
.iconlist__container {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.iconlist__desc {
max-width: 47.5rem;
opacity: 0.6;
}
.iconlist__list {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 0.5rem;
}
@media(max-width:767.9px){
.iconlist__list {
grid-template-columns: 1fr;
}
}
.iconlist__item {
display: grid;
grid-template-columns: auto 1fr;
gap: 1.5rem;
padding: 1.5rem;
border-radius: 0.75rem;
background-color: #1C1C1C;
align-items: start;
}
@media(max-width:767.9px){
.iconlist__item {
gap: 1rem;
}
}
.iconlist__icon {
border-radius: 0.75rem;
padding: 1.25rem;
background-color: #2F2F2F;
width: fit-content;
transition: background-color 0.3s ease;
display: flex;
height: fit-content;
}
.iconlist__icon svg {
width: 2rem;
height: 2rem;
}
.iconlist__icon svg path {
transition: stroke 0.3s ease;
}
@media(max-width:767.9px){
.iconlist__icon {
padding: 0.75rem;
border-radius: 0.5rem;
}
}
.iconlist__item:hover .iconlist__icon {
background-color: #DAF560;
}
.iconlist__item:hover .iconlist__icon svg path {
stroke: #000000;
}
.iconlist__name {
font-weight: 500;
line-height: 1.2;
font-size: 1.5rem;
}
@media(max-width:767.9px){
.iconlist__name {
font-size: 1rem;
}
}
.iconlist__text {
margin-top: 0.5rem;
color: var(--c-white-60);
}
.iconlist__image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0.75rem;
}
.iconlist__contents {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
@media(max-width:767.9px){
.iconlist__contents {
grid-template-columns: 1fr;
}
}
.numberlist {
display: flex;
flex-direction: column;
overflow: hidden;
}
.numberlist__container {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.numberlist__desc {
max-width: 47.5rem;
opacity: 0.6;
}
@media(max-width:767.9px){
.numberlist__desc {
margin-bottom: 0 !important;
}
}
.numberlist__swiper {
width: 100%;
overflow: visible;
cursor: grab;
}
@media(max-width:767.9px){
.numberlist__swiper {
cursor: grab;
}
}
@media(min-width:768px){
.numberlist__swiper .swiper-wrapper {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.5rem;
transform: none !important;
width: 100% !important;
}
}
@media(min-width:768px){
.numberlist__swiper .swiper-slide {
width: 100% !important;
margin: 0 !important;
}
}
@media(max-width:767.9px){
.numberlist__swiper .swiper-slide {
height: auto;
}
}
@media(min-width:768px){
.numberlist__swiper.swiper-horizontal > .swiper-pagination-bullets, .numberlist__swiper > .swiper-pagination-bullets.swiper-pagination-horizontal {
display: none;
}
}
.numberlist__pagination {
bottom: 0 !important;
top: auto !important;
}
.numberlist__item {
display: grid;
grid-template-columns: auto 1fr;
gap: 1.5rem;
padding: 1.5rem;
border-radius: 0.75rem;
background-color: #1C1C1C;
align-items: center;
}
@media(max-width:767.9px){
.numberlist__item {
grid-template-columns: 1fr;
width: 17.5rem;
}
}
.numberlist__index {
border-radius: 0.75rem;
background-color: #2F2F2F;
transition: background-color 0.3s ease, color 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
width: 3.75rem;
height: 3.75rem;
color: var(--c-primary);
}
@media(max-width:767.9px){
.numberlist__index {
border-radius: 0.5rem;
width: 3.5rem;
height: 3.5rem;
}
}
.numberlist__item:hover .numberlist__index {
background-color: #DAF560;
color: #000000;
}
.numberlist__name {
font-weight: 500;
line-height: 1.2;
font-size: 1.5rem;
}
@media(max-width:767.9px){
.numberlist__name {
font-size: 1.25rem;
}
}
.numberlist__text {
margin-top: 0.625rem;
color: var(--c-white-60);
}
.numberlist__btn {
margin-top: 1rem;
}
@media(max-width:767.9px){
.numberlist__btn {
margin-top: 0;
}
}
.numberlist--rkn .jb-section__header {
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
}
.numberlist--rkn .jb-section__header .jb-title {
font-size: 3rem;
line-height: 1.2;
font-weight: 500;
}
@media(max-width:1023.9px){
.numberlist--rkn .jb-section__header .jb-title {
font-size: 1.75rem;
}
}
.numberlist--rkn .jb-section__header .jb-subtitle {
margin-bottom: 0;
color: var(--c-white-60);
}
.numberlist--rkn .numberlist__desc {
max-width: none;
opacity: 1;
color: var(--c-white-60);
font-size: max(12px, 1rem);
line-height: 1.4;
margin: 0 !important;
}
.numberlist--rkn .numberlist__index {
border-radius: 0.5rem;
font-family: var(--ff-1);
font-size: max(12px, 1rem);
font-weight: 500;
line-height: 1.2;
}
.numberlist--rkn .numberlist__item:hover .numberlist__index {
background-color: #2F2F2F;
color: var(--c-primary);
}
.numberlist--rkn .numberlist__name {
font-family: var(--ff-2);
color: var(--c-white);
}
.numberlist--rkn .numberlist__text {
margin-top: 0;
color: var(--c-white-60);
font-size: max(12px, 1rem);
line-height: 1.4;
}
.numberlist--rkn .numberlist__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.5rem;
width: 100%;
}
@media(max-width:767.9px){
.numberlist--rkn .numberlist__grid {
grid-template-columns: 1fr;
}
}
@media(max-width:767.9px){
.numberlist--rkn .numberlist__item {
width: 100%;
padding: 1rem;
grid-template-columns: auto 1fr;
gap: 1rem 0.75rem;
align-items: center;
}
.numberlist--rkn .numberlist__content {
display: contents;
}
.numberlist--rkn .numberlist__index {
width: 3rem;
height: 3rem;
grid-column: 1;
grid-row: 1;
}
.numberlist--rkn .numberlist__name {
grid-column: 2;
grid-row: 1;
}
.numberlist--rkn .numberlist__text {
grid-column: 1/3;
grid-row: 2;
}
}
.pricing {
display: flex;
flex-direction: column;
}
.pricing__container {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.pricing__header {
display: grid;
grid-template-columns: 1fr auto;
gap: 1rem;
align-items: end;
}
@media(max-width:767.9px){
.pricing__header {
grid-template-columns: 1fr;
align-items: start;
}
}
.pricing__note {
color: var(--c-white-60);
font-size: 0.75rem;
max-width: 32.5rem;
text-align: right;
}
@media(max-width:767.9px){
.pricing__note {
text-align: left;
}
}
.pricing__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
}
@media(max-width:1023.9px){
.pricing__grid {
grid-template-columns: 1fr;
}
}
.pricing__card {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 100%);
border: 1px solid var(--c-white-20);
border-radius: 1rem;
padding: 2.5rem;
display: flex;
flex-direction: column;
min-height: 26.25rem;
}
@media(max-width:767.9px){
.pricing__card {
padding: 1.5rem;
min-height: unset;
}
}
.pricing__card-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem 0.75rem;
}
.pricing__card-title {
font-weight: 500;
font-size: 1.5rem;
line-height: 1.2;
}
@media(max-width:767.9px){
.pricing__card-title {
font-size: 1.25rem;
}
}
.pricing__badge {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.5rem 1rem;
border-radius: 0.625rem;
border: 1px solid var(--c-white-20);
background-color: rgba(255, 255, 255, 0.03);
color: var(--c-white-80);
font-size: max(12px, 0.75rem);
line-height: 1;
white-space: nowrap;
}
.pricing__badge--light {
background-color: var(--c-white);
color: var(--c-black);
border-color: transparent;
}
.pricing__badge--warning {
background-color: var(--c-secondary);
color: var(--c-black);
border-color: transparent;
}
.pricing__card-subtitle {
margin-top: 0.625rem;
color: var(--c-white-60);
}
.pricing__params {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.75rem;
margin-top: 2rem;
}
@media(max-width:767.9px){
.pricing__params {
margin-top: 1.5rem;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 0.5rem;
}
}
.pricing__param {
border: 1px solid var(--c-white-20);
border-radius: 0.75rem;
padding: 0.5rem 1rem;
background-color: rgba(0, 0, 0, 0.18);
}
.pricing__param-label {
font-size: max(12px, 0.75rem);
color: var(--c-white-60);
}
.pricing__param-value {
margin-top: 0.375rem;
font-weight: 500;
}
@media(max-width:767.9px){
.pricing__param-value {
margin-top: 0;
}
}
.pricing__list {
display: flex;
flex-direction: column;
gap: 0.625rem;
padding-left: 1.125rem;
color: var(--c-white-70);
margin-top: 2rem;
margin-bottom: 1rem;
}
@media(max-width:767.9px){
.pricing__list {
margin-top: 1.5rem;
margin-bottom: 0.5rem;
padding-left: 0.75rem;
}
}
.pricing__list li {
line-height: 1.35;
margin-bottom: 0.5rem;
}
.pricing__card-top {
flex: 1 1 auto;
border-bottom: 1px solid var(--c-white-40);
}
.pricing__card-bottom {
display: grid;
grid-template-columns: 1fr auto;
grid-template-areas: "price btn" "note btn";
align-items: center;
gap: 0.875rem;
margin-top: 2rem;
}
@media(max-width:767.9px){
.pricing__card-bottom {
margin-top: 1.5rem;
grid-template-columns: 1fr;
grid-template-areas: "price" "note" "btn";
}
}
.pricing__price {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.375rem;
grid-area: price;
}
.pricing__price-value {
font-weight: 500;
font-size: 1.5rem;
line-height: 1.1;
}
@media(max-width:767.9px){
.pricing__price-value {
font-size: 1.25rem;
}
}
.pricing__price-note {
grid-area: note;
color: var(--c-white-40);
font-size: max(12px, 0.75rem);
margin-top: -0.375rem;
}
@media(max-width:767.9px){
.pricing__price-note {
margin-top: -0.5rem;
}
}
.pricing__btn {
white-space: nowrap;
grid-area: btn;
}
.pricing__btn:before {
content: none;
}
.pricing__footnote {
color: var(--c-white-40);
margin-top: 0.5rem;
}
@media(max-width:767.9px){
.pricing__footnote {
margin-top: 0;
}
}
.pricing__card-icon {
display: flex;
align-items: center;
justify-content: center;
width: 1.5rem;
height: 1.5rem;
color: var(--c-primary);
flex-shrink: 0;
}
.pricing__card-icon svg {
width: 100%;
height: 100%;
display: block;
}
.pricing__card-price {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.pricing__price-old {
color: var(--c-white-40);
font-size: 1.5rem;
font-weight: 500;
line-height: 1.2;
text-decoration: line-through;
}
.pricing--col4 .jb-section__header {
display: flex;
align-items: baseline;
gap: 1rem;
}
@media(max-width:767.9px){
.pricing--col4 .jb-section__header {
flex-direction: column-reverse;
align-items: flex-start;
gap: 0.25rem;
}
}
.pricing--col4 .jb-section__header .jb-subtitle {
margin-bottom: 0;
color: var(--c-white-60);
}
.pricing--col4 .pricing__grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1rem;
}
@media(max-width:1023.9px){
.pricing--col4 .pricing__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media(max-width:767.9px){
.pricing--col4 .pricing__grid {
grid-template-columns: 1fr;
}
}
.pricing--col4 .pricing__card {
background: #1C1C1C;
border: none;
border-radius: 0.75rem;
padding: 2.5rem;
gap: 1.5rem;
min-height: 0;
position: relative;
}
@media(max-width:1023.9px){
.pricing--col4 .pricing__card {
padding: 1.5rem;
gap: 1.25rem;
}
}
.pricing--col4 .pricing__card--popular {
border: 1px solid var(--c-secondary);
}
.pricing--col4 .pricing__badge {
position: absolute;
top: -1.25rem;
left: 2.5rem;
padding: 0.75rem 1rem;
border-radius: 0.375rem;
background-color: var(--c-secondary);
color: var(--c-white);
border: none;
font-family: var(--ff-2);
font-size: max(12px, 1rem);
font-weight: 500;
line-height: 1;
}
@media(max-width:1023.9px){
.pricing--col4 .pricing__badge {
left: 1.5rem;
}
}
@media(max-width:767.9px){
.pricing--col4 .pricing__badge {
position: static;
transform: none;
align-self: flex-start;
}
}
.pricing--col4 .pricing__card-top {
border-bottom: 1px solid var(--c-white-40);
padding-bottom: 1.5rem;
flex: 0 0 auto;
}
.pricing--col4 .pricing__card-head {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0.5rem;
}
.pricing--col4 .pricing__card-head .pricing__card-icon {
width: auto;
height: 1.5rem;
color: var(--c-secondary);
}
.pricing--col4 .pricing__card-head .pricing__card-icon svg {
width: auto;
height: 100%;
}
.pricing--col4 .pricing__card-title {
font-family: var(--ff-2);
font-size: 1.5rem;
font-weight: 500;
line-height: 1.2;
color: var(--c-white);
}
@media(max-width:767.9px){
.pricing--col4 .pricing__card-title {
font-size: 1.25rem;
}
}
.pricing--col4 .pricing__card-subtitle {
margin-top: 0.5rem;
color: var(--c-white-60);
font-size: max(12px, 1rem);
line-height: 1.4;
}
.pricing--col4 .pricing__card-price {
border-bottom: 1px solid var(--c-white-40);
padding-bottom: 1.5rem;
}
.pricing--col4 .pricing__price {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.5rem;
}
.pricing--col4 .pricing__price-value {
font-family: var(--ff-2);
font-size: 3rem;
line-height: 1.2;
font-weight: 500;
color: var(--c-white);
}
@media(max-width:1023.9px){
.pricing--col4 .pricing__price-value {
font-size: 2.25rem;
}
}
.pricing--col4 .pricing__price-value--accent {
color: var(--c-secondary);
}
.pricing--col4 .pricing__price-note {
margin-top: 0;
color: #f1f1f1;
font-size: max(12px, 1rem);
line-height: 1.4;
}
.pricing--col4 .pricing__price-note .accent, .pricing--col4 .pricing__price-note strong {
color: var(--c-secondary);
font-weight: inherit;
}
.pricing--col4 .pricing__list {
margin: 0;
padding: 0;
gap: 0.5rem;
color: var(--c-white-60);
list-style: none;
flex: 1 1 auto;
}
.pricing--col4 .pricing__list li {
position: relative;
padding-left: 1.125rem;
font-size: max(12px, 1rem);
line-height: 1.2;
margin: 0;
}
.pricing--col4 .pricing__list li:before {
content: "";
position: absolute;
left: 0;
top: 0.25rem;
width: 0.75rem;
height: 0.75rem;
background-color: var(--c-primary);
-webkit-mask: url(//jbstudio.pro/wp-content/themes/web-jb/images/rkn-152fz/icon-check.svg) center/contain no-repeat;
mask: url(//jbstudio.pro/wp-content/themes/web-jb/images/rkn-152fz/icon-check.svg) center/contain no-repeat;
}
.pricing--col4 .pricing__btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.25rem;
width: 100%;
height: 3.5rem;
padding: 0.75rem 1.5rem;
border-radius: 0.5rem;
background-color: #2F2F2F;
border: none;
color: #f1f1f1;
font-family: var(--ff-2);
font-size: max(12px, 1rem);
font-weight: 500;
line-height: 1;
margin-top: auto;
}
.pricing--col4 .pricing__btn:after {
content: "→";
color: inherit;
background: none;
width: auto;
height: auto;
}
.pricing--col4 .pricing__btn:hover {
background-color: var(--c-primary);
color: var(--c-black);
}
.pricing--packages .jb-section__header {
display: flex;
align-items: baseline;
gap: 1rem;
}
@media(max-width:767.9px){
.pricing--packages .jb-section__header {
flex-direction: column-reverse;
align-items: flex-start;
gap: 0.25rem;
}
}
.pricing--packages .jb-section__header .jb-subtitle {
margin-bottom: 0;
color: var(--c-white-60);
}
.pricing--packages .pricing__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media(max-width:1023.9px){
.pricing--packages .pricing__grid {
grid-template-columns: 1fr;
}
}
.pricing--packages .pricing__card {
background: #1C1C1C;
border: none;
border-radius: 0.75rem;
padding: 2.5rem;
gap: 2rem;
min-height: 0;
}
@media(max-width:767.9px){
.pricing--packages .pricing__card {
padding: 1.5rem;
gap: 1.5rem;
}
}
.pricing--packages .pricing__card-top {
display: flex;
flex-direction: column;
gap: 1.5rem;
border-bottom: none;
padding-bottom: 0;
}
.pricing--packages .pricing__card-title {
font-family: var(--ff-2);
font-size: 1.5rem;
font-weight: 500;
line-height: 1.2;
color: var(--c-white);
}
@media(max-width:767.9px){
.pricing--packages .pricing__card-title {
font-size: 1.25rem;
}
}
.pricing--packages .pricing__card-price {
gap: 0.375rem;
}
.pricing--packages .pricing__price-value {
font-family: var(--ff-2);
font-size: 3rem;
line-height: 1.1;
font-weight: 500;
color: var(--c-white);
}
@media(max-width:1023.9px){
.pricing--packages .pricing__price-value {
font-size: 2.25rem;
}
}
.pricing--packages .pricing__price-note {
margin-top: 0;
color: var(--c-white-60);
font-size: max(12px, 1rem);
line-height: 1.4;
}
.pricing--packages .pricing__params {
margin-top: 0;
}
.pricing--packages .pricing__param {
background-color: #2F2F2F;
border: none;
padding: 1rem;
}
.pricing--packages .pricing__param-value {
font-family: var(--ff-2);
font-size: 1.5rem;
font-weight: 500;
line-height: 1.2;
color: var(--c-white);
margin-top: 0;
}
@media(max-width:767.9px){
.pricing--packages .pricing__param-value {
font-size: 1.25rem;
}
}
.pricing--packages .pricing__param-label {
margin-top: 0.375rem;
color: var(--c-white-60);
font-size: max(12px, 0.75rem);
line-height: 1.4;
}
.pricing--packages .pricing__btn {
width: 100%;
margin-top: auto;
}
.service-contacts {
display: flex;
flex-direction: column;
}
.service-contacts__container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
@media(max-width:1023.9px){
.service-contacts__container {
grid-template-columns: 1fr;
}
}
.service-contacts__left, .service-contacts__right {
background-color: #1C1C1C;
border-radius: 1rem;
padding: 2.5rem;
}
@media(max-width:767.9px){
.service-contacts__left, .service-contacts__right {
padding: 1.5rem;
}
}
.service-contacts__right {
display: flex;
flex-direction: column;
gap: 2rem;
}
.service-contacts__title {
font-family: var(--ff-2);
font-size: 1.5rem;
font-weight: 500;
line-height: 1.2;
}
.service-contacts__form-title {
font-weight: 500;
}
.service-contacts__form {
margin-top: 1.5rem;
}
.service-contacts form {
display: flex;
flex-direction: column;
gap: 1rem;
}
.service-contacts label {
display: flex;
flex-direction: column;
font-size: max(12px, 0.75rem);
gap: 0.25rem;
color: var(--c-white-40);
}
.service-contacts input, .service-contacts textarea {
width: 100%;
}
.service-contacts__buttons {
margin-top: 0.5rem;
display: flex;
gap: 0.75rem;
flex-wrap: wrap;
}
.service-contacts__buttons .jb-btn:before {
content: none;
}
@media(max-width:767.9px){
.service-contacts__buttons .jb-btn {
width: 100%;
}
}
.service-contacts__card-title {
font-weight: 500;
}
.service-contacts__topline {
display: grid;
grid-template-columns: auto 1fr;
gap: 0.875rem;
align-items: center;
}
@media(max-width:767.9px){
.service-contacts__topline {
grid-template-columns: 1fr;
align-items: start;
}
}
.service-contacts__socials {
display: flex;
gap: 0.75rem;
}
.service-contacts__social {
width: 3.5rem;
height: 3.5rem;
border-radius: 0.75rem;
border: 1px solid var(--c-white-20);
background-color: rgba(255, 255, 255, 0.03);
display: flex;
align-items: center;
justify-content: center;
}
.service-contacts__social svg {
width: 1.5rem;
height: 1.5rem;
}
.service-contacts__social:hover path {
fill: white;
}
.service-contacts__phones {
display: flex;
flex-direction: column;
gap: 0.375rem;
}
.service-contacts__phones a {
color: var(--c-white-60);
}
.service-contacts__phones a:hover {
color: var(--c-primary);
}
.service-contacts__info {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.service-contacts__info-item {
background-color: rgba(255, 255, 255, 0.03);
border: 1px solid var(--c-white-20);
border-radius: 0.75rem;
padding: 1.5rem;
}
.service-contacts__info-value {
margin-top: 1rem;
color: var(--c-white-60);
display: block;
}
.service-contacts__notes {
margin-top: auto;
}
@media(max-width:767.9px){
.service-contacts__notes {
margin-top: 0;
}
}
.service-contacts__notes-title {
font-weight: 500;
}
.service-contacts__notes-text {
color: #8F8F8F;
margin-top: 1rem;
}
.service-contacts__notes-list {
margin-top: 0.625rem;
padding-left: 1.125rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
color: var(--c-white-60);
}