@charset "UTF-8";
  @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-bg-3:#2F2F2F;--c-bg-3-90:#2F2F2FE6;--c-bg-3-80:#2F2F2FCC;--c-bg-3-70:#2F2F2FB3;--c-bg-3-60:#2F2F2F99;--c-bg-3-50:#2F2F2F80;--c-bg-3-40:#2F2F2F66;--c-bg-3-30:#2F2F2F4D;--c-bg-3-20:#2F2F2F33;--c-bg-3-10:#2F2F2F1A;--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;}
}
@media(min-width:1600px){
html{font-size:16px;}
}
html, body{scroll-padding-top:-5.25rem;}:root{--jb-scrollbar-compensate:0px;}
@media(min-width:1200px){
body.menu-opened, body.menu-clicked{--jb-scrollbar-compensate:12px;}
}
html.with-fancybox, html.with-fancybox body{--jb-scrollbar-compensate:var(--fancybox-scrollbar-compensate, 0px);}
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:var(--jb-scrollbar-compensate);}
}
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.15rem;white-space:nowrap;}
table, thead, tbody, tfoot, tr, th, td{display:block;width:auto;height:auto;margin:0;padding:0;border:none;border-collapse:inherit;border-spacing:0;border-color:inherit;vertical-align:inherit;text-align:left;font-weight:inherit;-webkit-border-horizontal-spacing:0;-webkit-border-vertical-spacing:0;}
th, td{display:inline;}
strong{font-weight:500;}
@media(max-width:767.9px){
#wpadminbar{display:none;}
}
.jb-visually-hidden{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;}
.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;}
}
@media(min-width:1600px){
.jb-container{max-width:1520px;margin:0 auto;width:100%;}
}
.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__logo{display:flex;}
.jb-menu__menu{position:fixed;top:0;left:0;z-index:999;width:100%;height:100dvh;background:#000000;transition:clip-path 0.7s ease;clip-path:inset(0 0 0 100%);padding:0 2.5rem 0;display:block;overflow-y:auto;}
.jb-menu__menu > .jb-container{height:100%;padding:1.75rem 0 2.5rem;display:flex;flex-direction:column;align-items:start;flex-grow:1;gap:3.125rem;}
@media(max-width:1599.9px){
.jb-menu__menu > .jb-container{margin:0;max-width:calc(1520px - var(--jb-scrollbar-compensate));}
}
@media(max-width:767.9px){
.jb-menu__menu > .jb-container{padding:0 0 2.5rem;}
}
@media(max-width:767.9px){
.jb-menu__menu{padding:1.875rem 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% - var(--jb-scrollbar-compensate));}
}
.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;}
}
#main-header{position:absolute;width:100%;}
.jb-header{padding:1.75rem 0 1.25rem;z-index:1000;position:relative;overflow:hidden;}
@media(max-width:767.9px){
.jb-header{padding-top:1.875rem;position:absolute;}
}
@media(min-width:1600px){
.menu-opened .jb-header > .jb-container, .with-fancybox .jb-header > .jb-container{max-width:calc(1520px + var(--jb-scrollbar-compensate));}
}
.jb-header__logo{position:relative;transition:0.3s;display:inline-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:25vw;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;align-items:center;}
@media(max-width:767.9px){
.jb-header__right{top:1rem;right:1rem;}
}
@media(min-width:1600px){
.jb-header__right{right:0 !important;left:0 !important;width:100%;max-width:1520px;margin:0 auto;justify-content:flex-end;height:0;align-items:normal;}
}
@media(min-width:768px){
.menu-opened .jb-header__right, .with-fancybox .jb-header__right{right:calc(2.5rem + var(--jb-scrollbar-compensate));}
}
@media(min-width:1600px){
.menu-opened .jb-header__right, .with-fancybox .jb-header__right{max-width:calc(1520px - var(--jb-scrollbar-compensate));}
}
.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-gray{color:#f1f1f1;background-color:#2F2F2F;border-color:#2F2F2F;}
.jb-btn-outline{color:var(--c-primary);background-color:transparent;border-color:var(--c-white-40);}
.jb-btn-gray:not(.jb-btn:disabled):hover, .jb-btn-outline:not(.jb-btn:disabled):hover{color:var(--c-black);background-color:var(--c-primary);border-color:var(--c-primary);}
.jb-btn-gray.jb-btn--arrow:after, .jb-btn-outline.jb-btn--arrow:after{background-image:url(//jbstudio.pro/wp-content/themes/web-jb/images/arrow-light.svg);}
.jb-btn-gray.jb-btn--arrow:hover:after, .jb-btn-outline.jb-btn--arrow:hover:after{background-image:url(//jbstudio.pro/wp-content/themes/web-jb/images/arrow.svg);}
.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:0.5625rem;background:url(//jbstudio.pro/wp-content/themes/web-jb/images/arrow.svg) center bottom/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;font-size:clamp(12px, 1rem, 16px);}
@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:flex-start;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);font-size:clamp(12px, 1rem, 16px);}
.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-map{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;aspect-ratio:1520/440;}
@media(max-width:767.9px){
.jb-map{aspect-ratio:unset;height:20.5rem;}
}
.jb-map.is-loading:after{content:"Загружаем карту…";color:var(--c-white-60);font-size:max(12px, 1rem);}
.jb-map.is-failed:after{content:"Карта недоступна. Причина — в консоли браузера.";position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);color:var(--c-white-60);font-size:max(12px, 0.875rem);}
.jb-map__canvas{position:absolute;inset:0;width:100%;height:100%;}
.jb-map__pin{display:inline-flex;align-items:center;white-space:nowrap;padding:0.5rem 1rem;border-radius:6.25rem;background-color:var(--c-secondary);color:var(--c-white);font-family:var(--ff-2);font-size:max(12px, 0.875rem);font-weight:500;line-height:1;transform:translate(-50%, -50%);}
.jb-map__pin--metro{background-color:var(--c-primary);color:var(--c-black);}
.jb-map__route{position:absolute;top:1rem;left:1rem;z-index:2;}
.jb-scroll-top{position:fixed;right:2.5rem;bottom:6.25rem;z-index:999;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border:none;border-radius:50%;background-color:var(--c-primary);appearance:none;-webkit-appearance:none;outline:none;opacity:0;visibility:hidden;transform:translateY(0.75rem);transition:transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;pointer-events:none;}
@media(min-width:768px){
body.menu-opened .jb-scroll-top, body.menu-clicked .jb-scroll-top, .with-fancybox .jb-scroll-top{right:calc(2.5rem + var(--jb-scrollbar-compensate));}
}
@media(max-width:767.9px){
.jb-scroll-top{right:1rem;bottom:1rem;}
}
@media(min-width:768px) and (max-width:1023.9px){
.jb-scroll-top{bottom:10rem;}
}
.jb-scroll-top.is-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;}
.jb-scroll-top:hover{transform:scale(1.1);}
.jb-scroll-top svg{width:0.875rem;height:0.875rem;transform:rotate(180deg);}
.jb-scroll-top svg path{fill:var(--c-black);}
.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;}
}
.jb-crumbs{color:var(--c-text);font-size:0.875rem;font-weight:500;}
.jb-crumbs a{color:var(--c-text);font-size:inherit;}
.jb-crumbs a:hover{color:var(--c-primary);}
.jb-crumbs .breadcrumb--last{color:var(--c-white);}
.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-bg-1);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:grid;grid-template-columns:minmax(0, 1fr) auto;gap:1rem;position:relative;width:100%;min-width:0;}
.modal__inputs > span{min-width:0;}
.modal__inputs > span input{width:100%;min-width:0;}
.modal__inputs > .wpcf7-submit{min-width:0;max-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{}
.callback-modal.fancybox__content{clip-path:inset(0 0 0 0%);}
.callback-modal.fancybox__content.open{clip-path:inset(0 0 0 0%);}
.callback-modal .modal__holder{height:auto;border-radius:0.75rem;}
.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-white) !important;--f-button-hover-color:var(--c-white-60) !important;}
.fancybox__slide{overflow:hidden;padding:0;}
html.with-fancybox.-blur-page body > *:not(.fancybox__container){filter:blur(20px);transition:filter 0.15s ease;}
html.with-fancybox body{overflow:hidden;}
@media(min-width:768px){
html.with-fancybox body.hide-scrollbar{margin-right:var(--fancybox-body-margin, 0px);}
}
html.with-fancybox{}
.is-compact .fancybox__content > .f-button.is-close-btn{--f-button-bg:transparent;--f-button-hover-bg:transparent;--f-button-active-bg:transparent;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;}
@media(min-width:1600px){
.hero__container{position:static;}
}
.hero__wrapper{margin-top:5.625rem;width:85%;overflow:hidden;}
@media(max-width:767.9px){
.hero__wrapper{width:100%;}
}
.hero__wrapper .jb-crumbs{margin-bottom:1rem;}
.hero__title{font-size:4.5rem;line-height:normal;opacity:0.01;}
@media(max-width:767.9px){
.hero__title{font-size:2.5rem;}
}
@media(max-width:575.9px){
.hero__title{font-size:2rem;}
}
.hero__title span{display:block;margin-bottom:0.5rem;font-size:max(12px, 1.5rem);font-weight:500;line-height:1.2;letter-spacing:normal;color:var(--c-white-60);}
@media(max-width:767.9px){
.hero__title span{font-size:1.25rem;}
}
@media(max-width:575.9px){
.hero__title span{font-size:1.125rem;}
}
.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:50%;top:0;width:100%;height:100%;object-fit:cover;border-radius:2.25rem;transform:translateX(-50%) translateY(0) scale(0.3, 0.3);}
@media(min-width:1600px){
.hero__video{max-width:1520px;max-width:calc(100vw - 80px);width:auto;height:100%;aspect-ratio:16/9;}
}
@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:not(.services--targets, .services--interfere, .services--tech, .services--steps, .services--formats) .services__block:hover .services__icon{background-color:#DAF560;}
.services:not(.services--targets, .services--interfere, .services--tech, .services--steps, .services--formats) .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__design-support .services__name:after, .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__desc p{margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
.services__desc p:not(:last-child){margin-bottom:0.75rem;}
.services__desc a{color:var(--c-primary);font-size:inherit;text-decoration:underline;text-underline-offset:3px;}
.services__desc a:hover{color:var(--c-white);}
.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__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--steps .services__note p{margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
.services--steps .services__note p:not(:last-child){margin-bottom:0.75rem;}
.services--steps .services__note a{color:var(--c-white);font-size:inherit;text-decoration:underline;text-underline-offset:3px;}
.services--steps .services__note a:hover{color:var(--c-primary);}
.services--interfere .services__header{align-items:baseline;}
@media(max-width:767.9px){
.services--interfere .services__header{flex-direction:column;align-items:flex-start;gap:1rem;}
}
.services--interfere .services__header .jb-title{font-size:3rem;line-height:1.2;}
@media(max-width:1023.9px){
.services--interfere .services__header .jb-title{font-size:1.75rem;}
}
.services--interfere .services__header .jb-subtitle{margin-bottom:0;}
@media(max-width:767.9px){
.services--interfere .services__header .jb-subtitle{order:-1;}
}
.services--interfere .services__header .jb-btn{background-color:#2F2F2F;border-color:#2F2F2F;color:var(--c-bg-2);}
.services--interfere .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--interfere .services__header .jb-btn{display:flex;width:100%;background-color:var(--c-primary);border-color:var(--c-primary);color:var(--c-black);}
}
.services--interfere .services__block{background-color:#1C1C1C;gap:0;padding:2.5rem;align-items:flex-start;}
@media(max-width:1023.9px){
.services--interfere .services__block{gap:0;padding:1.5rem !important;}
.services--interfere .services__block:nth-child(n+5){display:none;}
}
@media(max-width:767.9px){
.services--interfere .services__block{gap:1rem;padding:1.25rem !important;grid-template-columns:auto 1fr;}
}
.services--interfere .services__icon{width:4.5rem;height:4.5rem;padding:1rem;background-color:#2F2F2F;border-radius:0.5rem;margin-bottom:2.5rem;}
@media(max-width:767.9px){
.services--interfere .services__icon{width:3.75rem;height:3.75rem;padding:1.125rem;margin-bottom:0;grid-row:1/2;}
}
.services--interfere .services__icon{align-items:center;justify-content:center;}
.services--interfere .services__icon svg{width:2rem;height:2rem;color:var(--c-primary);display:block;}
@media(max-width:767.9px){
.services--interfere .services__icon svg{width:1.5rem;height:1.5rem;}
}
.services--interfere .services__block:hover .services__icon{background-color:#2F2F2F;}
.services--interfere .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--interfere .services__name:after{display:none;}
@media(max-width:767.9px){
.services--interfere .services__name{align-self:center;margin:0;font-size:1.25rem;}
}
.services--interfere .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--interfere .services__desc{grid-column:1/3;}
}
.services--interfere .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--interfere .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;background-color:#2F2F2F;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;}
.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);font-size:max(12px, 1rem);line-height:1.4;}
.services--formats .services__desc--muted{color:var(--c-white-60);}
.services--formats .services__top-price{display:inline-flex;align-items:center;justify-content:center;height:4.5rem;padding:1rem;border-radius:0.5rem;background-color:#2F2F2F;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){
.services--formats .services__top-price{font-size:1.25rem;padding:1rem 2.75rem;}
}
.services--contact .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--contact .services__contact{flex-direction:column;align-items:stretch;padding:1.5rem;gap:1.25rem;}
}
.services--contact .services__contact-info{flex:1 0 0;min-width:0;display:flex;align-items:center;gap:1.5rem;}
@media(max-width:1023.9px){
.services--contact .services__contact-info{gap:1rem;}
}
@media(max-width:767.9px){
.services--contact .services__contact-info{flex-direction:column;align-items:flex-start;gap:1rem;}
}
.services--contact .services__contact-avatar{width:4rem;height:auto;border-radius:50%;object-fit:cover;aspect-ratio:1/1;flex-shrink:0;}
.services--contact .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);}
@media(min-width:768px){
.services--contact .services__contact-text{max-width:27.0625rem;}
}
.services--contact .services__contact-text a{color:var(--c-secondary);text-decoration:underline;font-weight:inherit;font-size:inherit;}
.services--contact .services__contact-text a:hover{text-decoration:none;}
.services--contact .services__contact-socials{flex:1 0 0;min-width:0;display:flex;gap:1rem;align-items:stretch;}
@media(max-width:1023.9px){
.services--contact .services__contact-socials{gap:0.5rem;}
}
.services--contact .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--contact .services__contact-social:hover{border-color:var(--c-secondary);color:var(--c-secondary);}
.services--contact .services__contact-social--highlight{border-color:var(--c-secondary);}
.services--contact .services__contact-social svg{width:2rem;height:2rem;color:inherit;flex-shrink:0;display:block;}
@media(max-width:767.9px){
.services--contact .services__contact-social{padding:1rem;gap:0;justify-content:center;}
.services--contact .services__contact-social span{display:none;}
}
@media(min-width:768px){
.services--steps .services__title{max-width:62.5rem;}
}
.services--steps .services__desc ul{margin:0;padding-left:1.25rem;list-style:disc;color:var(--c-white-60);}
.services--steps .services__desc ul li{margin-bottom:0;line-height:1.4;}
@media(min-width:768px){
.services--steps .services__desc ul li{font-size:max(12px, 0.9375rem);}
}
.services--steps .services__desc ul li:last-child{margin-bottom:0;}
@media(min-width:768px){
.services--interfere .services__title{max-width:62.5rem;}
}
.services--interfere .services__desc ul{margin:0;padding-left:1.25rem;list-style:disc;color:var(--c-white-60);}
.services--interfere .services__desc ul li{margin-bottom:0;line-height:1.4;}
@media(min-width:768px){
.services--interfere .services__desc ul li{font-size:max(12px, 0.9375rem);}
}
.services--interfere .services__desc ul li:last-child{margin-bottom:0;}
.services--other-uslugi .services__bottom{flex-grow:1;align-items:flex-end;margin-top:0.625rem;}
@media(min-width:768px){
.services--other-uslugi .services__bottom{margin-top:2.5rem;}
}
.services--other-uslugi .services__bottom .jb-btn{font-size:1rem;}
.services--tech .services__header{align-items:baseline;}
@media(max-width:767.9px){
.services--tech .services__header{flex-direction:column-reverse;align-items:flex-start;gap:0.25rem;}
}
.services--tech .services__header .jb-title{font-size:3rem;line-height:1.2;}
@media(max-width:1023.9px){
.services--tech .services__header .jb-title{font-size:1.75rem;}
}
.services--tech .services__header .jb-subtitle{margin-bottom:0;}
.services--tech .services__lead{margin:0;color:var(--c-white-60);font-size:max(12px, 1rem);line-height:1.4;}
@media(min-width:768px){
.services--tech .services__lead{max-width:35rem;}
}
.services--tech .services__lead p{margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
.services--tech .services__lead p:not(:last-child){margin-bottom:0.75rem;}
.services--tech .services__lead a{color:inherit;font-size:inherit;text-decoration:underline;text-underline-offset:3px;}
.services--tech .services__lead a:hover{color:var(--c-primary);}
.services--tech .services__block{background-color:#1C1C1C;padding:2.5rem;gap:1.5rem;align-items:flex-start;}
@media(max-width:1023.9px){
.services--tech .services__block:nth-child(n+7){display:flex;}
}
.services--tech .services__block{width:calc((100% - (var(--cols-d) - 1) * 1rem) / var(--cols-d));}
@media(min-width:768px) and (max-width:1023.9px){
.services--tech .services__block{width:calc((100% - (var(--cols-t) - 1) * 1rem) / var(--cols-t));}
}
@media(max-width:767.9px){
.services--tech .services__block{width:calc((100% - (var(--cols-m) - 1) * 1rem) / var(--cols-m)) !important;}
}
@media(max-width:767.9px){
.services--tech .services__block{padding:1.5rem !important;gap:1rem;}
.services--tech .services__block:nth-child(n+5){display:flex;}
}
.services--tech .services__grid{--cols-d:3;--cols-t:2;--cols-m:1;}
@media(max-width:767.9px){
.services--tech .services__grid{flex-direction:row;}
}
.services--tech .services__top{align-items:center;gap:0.75rem;}
.services--tech .services__icon{width:3.5rem;height:3.5rem;padding:0;margin:0;background-color:transparent;border-radius:0;flex-shrink:0;align-items:center;justify-content:center;}
.services--tech .services__icon svg{width:100%;height:100%;display:block;}
@media(max-width:767.9px){
.services--tech .services__icon{width:2.5rem;height:2.5rem;}
}
.services--tech .services__block:hover .services__icon{background-color:transparent;}
.services--tech .services__name{font-family:var(--ff-2);font-size:1.5rem;font-weight:500;line-height:1.2;color:var(--c-white);margin:0;gap:0;}
.services--tech .services__name:after{display:none;}
.services--tech .services__name a{font:inherit;color:inherit;transition:color 0.3s ease;}
.services--tech .services__name a:hover{color:var(--c-primary);}
@media(max-width:767.9px){
.services--tech .services__name{font-size:1.25rem;}
}
.services--tech .services__desc{margin-top:0;color:var(--c-white-60);font-size:max(12px, 1rem);line-height:1.4;}
.services--tech .services__tags{display:flex;flex-direction:column;gap:0.75rem;}
.services--tech .services__tags-label{color:var(--c-white);font-size:max(12px, 1rem);line-height:1.4;}
.services--tech .services__tags-list{display:flex;flex-wrap:wrap;gap:0.5rem;}
.services--tech .services__chip{display:inline-flex;align-items:center;padding:0.5rem 1rem;border-radius:6.25rem;border:1px solid var(--c-white-20);color:var(--c-white-60);font-size:max(12px, 0.875rem);line-height:1.2;}
@media(max-width:767.9px){
.services--tech .services__chip{padding:0.375rem 0.75rem;}
}
.services--tech .services__bottom{margin-top:auto;}
.services--tech .services__bottom .project-hero__link{font-size:max(12px, 1rem);gap:0.5rem;}
.services--tech .services__bottom .project-hero__link:after{width:0.875rem;height:0.875rem;background:currentColor;-webkit-mask:url(//jbstudio.pro/wp-content/themes/web-jb/images/arrow-corner.svg) center/contain no-repeat;mask:url(//jbstudio.pro/wp-content/themes/web-jb/images/arrow-corner.svg) center/contain no-repeat;transition:transform 0.3s ease;}
.services--tech .services__bottom .project-hero__link:hover:after{transform:rotate(45deg);}
.services--tech .services__block--accent{background-color:#DAF560;}
.services--tech .services__block--accent .services__name, .services--tech .services__block--accent .services__desc{color:#000000;}
.services--tech .services__block--accent .services__bottom .jb-btn{background-color:#2F2F2F;border-color:#2F2F2F;color:var(--c-bg-2);padding:1.25rem 1.5rem;font-size:var(--fz-btn);}
.services--tech .services__block--accent .services__bottom .jb-btn:not(:disabled):hover{background-color:#000000;border-color:#000000;color:var(--c-bg-2);}
@media(max-width:767.9px){
.services--tech .services__block--accent .services__bottom .jb-btn{width:100%;}
}
.services--tech .services__block--photo{padding:0;overflow:hidden;min-height:20rem;}
@media(max-width:767.9px){
.services--tech .services__block--photo{padding:0 !important;min-height:unset;aspect-ratio:3/2;}
}
.services--tech .services__block--photo picture, .services--tech .services__block--photo img{width:100%;height:100%;display:block;}
.services--tech .services__block--photo img{object-fit:cover;border-radius:0.75rem;}
@media(max-width:767.9px){
.services--tech .services__block--photo img{border-radius:0.5rem;}
}
.services--tech .services__block--wide{width:calc((100% - (var(--cols-d) - 1) * 1rem) / var(--cols-d) * 2 + 1rem);}
@media(min-width:768px) and (max-width:1023.9px){
.services--tech .services__block--wide{width:calc((100% - (var(--cols-t) - 1) * 1rem) / var(--cols-t) * 2 + 1rem);}
}
@media(max-width:767.9px){
.services--tech .services__block--wide{width:100% !important;}
}
.services--tech-light{background-color:var(--c-bg-2);padding:7.5rem 0;}
@media(max-width:767.9px){
.services--tech-light{padding:4rem 0;}
}
.services--tech-light .jb-title, .services--tech-light .jb-subtitle{color:var(--c-black);}
.services--tech-light .services__lead{color:var(--c-black);opacity:0.6;}
.services--tech-stacked .services__top{flex-direction:column;align-items:flex-start;gap:1.5rem;}
.services--tech .services__btn{display:inline-flex;margin-top:1rem;align-self:flex-start;}
@media(max-width:767.9px){
.services--tech .services__btn{width:100%;}
}
.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;padding:2rem 0;}
@media(max-width:767.9px){
.quote__contents{width:100%;padding:0;}
}
.quote--service2 .quote__contents{margin:2.5rem 0;}
@media(max-width:767.9px){
.quote--service2 .quote__contents{margin:0;}
}
@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:2rem;}
@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;}
.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 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;}
}
.quote--promo .quote__container{min-height:unset;overflow:hidden;border-radius:0.75rem;padding:2.5rem;}
@media(max-width:767.9px){
.quote--promo .quote__container{padding:1.5rem 1.5rem 0;}
}
.quote--promo .quote__wrapper{align-items:flex-start;gap:5rem;margin:0;}
@media(max-width:767.9px){
.quote--promo .quote__wrapper{flex-direction:column;gap:3rem;}
}
@media(max-width:575.9px){
.quote--promo .quote__wrapper{gap:1.5rem;}
}
.quote--promo .quote__contents{flex:1 0 0;min-width:0;width:auto;padding:0;gap:1.5rem;}
@media(max-width:767.9px){
.quote--promo .quote__contents{width:100%;}
}
.quote--promo .quote__tags{display:flex;flex-wrap:wrap;gap:0.75rem;}
.quote--promo .quote__badge{display:inline-flex;align-items:center;justify-content:center;padding:0.25rem 0.75rem;border-radius:0.375rem;background-color:#ffffff;color:#FB4F08;font-family:var(--ff-1);font-size:max(12px, 1rem);font-weight:500;line-height:1.4;text-transform:uppercase;white-space:nowrap;}
@media(max-width:767.9px){
.quote--promo .quote__badge{font-size:max(12px, 0.75rem);}
}
.quote--promo .quote__title{width:100%;margin:0;color:var(--c-white);font-family:var(--ff-2);font-weight:500;font-size:3rem;line-height:1.1;}
@media(max-width:1023.9px){
.quote--promo .quote__title{font-size:1.75rem;}
}
.quote--promo .quote__title p{color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
.quote--promo .quote__title p:not(:last-child){margin-bottom:0;}
.quote--promo .quote__desc{margin:0;max-width:42.375rem;color:var(--c-white);font-size:max(12px, 1rem);line-height:1.4;}
.quote--promo .quote__desc p{margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
.quote--promo .quote__promo-form{display:flex;flex-direction:column;gap:1.5rem;margin-top:5rem;}
@media(max-width:767.9px){
.quote--promo .quote__promo-form{margin-top:0;}
}
.quote--promo .quote__form-title{margin:0;color:var(--c-white);font-family:var(--ff-2);font-weight:500;font-size:max(12px, 1.5rem);line-height:1.2;}
@media(max-width:767.9px){
.quote--promo .quote__form-title{font-size:1.125rem;}
}
.quote--promo .quote__form{min-width:0;}
.quote--promo .quote__form .wpcf7-form{display:flex;flex-direction:column;gap:1.5rem;}
.quote--promo .quote__form input[type=tel],
.quote--promo .quote__form input[type=text]{width:20.625rem;height:3.5rem;padding:0 1.5rem;border:none;border-radius:0.5rem;background-color:var(--c-white);}
@media(max-width:767.9px){
.quote--promo .quote__form input[type=tel],
.quote--promo .quote__form input[type=text]{min-width:0;width:100%;}
}
.quote--promo .quote__form .wpcf7-submit{height:3.5rem;padding:0 1.5rem;border:none;border-radius:0.5rem;background-color:var(--c-primary);color:var(--c-black);font-family:var(--ff-2);font-size:1rem;font-weight:500;line-height:1;cursor:pointer;transition:opacity 0.3s ease, color 0.15s ease;}
.quote--promo .quote__form .wpcf7-submit:hover{opacity:0.85;}
@media(max-width:767.9px){
.quote--promo .quote__form .wpcf7-submit{width:100%;}
}
.quote--promo .quote__aside{position:relative;flex-shrink:0;width:30.5625rem;align-self:stretch;}
@media(max-width:767.9px){
.quote--promo .quote__aside{width:100%;min-height:20rem;}
}
@media(max-width:575.9px){
.quote--promo .quote__aside{min-height:12rem;}
}
.quote--promo .quote__bottom{position:absolute;top:0;right:0;z-index:2;flex-direction:column;align-items:flex-end;gap:0.25rem;margin-top:0;text-align:right;}
@media(max-width:767.9px){
.quote--promo .quote__bottom{right:unset;left:0;}
}
.quote--promo .quote__author{opacity:1;margin-left:0;color:var(--c-white);font-family:var(--ff-1);font-weight:500;font-size:1rem;line-height:1.2;}
.quote--promo .quote__position{color:var(--c-bg-2);font-size:0.75rem;line-height:1.4;}
.quote--promo .quote__image{position:absolute;right:3rem;bottom:-2.5rem;width:27.6875rem;height:auto;margin-left:0;object-fit:contain;pointer-events:none;}
@media(max-width:767.9px){
.quote--promo .quote__image{bottom:0;width:auto;max-width:22.5rem;display:block;}
}
@media(max-width:575.9px){
.quote--promo .quote__image{max-width:13rem;}
}
.quote--promo.quote--dark .quote__container{background-color:#1C1C1C;}
.quote--promo.quote--dark .quote__badge{background-color:#FB4F08;color:#ffffff;}
.products__container{display:flex;flex-direction:column;}
.products__text{color:var(--c-white-60);font-family:var(--ff-1);font-size:1rem;line-height:1.7;}
.products__text > * + *{margin-top:1.375rem;}
.products__text h2, .products__text h3, .products__text h4{color:var(--c-white);font-family:var(--ff-2);font-weight:500;line-height:1.25;scroll-margin-top:6.25rem;}
.products__text h2{font-size:2rem;margin-top:3rem;}
.products__text h3{font-size:1.5rem;margin-top:2.25rem;}
.products__text h4{font-size:1.25rem;margin-top:1.75rem;}
.products__text p{color:inherit;font-size:inherit;margin-bottom:0;}
.products__text strong, .products__text b{color:var(--c-white);font-weight:600;}
.products__text a{color:var(--c-primary);font-size:inherit;text-decoration:underline;text-underline-offset:3px;}
.products__text a:hover{color:var(--c-white);}
.products__text ul, .products__text ol{margin:1.5rem 0 0;padding-left:1.5rem;color:inherit;}
.products__text li{margin:0 0 0.5rem;color:inherit;}
.products__text li::marker{color:var(--c-primary);}
.products__text li > ul, .products__text li > ol{margin-top:0.5rem;}
.products__text blockquote, .products__text .wp-block-quote{margin:2rem auto;padding:0 0 0 3rem;border-left:0.1875rem solid var(--c-primary);border-radius:0.875rem;color:var(--c-white);font-size:1.25rem;font-style:normal;}
@media(max-width:767.9px){
.products__text blockquote, .products__text .wp-block-quote{padding-left:1.5rem;}
}
.products__text blockquote p, .products__text .wp-block-quote p{color:var(--c-white);}
.products__text blockquote cite, .products__text blockquote .wp-block-quote__citation, .products__text .wp-block-quote cite, .products__text .wp-block-quote .wp-block-quote__citation{display:block;margin-top:0.625rem;color:var(--c-text);font-size:0.9375rem;font-style:normal;}
.products__text .wp-block-pullquote{margin:2.5rem auto;padding:3rem;border:0.125rem dashed var(--c-primary);dashes:6, 6;border-radius:0.875rem;text-align:center;}
.products__text .wp-block-pullquote blockquote{margin:0;padding:0;border:none;border-radius:0;}
.products__text .wp-block-pullquote p{color:var(--c-white);font-size:1.625rem;}
@media(max-width:767.9px){
.products__text .wp-block-pullquote{padding:1.5rem;}
}
.products__text figure, .products__text .wp-block-image{margin:2rem auto;}
.products__text img{display:block;max-width:100%;height:auto;border-radius:1rem;}
.products__text figcaption, .products__text .wp-block-image figcaption{margin-top:0.625rem;color:var(--c-text);font-size:0.875rem;text-align:center;}
.products__text .alignleft{float:left;max-width:50%;margin:0.375rem 1.5rem 1rem 0;}
.products__text .alignright{float:right;max-width:50%;margin:0.375rem 0 1rem 1.5rem;}
.products__text .aligncenter{margin-left:auto;margin-right:auto;text-align:center;}
.products__text .alignwide{width:min(100vw - 4rem, 65rem);max-width:none;margin-left:50%;transform:translateX(-50%);}
.products__text .alignfull{width:100vw;max-width:none;margin-left:50%;transform:translateX(-50%);}
.products__text .wp-block-columns{gap:1.5rem;}
.products__text :where(.wp-block-column, .wp-block-group, .wp-block-group__inner-container) > * + *{margin-top:1.375rem;}
.products__text .wp-block-gallery{--wp--style--gallery-gap-default:1.5rem;}
.products__text .wp-block-table{max-width:100%;overflow-x:auto;font-size:1rem;border-radius:0.5rem;border:none;}
.products__text table, .products__text .wp-block-table table{display:table;width:100%;border-collapse:collapse;border-radius:0.5rem;}
.products__text thead{display:table-header-group;border-width:1px;}
.products__text tbody{display:table-row-group;}
.products__text tr{display:table-row;}
.products__text th, .products__text td{display:table-cell;padding:0.75rem 1rem;border:1px solid var(--c-white-20);text-align:left;vertical-align:top;}
.products__text th{color:var(--c-white);font-weight:500;}
.products__text .wp-block-table:not(.is-style-stripes){background-color:var(--c-bg-3);padding:3rem;}
@media(max-width:767.9px){
.products__text .wp-block-table:not(.is-style-stripes){padding:1.5rem;}
}
.products__text .wp-block-table:not(.is-style-stripes) th,
.products__text .wp-block-table:not(.is-style-stripes) td{padding:0.875rem 0.875rem 0.875rem 0;border:none;border-bottom:0.0625rem solid var(--c-white-40);color:var(--c-white);}
.products__text .wp-block-table:not(.is-style-stripes) td{padding:2.375rem 0.875rem 0.875rem 0;}
.products__text .wp-block-table:not(.is-style-stripes) tr:last-child td{border-bottom:none;}
.products__text .wp-block-table:not(.is-style-stripes) th{color:var(--c-white-60);}
.products__text .wp-block-table figcaption{margin-top:0.5rem;text-align:left;}
.products__text .wp-block-table.is-style-stripes{border:1px solid var(--c-white-20);}
.products__text .wp-block-table.is-style-stripes th, .products__text .wp-block-table.is-style-stripes td{border-color:transparent;}
.products__text .wp-block-table.is-style-stripes thead th{border-bottom-color:var(--c-white-20);}
.products__text .wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:var(--c-white-10);}
.products__text .jb-table-scroll{position:relative;margin:2rem auto;}
.products__text .jb-table-scroll .wp-block-table{margin:0;}
.products__text .jb-table-scroll::before, .products__text .jb-table-scroll::after{content:"";position:absolute;top:0;bottom:0;z-index:2;width:3rem;pointer-events:none;opacity:0;transition:opacity 0.2s ease;}
.products__text .jb-table-scroll::before{left:-1px;background:linear-gradient(to right, var(--c-black), transparent);}
.products__text .jb-table-scroll::after{right:-1px;background:linear-gradient(to left, var(--c-black), transparent);}
.products__text .jb-table-scroll.has-left::before{opacity:1;}
.products__text .jb-table-scroll.has-right::after{opacity:1;}
.products__text code{padding:0.15em 0.4em;background:var(--c-white-10);border-radius:0.25rem;font-family:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;font-size:0.9em;}
.products__text pre{margin:1.75rem 0;padding:1.25rem;overflow:auto;background:#111;border-radius:0.75rem;color:#e6e6e6;font-family:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;font-size:0.9375rem;line-height:1.5;}
.products__text pre code{padding:0;background:none;font-size:inherit;}
.products__text .wp-block-buttons{margin-top:2rem;}
.products__text .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;padding:1.25rem 1.5rem;border:0.0625rem solid var(--c-primary);border-radius:0.5rem;background-color:var(--c-primary);color:var(--c-black);font-family:var(--ff-2);font-size:var(--fz-btn);font-weight:500;line-height:1;text-decoration:none;transition:all 0.3s ease;}
.products__text .wp-block-button__link:hover{background-color:var(--c-white);color:var(--c-black);}
.products__text .wp-block-button.is-style-outline .wp-block-button__link{border-color:var(--c-white-40);background-color:transparent;color:var(--c-primary);}
.products__text .wp-block-button.is-style-outline .wp-block-button__link:hover{border-color:var(--c-primary);background-color:var(--c-primary);color:var(--c-black);}
.products__text .wp-block-separator{margin:2.5rem auto;border:0;border-top:0.0625rem solid var(--c-white-20);}
.products__text .wp-block-embed{margin:2rem 0;}
.products__text .wp-block-details{padding:1.5rem 0;border-bottom:0.0625rem solid var(--c-white-40);}
@media(max-width:767.9px){
.products__text .wp-block-details{padding:1rem 0;}
}
.products__text .wp-block-details:first-of-type{border-top:0.0625rem solid var(--c-white-40);}
.products__text .wp-block-details > summary{position:relative;margin:0;padding-right:2.375rem;list-style:none;color:var(--c-white);font-family:var(--ff-2);font-size:1.5rem;font-weight:500;line-height:1.2;cursor:pointer;transition:color 0.3s ease;}
@media(max-width:767.9px){
.products__text .wp-block-details > summary{font-size:1.25rem;}
}
.products__text .wp-block-details > summary::-webkit-details-marker{display:none;}
.products__text .wp-block-details > summary::before, .products__text .wp-block-details > summary::after{content:"";position:absolute;top:50%;right:0;background-color:var(--c-white);transition:transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;}
.products__text .wp-block-details > summary::before{width:1.125rem;height:0.1rem;transform:translateY(-50%);}
.products__text .wp-block-details > summary::after{right:0.5125rem;width:0.1rem;height:1.125rem;transform:translateY(-50%);}
.products__text .wp-block-details > summary ~ *{margin-top:1.5rem;}
@media(max-width:767.9px){
.products__text .wp-block-details > summary ~ *{margin-top:0.75rem;}
}
.products__text .wp-block-details > summary ~ * ~ *,
.products__text .wp-block-details .jb-details__content > * + *{margin-top:1rem;}
.products__text .wp-block-details.is-open > summary{color:var(--c-primary);}
.products__text .wp-block-details.is-open > summary::before{background-color:var(--c-primary);}
.products__text .wp-block-details.is-open > summary::after{transform:translateY(-50%) scaleY(0);opacity:0;}
.products__text .has-drop-cap:first-letter{float:left;margin:0.375rem 0.625rem 0 0;color:var(--c-primary);font-family:var(--ff-2);font-size:4rem;line-height:0.8;}
.products__text{max-width:47.5rem;margin-top:1.5rem;}
.products__text > *:first-child{margin-top:0;}
.products__text > *:last-child{margin-bottom:0;}
.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;}
}
.products__name a{font:inherit;color:inherit;transition:color 0.3s ease;}
.products__name a:hover{color:var(--c-primary);}
.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__name-link{display:block;width:fit-content;}
.products__desc{margin-top:1rem;color:var(--c-white-60);}
.solutions .products__desc{margin-top:2rem;margin-bottom:2rem;}
.products__desc p{margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
.products__desc p:not(:last-child){margin-bottom:0.75rem;}
.products__desc a{color:var(--c-primary);font-size:inherit;text-decoration:underline;text-underline-offset:3px;}
.products__desc a:hover{color:var(--c-white);}
.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;}
.solutions .products__btn{margin-top:auto;color:var(--c-primary);padding:0.75rem;font-size:0.75rem;}
.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;color:var(--c-text);font-size:var(--fz-p);margin-bottom:0.875rem;}
@media(max-width:767.9px){
.process__desc{margin-top:1rem;}
}
.process__desc p{margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
.process__desc p:not(:last-child){margin-bottom:0.75rem;}
.process__desc a{color:var(--c-primary);font-size:inherit;text-decoration:underline;text-underline-offset:3px;}
.process__desc a:hover{color:var(--c-white);}
.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);}
.process__slide.process__slide--image{background-color:transparent;color:var(--c-white);padding:0;}
@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__media{aspect-ratio:832/628;border-radius:0.75rem;overflow:hidden;}
.process__media picture, .process__media img{display:block;width:100%;height:100%;}
.process__media img{object-fit:cover;}
.process__txt{margin-top:2.5rem;display:flex;flex-direction:column;gap:1rem;}
.process__txt p{color:var(--c-black);margin:0;font-size:inherit;font-weight:inherit;line-height:inherit;}
.process__txt p:not(:last-child){margin-bottom:0.75rem;}
.process__txt a{color:inherit;font-size:inherit;text-decoration:underline;text-underline-offset:3px;}
.process__txt a:hover{opacity:0.7;}
.process__txt-name{font-size:1.5rem;}
@media(max-width:767.9px){
.process__txt-name{font-size:1.25rem;}
}
.process__txt--image{margin-top:1rem;}
.how{--how-card-w:23rem;--how-gap:10.5rem;--how-stagger:7.5rem;}
@media(max-width:767.9px){
.how{--how-card-w:17.5rem;--how-gap:5rem;--how-stagger:0;}
}
@media(max-width:575.9px){
.how{--how-gap:1.25rem;}
}
.how__container{background-color:var(--c-bg-1);border-radius:0.75rem;overflow:hidden;display:flex;flex-direction:column;}
@media(max-width:575.9px){
.how__container{margin-left:0;margin-right:0;}
}
.how__header{display:flex;gap:0 1rem;padding:2.5rem 2.5rem 0;}
@media(max-width:767.9px){
.how__header{padding:1.5rem 1.5rem 0;}
}
.how__desc{margin-top:1rem;padding:0 2.5rem;max-width:33.5rem;color:var(--c-text);font-size:var(--fz-p);}
@media(max-width:767.9px){
.how__desc{padding:0 1.5rem;}
}
.how__desc p{margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
.how__desc p:not(:last-child){margin-bottom:0.75rem;}
.how__desc a{color:var(--c-primary);font-size:inherit;text-decoration:underline;text-underline-offset:3px;}
.how__desc a:hover{color:var(--c-white);}
.how__viewport{position:relative;margin-top:3rem;padding-bottom:2.5rem;overflow:hidden;}
@media(max-width:767.9px){
.how__viewport{padding-bottom:1.5rem;}
}
.how__track{display:flex;align-items:flex-start;column-gap:var(--how-gap);width:max-content;cursor:grab;}
.how__track:active{cursor:grabbing;}
.how__step{position:relative;flex:0 0 auto;width:var(--how-card-w);}
.how__step:nth-child(even){margin-top:var(--how-stagger);}
.how__card{position:relative;display:flex;flex-direction:column;background-color:var(--c-bg-3);background-image:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));border-radius:0.75rem;padding:2.5rem;}
@media(max-width:767.9px){
.how__card{padding:1.5rem;}
}
.how__step:not(.is-active) .how__card::after{content:"";position:absolute;top:50%;left:50%;width:1.875rem;height:1.875rem;margin:-0.9375rem 0 0 -0.9375rem;border:1px solid var(--c-white-40);border-radius:50%;pointer-events:none;opacity:0;animation:how-pulse 2.5s ease-out infinite;}
.how__icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;padding:0.75rem;border-radius:0.75rem;background-color:var(--c-bg-1);color:var(--c-primary);transition:background-color 0.3s ease, color 0.3s ease;backface-visibility:hidden;transform:translateZ(0);}
.how__icon svg{width:2rem;height:2rem;}
.how__icon path{stroke:currentColor;transition:stroke 0.3s ease;}
.how__name{margin-top:1.5rem;font-family:var(--ff-2);font-size:1.5rem;font-weight:500;line-height:1.2;color:var(--c-primary);word-break:break-word;transition:color 0.3s ease;}
@media(max-width:767.9px){
.how__name{font-size:1.25rem;}
}
.how__list{margin-top:2rem;font-size:1rem;line-height:1.4;color:var(--c-white);transition:color 0.3s ease;}
@media(max-width:767.9px){
.how__list{margin-top:1.5rem;}
}
.how__list ul{list-style:disc;padding-left:1.5rem;display:flex;flex-direction:column;gap:0.25rem;margin:0;}
.how__list p{color:inherit;}
.how__result{margin-top:1.5rem;padding-top:0.75rem;border-top:1px dashed var(--c-white-40);transition:border-color 0.3s ease;}
.how__result-label{font-family:var(--ff-2);font-weight:500;font-size:1rem;line-height:1.4;color:var(--c-primary);transition:color 0.3s ease;}
.how__result-text{margin-top:0.25rem;font-size:1rem;line-height:1.4;color:var(--c-white);transition:color 0.3s ease;}
.how__result-text p{margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
.how__result-text p:not(:last-child){margin-bottom:0.75rem;}
.how__step:not(.is-active) .how__result-label,
.how__step:not(.is-active) .how__result-text{color:var(--c-white-40);}
.how__step:not(.is-active) .how__name,
.how__step:not(.is-active) .how__list{color:var(--c-white-40);}
.how__step.is-current .how__icon{background-color:var(--c-bg-1);color:var(--c-primary);}
.how__step.is-active:not(.is-current) .how__icon{background-color:var(--c-black);color:var(--c-primary);}
.how__step:not(.is-active) .how__icon{background-color:var(--c-bg-1);color:var(--c-white-60);}
.how__connector{position:absolute;top:10rem;left:100%;width:10.5rem;pointer-events:none;}
@media(max-width:767.9px){
.how__connector{top:5rem;width:5rem;}
}
.how__connector svg{display:block;overflow:visible;width:100%;height:100%;}
.how__connector--down{height:7.8125rem;}
@media(max-width:767.9px){
.how__connector--down{height:3.6875rem;}
}
.how__connector--up{top:2.5rem;height:5.3125rem;}
@media(max-width:767.9px){
.how__connector--up{height:2.5rem;}
}
.how__connector-fill{fill:none;stroke:var(--c-white);stroke-dasharray:9999;stroke-dashoffset:9999;}
@keyframes how-pulse {
0%{opacity:0;transform:scale(1);}
20%{opacity:1;transform:scale(1);}
100%{opacity:0;transform:scale(3.3333);}
}
.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;}
}
.projects--cards{overflow-x:hidden;}
.projects--cards .projects__header{display:flex;align-items:baseline;gap:1rem;}
@media(max-width:767.9px){
.projects--cards .projects__header{flex-direction:row;flex-wrap:wrap;}
}
.projects--cards .projects__all{margin-left:auto;}
@media(max-width:767.9px){
.projects--cards .projects__all{margin-left:0;}
}
.projects--cards .projects__swiper{width:100%;margin-top:1.5rem;overflow:visible;cursor:grab;}
.projects--cards .projects__slide{width:59rem;max-width:85%;height:auto;}
@media(max-width:1023.9px){
.projects--cards .projects__slide{width:43.75rem;}
}
@media(max-width:767.9px){
.projects--cards .projects__slide{width:90%;max-width:none;}
}
.projects--cards .projects__card{display:flex;flex-direction:column;gap:1.5rem;height:100%;}
.projects--cards .projects__image{width:100%;border-radius:1rem;overflow:hidden;display:flex;}
.projects--cards .projects__image picture{display:flex;}
.projects--cards .projects__image img, .projects--cards .projects__image video{width:100%;height:29.5rem;object-fit:cover;display:block;}
@media(max-width:767.9px){
.projects--cards .projects__image img, .projects--cards .projects__image video{height:auto;aspect-ratio:280/320;}
}
.projects--cards .projects__foot{display:flex;align-items:center;gap:1.5rem;}
@media(max-width:767.9px){
.projects--cards .projects__foot{flex-wrap:wrap;}
}
.projects--cards .projects__desc{flex:1 1 auto;min-width:0;margin:0;width:auto;color:var(--c-white-60);font-size:max(12px, 1rem);line-height:1.4;}
.projects--cards .projects__more{flex:0 0 auto;}
.projects--cards .projects__more.jb-btn--arrow:after{background:currentColor;-webkit-mask:url(//jbstudio.pro/wp-content/themes/web-jb/images/arrow-corner.svg) center/contain no-repeat;mask:url(//jbstudio.pro/wp-content/themes/web-jb/images/arrow-corner.svg) center/contain no-repeat;transition:transform 0.3s ease;}
.projects--cards .projects__more.jb-btn--arrow:hover:after{background:currentColor;transform:rotate(45deg);}
.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__toggle{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;line-height:inherit;text-align:left;cursor:pointer;}
.faq__item.active .faq__question{color:var(--c-primary);}
.faq__answer{display:none;margin-top:1.5rem;color:var(--c-text);font-size:var(--fz-p);}
@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__answer p{margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
.faq__answer p:not(:last-child){margin-bottom:0.75rem;}
.faq__answer a{color:var(--c-primary);font-size:inherit;text-decoration:underline;text-underline-offset:3px;}
.faq__answer a:hover{color:var(--c-white);}
.faq__btn{margin-top:1.25rem;}
.faq__bottom{margin-top:1.5rem;opacity:0.6;}
.faq__bottom a{text-decoration:underline;}
.faq--materials .faq__item{align-items:flex-start;gap:1rem;}
@media(max-width:767.9px){
.faq--materials .faq__item{flex-wrap:wrap;}
}
.faq--materials .faq__side{flex:0 0 50%;max-width:50%;display:flex;align-items:flex-start;gap:3rem;}
@media(max-width:1023.9px){
.faq--materials .faq__side{gap:1.5rem;}
}
@media(max-width:767.9px){
.faq--materials .faq__side{flex:1 1 100%;max-width:100%;gap:0;flex-direction:column;}
}
.faq--materials .faq__num{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__num{min-width:2rem;}
}
.faq--materials .faq__media{max-height:0;opacity:0;overflow:hidden;flex:0 0 auto;width:26rem;max-width:100%;display:flex;transition:max-height 0.4s ease, opacity 0.4s ease;}
.faq--materials .faq__media picture{display:flex;}
.faq--materials .faq__media img{width:100%;height:19.625rem;display:block;object-fit:cover;border-radius:0.75rem;}
@media(max-width:1023.9px){
.faq--materials .faq__media img{height:15rem;}
}
@media(max-width:767.9px){
.faq--materials .faq__media img{margin-top:1rem;border-radius:0.5rem;object-fit:cover;height:auto;width:100%;aspect-ratio:328/248;}
}
.faq--materials .faq__item.active .faq__media{max-height:19.625rem;opacity:1;}
@media(max-width:767.9px){
.faq--materials .faq__item.active .faq__media{max-height:16.5rem;}
}
.faq--materials .faq__contents{flex:1 1 0;min-width:0;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__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;}
.accordion__container{display:flex;flex-direction:column;}
.accordion__list{display:flex;flex-direction:column;width:100%;margin-top:1.5rem;}
.accordion__item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;cursor:pointer;padding:1.5rem 0;border-bottom:1px solid var(--c-white-40);}
.accordion__item:first-child{border-top:1px solid var(--c-white-40);}
@media(max-width:767.9px){
.accordion__item{padding:1rem 0;flex-wrap:wrap;}
}
.accordion__side{flex:0 0 50%;max-width:50%;display:flex;align-items:flex-start;gap:3rem;}
@media(max-width:1023.9px){
.accordion__side{gap:1.5rem;}
}
@media(max-width:767.9px){
.accordion__side{flex:1 1 100%;max-width:100%;gap:0;flex-direction:column;}
}
.accordion__num{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){
.accordion__num{min-width:2rem;}
}
.accordion__media{max-height:0;opacity:0;overflow:hidden;flex:0 0 auto;width:26rem;max-width:100%;display:flex;transition:max-height 0.4s ease, opacity 0.4s ease;}
.accordion__media picture{display:flex;}
.accordion__media img{width:100%;height:19.625rem;display:block;object-fit:cover;border-radius:0.75rem;}
@media(max-width:767.9px){
.accordion__media img{margin-top:1rem;border-radius:0.5rem;object-fit:cover;height:auto;width:100%;aspect-ratio:328/248;}
}
.accordion__item.active .accordion__media{max-height:19.625rem;opacity:1;}
@media(max-width:767.9px){
.accordion__item.active .accordion__media{max-height:16.5rem;}
}
@media(max-width:575.9px){
.accordion__item.active .accordion__media{width:100%;}
}
.accordion__contents{flex:1 1 0;min-width:0;display:flex;flex-direction:column;}
.accordion__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){
.accordion__question{font-size:1.25rem;}
}
.accordion__item.active .accordion__question{color:var(--c-primary);}
.accordion__answer{display:none;margin-top:1.5rem;}
@media(max-width:767.9px){
.accordion__answer{margin-top:0.75rem;}
}
.accordion__body{color:var(--c-white-60);}
.accordion__body p{margin:0 0 0.75rem;line-height:1.4;}
.accordion__body ul{margin:0 0 1.5rem 1.25rem;color:var(--c-white-60);}
.accordion__body ul li{margin-bottom:0.5rem;line-height:1.4;}
.accordion__body strong{font-weight:500;color:#ffffff;}
.accordion__body > *:last-child{margin-bottom:1.5rem;}
.accordion__btn{margin-top:0;}
.accordion__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;}
.accordion__item.active .accordion__icon{transform:rotate(225deg);border-color:var(--c-primary);}
.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;margin-bottom:0;max-width:33.5625rem;opacity:0.6;}
@media(max-width:767.9px){
.testimonials__desc{margin-top:1rem;}
}
.testimonials__swiper{margin-top:2.5rem;cursor:grab;}
.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;}
}
.cta__inner{background-color:var(--c-secondary);border-radius:0.75rem;padding:2.5rem;display:flex;flex-direction:row;align-items:center;gap:1rem;}
@media(max-width:1023.9px){
.cta__inner{flex-direction:column;align-items:stretch;padding:1.5rem;gap:1.25rem;}
}
.cta__info{flex:1 0 0;min-width:0;display:flex;align-items:center;gap:1.5rem;}
@media(max-width:767.9px){
.cta__info{flex-direction:column;align-items:flex-start;gap:1rem;}
}
.cta__avatar{width:4rem;height:4rem;border-radius:50%;object-fit:cover;aspect-ratio:1/1;flex-shrink:0;background-color:var(--c-white);}
.cta__text{margin:0;font-family:var(--ff-2);font-size:max(12px, 1rem);font-weight:500;line-height:1.4;color:var(--c-white);}
@media(min-width:768px){
.cta__text{max-width:47rem;}
}
@media(min-width:1024px){
.cta__text{max-width:29.0625rem;}
}
.cta__text *{color:inherit;}
.cta__socials{flex:1 0 0;min-width:0;display:flex;gap:1rem;align-items:stretch;}
@media(max-width:1023.9px){
.cta__socials{flex-wrap:wrap;}
}
@media(max-width:575.9px){
.cta__socials{gap:0.5rem;}
}
.cta__social{flex:1 0 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:0.75rem;padding:0.875rem 0.875rem;border:1px solid transparent;border-radius:0.75rem;background-color:var(--c-white-40);color:var(--c-white);font-family:var(--ff-2);font-size:max(12px, 1rem);font-weight:500;line-height:1;transition:background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;}
@media(max-width:767.9px){
.cta__social{padding:1rem;}
}
.cta__social svg{width:1.75rem;height:1.75rem;flex-shrink:0;display:block;}
@media(max-width:767.9px){
.cta__social svg{width:1.5rem;height:1.5rem;}
}
.cta__social svg path{fill:var(--c-white);transition:fill 0.3s ease;}
.cta__social:hover{background-color:var(--c-white);border-color:var(--c-secondary);color:var(--c-secondary);}
.cta__social:hover svg path{fill:var(--c-secondary);}
.cta__social--highlight{background-color:var(--c-white);border-color:var(--c-secondary);}
.cta__social--highlight svg path{fill:var(--c-secondary);}
.cta__social--callback{flex:0 0 auto;white-space:nowrap;}
@media(max-width:1023.9px){
.cta__social--callback{flex:1 0 100%;}
}
.cta-form__inner{position:relative;overflow:hidden;background-color:var(--c-secondary);border-radius:0.75rem;padding:2.5rem;display:flex;gap:5rem;align-items:flex-start;}
@media(max-width:767.9px){
.cta-form__inner{flex-direction:column;gap:3rem;padding:1.5rem 1.5rem 0;}
}
@media(max-width:575.9px){
.cta-form__inner{gap:1.5rem;}
}
.cta-form__main{flex:1 0 0;min-width:0;display:flex;flex-direction:column;gap:5rem;}
@media(max-width:767.9px){
.cta-form__main{gap:2rem;}
}
.cta-form__title{color:var(--c-white);font-family:var(--ff-2);font-weight:500;font-size:3rem;line-height:1.1;}
@media(max-width:1023.9px){
.cta-form__title{font-size:1.75rem;}
}
.cta-form__contact{display:flex;flex-direction:column;gap:1.5rem;}
.cta-form__subtitle{margin:0;color:var(--c-white);font-family:var(--ff-2);font-weight:500;font-size:max(12px, 1.5rem);line-height:1.2;}
@media(max-width:767.9px){
.cta-form__subtitle{font-size:1.125rem;}
}
.cta-form__form .wpcf7-form{display:flex;flex-direction:column;gap:1.5rem;}
.cta-form__row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;width:100%;}
@media(max-width:1199.9px){
.cta-form__row{gap:1rem;}
}
@media(max-width:767.9px){
.cta-form__row{gap:1rem;}
}
.cta-form__divider{width:1px;height:3.5rem;background-color:var(--c-white-40);flex-shrink:0;}
@media(max-width:767.9px){
.cta-form__divider{width:100%;height:1px;margin:0.5rem 0;}
}
.cta-form__field{display:block;}
@media(max-width:767.9px){
.cta-form__field{flex:1 0 100%;}
}
.cta-form input[type=tel],
.cta-form input[type=text]{width:20.625rem;height:3.5rem;padding:0 1.5rem;border:none;border-radius:0.5rem;background-color:var(--c-white);}
@media(max-width:767.9px){
.cta-form input[type=tel],
.cta-form input[type=text]{min-width:0;width:100%;}
}
.cta-form__submit{position:relative;display:inline-flex;}
@media(max-width:767.9px){
.cta-form__submit{flex:1 0 100%;width:100%;}
}
.cta-form .wpcf7-submit{height:3.5rem;padding:0 1.5rem;border:none;border-radius:0.5rem;background-color:var(--c-primary);color:var(--c-black);font-family:var(--ff-2);font-size:1rem;font-weight:500;line-height:1;cursor:pointer;transition:opacity 0.3s ease, color 0.15s ease;}
.cta-form .wpcf7-submit:hover{opacity:0.85;}
@media(max-width:767.9px){
.cta-form .wpcf7-submit{width:100%;}
}
.cta-form__submit .wpcf7-spinner{position:absolute;inset:0;margin:auto;display:none;width:1.5rem;height:1.5rem;border:2px solid var(--c-black);border-top-color:transparent;border-radius:50%;background:none;animation:jb-loader-spin 0.8s linear infinite;}
.cta-form__submit .wpcf7-spinner::before, .cta-form__submit .wpcf7-spinner::after{content:none;}
.wpcf7-form.submitting .cta-form__submit .wpcf7-submit{color:transparent;}
.wpcf7-form.submitting .cta-form__submit .wpcf7-spinner{display:block;}
.cta-form__aside{position:relative;flex-shrink:0;width:30.5625rem;align-self:stretch;}
@media(max-width:767.9px){
.cta-form__aside{width:100%;min-height:20rem;}
}
@media(max-width:575.9px){
.cta-form__aside{min-height:12rem;}
}
.cta-form__author{position:absolute;top:0;right:0;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:0.25rem;text-align:right;}
@media(max-width:767.9px){
.cta-form__author{right:unset;left:0;}
}
.cta-form__author-name{color:var(--c-white);font-family:var(--ff-1);font-weight:500;font-size:1rem;line-height:1.2;}
.cta-form__author-role{color:var(--c-bg-2);font-size:0.75rem;line-height:1.4;}
.cta-form__photo{position:absolute;right:3rem;bottom:-2.5rem;width:27.6875rem;height:auto;object-fit:contain;pointer-events:none;}
@media(max-width:767.9px){
.cta-form__photo{bottom:0;width:auto;max-width:22.5rem;display:block;}
}
@media(max-width:575.9px){
.cta-form__photo{max-width:13rem;margin-right:-5rem;}
}
@keyframes jb-loader-spin {
to{transform:rotate(360deg);}
}
.jb-socials{display:inline-flex;gap:0.75rem;}
@media(max-width:767.9px){
.jb-socials{gap:0.5rem;}
}
.jb-socials__item{width:3.5rem;height:3.5rem;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:0.75rem;background-color:var(--c-white-40);transition:background-color 0.3s ease, border-color 0.3s ease;}
.jb-socials__item svg{width:1.5rem;height:1.5rem;display:block;}
.jb-socials__item svg path{fill:var(--c-white);transition:fill 0.3s ease;}
.jb-socials__item:hover{background-color:var(--c-white);border-color:var(--c-secondary);}
.jb-socials__item:hover svg path{fill:var(--c-secondary);}
.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:max(32.5rem, 400px);}
.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__desc p{margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
.callback--dark .callback__desc p:not(:last-child){margin-bottom:0.75rem;}
.callback--dark .callback__desc a{color:var(--c-primary);font-size:inherit;text-decoration:underline;text-underline-offset:3px;}
.callback--dark .callback__desc a:hover{color:var(--c-white);}
.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:4.5rem;line-height:1;opacity:0.01;}
@media(max-width:767.9px){
.banner__title{font-size:2.125rem;}
}
.banner__subtitle{font-weight:500;}
.banner__desc{opacity:0.6;max-width:31.25rem;margin-bottom:0 !important;color:var(--c-text);font-size:var(--fz-p);}
.banner__desc p{margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
.banner__desc p:not(:last-child){margin-bottom:0.75rem;}
.banner__desc a{color:var(--c-primary);font-size:inherit;text-decoration:underline;text-underline-offset:3px;}
.banner__desc a:hover{color:var(--c-white);}
.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 0 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:3.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 .banner__note p{margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
.banner--maintenance .banner__note p:not(:last-child){margin-bottom:0.75rem;}
.banner--maintenance .banner__note a{color:var(--c-primary);font-size:inherit;text-decoration:underline;text-underline-offset:3px;}
.banner--maintenance .banner__note a:hover{color:var(--c-white);}
.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;margin-bottom:7.5rem;}
@media(max-width:1023.9px){
.banner--support{margin-top:6.25rem;margin-bottom:6.25rem;}
}
@media(max-width:767.9px){
.banner--support{margin-top:5rem;margin-bottom:3.75rem;}
}
.banner--support .banner__container{background:url(//jbstudio.pro/wp-content/themes/web-jb/images/design-support/hero-bg.webp) center/100% 100% no-repeat, #1C1C1C;padding:2.5rem 2.5rem 0 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.5rem 0;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:4.5rem;font-weight:600;letter-spacing:-0.02em;}
@media(max-width:767.9px){
.banner--support .banner__title{font-size:2.25rem;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;}
}
.banner--wp{margin-top:0;margin-bottom:0;background-color:transparent;background-image:var(--banner-bg, none);background-position:top center;background-size:cover;background-repeat:no-repeat;padding:12.5rem 0 4rem;}
.banner--wp.banner--wp-glow{background-image:radial-gradient(45% 60% at 78% 25%, rgba(251, 79, 8, 0.4) 0%, rgba(251, 79, 8, 0.26) 35%, rgba(251, 79, 8, 0.03) 65%, rgba(251, 79, 8, 0) 100%), radial-gradient(120% 70% at 50% 0%, rgba(251, 79, 8, 0.06) 0%, rgba(251, 79, 8, 0) 100%), var(--banner-bg, none);background-position:top center, top center, top center;background-size:100% 100%, 100% 100%, cover;background-repeat:no-repeat;}
@media(max-width:1023.9px){
.banner--wp{padding:10rem 0 3rem;}
}
@media(max-width:767.9px){
.banner--wp{padding:7.5rem 0 2.5rem;}
}
.banner--wp .banner__container{background:none;padding:0;min-height:unset;flex-direction:column;align-items:stretch;gap:4rem;}
@media(max-width:767.9px){
.banner--wp .banner__container{gap:2.5rem;}
}
.banner--wp .banner__contents{width:100%;gap:1.5rem;}
.banner--wp .banner__subtitle{display:flex;align-items:center;gap:0.5rem;font-size:max(12px, 0.75rem);font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--c-white);}
.banner--wp .banner__subtitle:before{content:"";width:0.5rem;height:0.5rem;border-radius:50%;background-color:var(--c-primary);flex-shrink:0;}
.banner--wp .banner__title{font-size:3.75rem;font-weight:600;letter-spacing:-0.02em;max-width:56.25rem;}
@media(max-width:767.9px){
.banner--wp .banner__title{font-size:2.125rem;font-weight:500;}
}
.banner--wp .banner__desc{max-width:33.75rem;opacity:1;color:var(--c-white-60);}
.banner--wp .banner__list--cards{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:1rem;}
@media(max-width:1023.9px){
.banner--wp .banner__list--cards{grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media(max-width:767.9px){
.banner--wp .banner__list--cards{grid-template-columns:minmax(0, 1fr);}
}
.banner--wp .banner__item{display:flex;flex-direction:column;gap:1rem;background-color:#1C1C1C;border-radius:0.75rem;padding:2rem;position:relative;overflow:hidden;}
@media(max-width:767.9px){
.banner--wp .banner__item{padding:1.5rem;border-radius:0.5rem;}
}
.banner--wp .banner__item--accent{background-color:#DAF560;}
.banner--wp .banner__item--accent .banner__item-label, .banner--wp .banner__item--accent .banner__item-value, .banner--wp .banner__item--accent .banner__item-title, .banner--wp .banner__item--accent .banner__item-desc{color:#000000;}
.banner--wp .banner__item--glow{background-image:radial-gradient(120% 120% at 100% 0%, rgba(218, 245, 96, 0.18) 0%, rgba(218, 245, 96, 0) 60%);}
.banner--wp .banner__item-label{font-size:max(12px, 0.75rem);font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--c-white-60);}
.banner--wp .banner__item-icon{width:3rem;display:flex;align-items:flex-start;}
.banner--wp .banner__item-icon svg{width:3rem;height:3rem;display:block;}
.banner--wp .banner__item-value{font-size:4.5rem;font-weight:600;line-height:1;letter-spacing:-0.02em;}
@media(max-width:767.9px){
.banner--wp .banner__item-value{font-size:3rem;}
}
.banner--wp .banner__item-title{font-family:var(--ff-2);font-size:1.25rem;font-weight:500;line-height:1.2;margin:0;}
.banner--wp .banner__item-desc{font-size:max(12px, 1rem);line-height:1.4;color:var(--c-white-60);margin:0;}
.banner--wp .banner__item-value, .banner--wp .banner__item-title, .banner--wp .banner__item-desc{margin-top:auto;}
.banner--wp .banner__item-value + .banner__item-title,
.banner--wp .banner__item-value + .banner__item-desc,
.banner--wp .banner__item-title + .banner__item-desc{margin-top:0;}
.banner--wp .banner__item > :first-child{margin-top:0;min-height:4.5rem;}
@media(max-width:767.9px){
.banner--wp .banner__item > :first-child{min-height:3rem;}
}
@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__desc p{margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
.features__desc p:not(:last-child){margin-bottom:0.75rem;}
.features__desc a{color:var(--c-primary);font-size:inherit;text-decoration:underline;text-underline-offset:3px;}
.features__desc a:hover{color:var(--c-white);}
.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;}
}
.features--advantages{position:relative;}
@media(min-width:768px){
.features--advantages{margin:0;}
}
.features--advantages .features__poster, .features--advantages .features__canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;}
.features--advantages .features__poster{z-index:0;}
@media(max-width:767.9px){
.features--advantages .features__poster{height:auto;aspect-ratio:4/5;}
}
.features--advantages .features__canvas{z-index:1;}
@media(max-width:767.9px){
.features--advantages .features__canvas{display:none;}
}
.features--advantages .features__container{position:relative;z-index:2;}
.features--advantages .features__list{align-items:center;}
@media(max-width:767.9px){
.features--advantages .features__list{align-items:stretch;height:auto !important;}
}
.features--advantages .features__block{align-self:center;will-change:transform;align-items:flex-start;justify-content:space-between;text-align:left;gap:0.75rem;aspect-ratio:362/224;padding:1.5rem;background-color:rgba(17, 17, 17, 0.24);border:1px solid var(--c-white-40);border-radius:0.75rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 0.25rem 0.75rem rgba(0, 0, 0, 0.08);}
@media(max-width:767.9px){
.features--advantages .features__block{min-height:0;gap:1rem;aspect-ratio:unset;}
}
.features--advantages .features__value{align-items:baseline;font-size:4rem;line-height:1.06;letter-spacing:-0.08rem;font-weight:500;}
@media(max-width:1023.9px){
.features--advantages .features__value{font-size:2.5rem !important;}
}
.features--advantages .features__value-sm{font-size:3rem;}
@media(max-width:1023.9px){
.features--advantages .features__value-sm{font-size:2rem;}
}
.features--advantages .features__icon{position:relative;width:4.625rem;height:4.625rem;color:var(--c-white);flex-shrink:0;}
.features--advantages .features__icon svg{display:block;width:100%;height:100%;}
.features--advantages .features__icon-label{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:var(--ff-2);font-weight:500;font-size:2rem;line-height:1;color:var(--c-white);pointer-events:none;}
.features--advantages .features__desc{color:var(--c-white-60);font-size:1rem;line-height:1.4;}
.features--advantages .features__desc p{margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
.features--advantages .features__desc p:not(:last-child){margin-bottom:0.75rem;}
.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;width:100%;min-width:0;}
}
.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);word-break:break-word;}
.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;}
#comment.quiz__step [data-name=your-privacy]{display:flex;width:100%;justify-content:flex-end;}
@media(max-width:1199.9px){
#comment.quiz__step [data-name=your-privacy]{justify-content:flex-start;}
}
@media(max-width:767.9px){
#comment.quiz__step [data-name=your-privacy]{justify-content:flex-end;}
}
#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(min-width:768px){
#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;}
}
.team-roles__container{display:flex;flex-direction:column;gap:2.5rem;}
@media(max-width:767.9px){
.team-roles__container{gap:1.5rem;}
}
.team-roles__header{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;}
.team-roles__subtitle{margin-bottom:0;}
.team-roles__grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:1rem;row-gap:0;}
@media(max-width:767.9px){
.team-roles__grid{grid-template-columns:1fr;}
}
.team-roles__item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--c-white-40);}
.team-roles__item:nth-child(-n+2){border-top:1px solid var(--c-white-40);}
@media(max-width:767.9px){
.team-roles__item{padding:1.25rem 0;}
.team-roles__item:nth-child(2){border-top:none;}
}
.team-roles__image{width:5.5rem;height:5.5rem;flex-shrink:0;border-radius:0.75rem;background-color:#2F2F2F;overflow:hidden;}
.team-roles__image img{width:100%;height:100%;object-fit:cover;object-position:bottom;display:block;}
@media(max-width:767.9px){
.team-roles__image{width:4rem;height:4rem;}
}
.team-roles__content{display:flex;align-items:flex-start;gap:1rem;flex:1 1 0;min-width:0;}
@media(max-width:767.9px){
.team-roles__content{flex-direction:column;gap:0.5rem;}
}
.team-roles__name{flex:1 1 0;min-width:0;margin:0;font-weight:500;font-size:1.5rem;line-height:1.2;}
@media(max-width:767.9px){
.team-roles__name{font-size:1.25rem;}
}
.team-roles__desc{flex:1 1 0;min-width:0;margin:0;line-height:1.4;color:var(--c-white-60);}
.team-roles__desc p{margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
.team-roles__desc p:not(:last-child){margin-bottom:0.75rem;}
.team-roles__desc a{color:var(--c-primary);font-size:inherit;text-decoration:underline;text-underline-offset:3px;}
.team-roles__desc a:hover{color:var(--c-white);}
.support__container{display:flex;flex-direction:column;gap:2.5rem;padding:0 2.5rem;}
@media(max-width:767.9px){
.support__container{gap:1.5rem;padding:0;}
}
.support__header{display:flex;flex-direction:column;gap:1.5rem;max-width:44.5rem;}
@media(max-width:767.9px){
.support__header{gap:1rem;}
}
.support__title{font-size:3rem;line-height:1.2;}
@media(max-width:1023.9px){
.support__title{font-size:1.75rem;}
}
.support__lead{margin:0;color:var(--c-white-60);}
.support__lead p{margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
.support__lead p:not(:last-child){margin-bottom:0.75rem;}
.support__lead a{color:var(--c-primary);font-size:inherit;text-decoration:underline;text-underline-offset:3px;}
.support__lead a:hover{color:var(--c-white);}
.support__grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:1rem;}
@media(max-width:767.9px){
.support__grid{grid-template-columns:1fr;}
}
.support__col{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--c-white-40);}
.support__name{font-weight:500;font-size:1.5rem;line-height:1.2;}
@media(max-width:767.9px){
.support__name{font-size:1.25rem;}
}
.support__desc{margin:0;color:var(--c-white-60);}
.support__desc p{margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
.support__desc p:not(:last-child){margin-bottom:0.75rem;}
.support__desc a{color:var(--c-primary);font-size:inherit;text-decoration:underline;text-underline-offset:3px;}
.support__desc a:hover{color:var(--c-white);}
.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:flex-start;justify-content:flex-start;text-align:left;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:1.5rem;line-height:1;}
@media(max-width:767.9px){
.project-hero__banner h1{font-size:1rem;}
}
.project-hero__banner picture{position:absolute;left:0;top:0;width:100%;height:100%;}
.project-hero__img{width:100%;height:100%;object-fit:cover;border-radius:0.75rem;}
.project-hero__wrapper{position:relative;z-index:1;max-width:34.375rem;}
@media(max-width:767.9px){
.project-hero__wrapper{max-width:20rem;}
}
.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{color:#ffffff;max-width:71rem;margin-bottom:0;}
.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;color:var(--c-text);font-size:var(--fz-p);margin-bottom:0.875rem;}
.iconlist__desc p{margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
.iconlist__desc p:not(:last-child){margin-bottom:0.75rem;}
.iconlist__desc a{color:var(--c-primary);font-size:inherit;text-decoration:underline;text-underline-offset:3px;}
.iconlist__desc a:hover{color:var(--c-white);}
.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__text p{margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
.iconlist__text p:not(:last-child){margin-bottom:0.75rem;}
.iconlist__text a{color:var(--c-primary);font-size:inherit;text-decoration:underline;text-underline-offset:3px;}
.iconlist__text a:hover{color:var(--c-white);}
.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;}
}
.iconlist--numbered .iconlist__icon{font-family:var(--ff-2);font-size:1rem;font-weight:500;line-height:1;color:var(--c-primary);min-width:4rem;justify-content:center;align-items:center;}
.iconlist--numbered .iconlist__item:hover .iconlist__icon{color:#000000;}
@media(max-width:767.9px){
.iconlist--numbered .iconlist__icon{min-width:3rem;}
}
.iconlist--nomedia .iconlist__contents{grid-template-columns:minmax(0, 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;color:var(--c-text);font-size:var(--fz-p);margin-bottom:0.875rem;}
@media(max-width:767.9px){
.numberlist__desc{margin-bottom:0 !important;}
}
.numberlist__desc p{margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
.numberlist__desc p:not(:last-child){margin-bottom:0.75rem;}
.numberlist__desc a{color:var(--c-primary);font-size:inherit;text-decoration:underline;text-underline-offset:3px;}
.numberlist__desc a:hover{color:var(--c-white);}
.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;margin-bottom:0.5rem;}
@media(max-width:767.9px){
.numberlist__name{font-size:1.25rem;}
}
.numberlist__text{margin-top:0.625rem;color:var(--c-white-60);}
.numberlist__text p{margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
.numberlist__text p:not(:last-child){margin-bottom:0.75rem;}
.numberlist__text a{color:var(--c-primary);font-size:inherit;text-decoration:underline;text-underline-offset:3px;}
.numberlist__text a:hover{color:var(--c-white);}
.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;}
}
@media(max-width:767.9px){
.numberlist--rkn .jb-section__header .jb-title br{display:none;}
}
.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;}
}
.numberlist--design-support .jb-section__header{flex-direction:column;align-items:flex-start;gap:0.5rem;}
.numberlist--design-support .jb-section__header .jb-title{font-size:3rem;line-height:1.2;font-weight:500;}
@media(max-width:1023.9px){
.numberlist--design-support .jb-section__header .jb-title{font-size:1.75rem;}
}
@media(max-width:767.9px){
.numberlist--design-support .jb-section__header .jb-title br{display:none;}
}
.numberlist--design-support .jb-section__header .jb-subtitle{margin-bottom:0;color:var(--c-white-60);}
.numberlist--design-support .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--design-support .numberlist__index{border-radius:0.5rem;font-family:var(--ff-1);font-size:max(12px, 1rem);font-weight:500;line-height:1.2;}
.numberlist--design-support .numberlist__item:hover .numberlist__index{background-color:#2F2F2F;color:var(--c-primary);}
.numberlist--design-support .numberlist__name{font-family:var(--ff-2);color:var(--c-white);margin-bottom:0.5rem;}
.numberlist--design-support .numberlist__text{margin-top:0;color:var(--c-white-60);font-size:max(12px, 1rem);line-height:1.4;}
.numberlist--design-support .numberlist__grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0.5rem;width:100%;}
@media(max-width:767.9px){
.numberlist--design-support .numberlist__grid{grid-template-columns:1fr;}
}
@media(max-width:767.9px){
.numberlist--design-support .numberlist__item{width:100%;padding:1rem;grid-template-columns:auto 1fr;gap:1rem 0.75rem;align-items:center;}
.numberlist--design-support .numberlist__content{display:contents;}
.numberlist--design-support .numberlist__index{width:3.75rem;height:3.75rem;grid-column:1;grid-row:1;}
.numberlist--design-support .numberlist__name{grid-column:2;grid-row:1;margin-bottom:0;}
.numberlist--design-support .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__footnote p{margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
.pricing__footnote p:not(:last-child){margin-bottom:0.75rem;}
.pricing__footnote a{color:var(--c-primary);font-size:inherit;text-decoration:underline;text-underline-offset:3px;}
.pricing__footnote a:hover{color:var(--c-white);}
.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:2rem;line-height:1.2;font-weight:500;color:var(--c-white);}
@media(max-width:1023.9px){
.pricing--col4 .pricing__price-value{font-size:1.5rem;}
}
.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;}
.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__card-bottom{display:flex;align-items:stretch;gap:0.5rem;margin-top:auto;}
@media(max-width:767.9px){
.pricing--packages .pricing__card-bottom{flex-direction:column;}
}
.pricing--packages .pricing__params{display:flex;flex:1 1 auto;min-width:0;gap:0.5rem;margin-top:0;}
@media(max-width:767.9px){
.pricing--packages .pricing__params{flex-wrap:wrap;flex-direction:column;}
}
.pricing--packages .pricing__param{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:0.25rem;background-color:transparent;border:1px solid var(--c-white-40);border-radius:0.5rem;padding:0.5rem 1rem;}
.pricing--packages .pricing__param-label{margin-top:0;color:var(--c-white-60);font-size:max(12px, 0.75rem);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none;}
.pricing--packages .pricing__param-value{margin-top:0;font-family:var(--ff-2);font-size:max(12px, 1rem);font-weight:500;line-height:1.2;color:var(--c-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none;}
.pricing--packages .pricing__btn{flex:0 0 auto;width:auto;margin-top:0;display:inline-flex;align-items:center;gap:0.25rem;}
.pricing--packages .pricing__btn:after{content:"→";}
@media(max-width:767.9px){
.pricing--packages .pricing__btn{width:100%;justify-content:center;}
}
.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);}
.jb-blog{margin-top:7.5rem;}
@media(max-width:767.9px){
.jb-blog{margin-top:5rem;}
}
.jb-blog__header{display:flex;align-items:end;gap:1.5rem;margin-bottom:2.5rem;}
@media(max-width:767.9px){
.jb-blog__header{flex-direction:column;align-items:stretch;gap:1.25rem;margin-bottom:1.75rem;}
}
.jb-blog__heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:0.75rem;}
.jb-blog__title{font-size:3rem;line-height:1.1;}
@media(max-width:767.9px){
.jb-blog__title{font-size:1.875rem;}
}
.jb-blog__count{color:var(--c-text);white-space:nowrap;margin-bottom:0;}
.jb-blog__desc{max-width:42.5rem;margin-bottom:2.5rem;color:var(--c-text);font-size:1.125rem;}
@media(max-width:767.9px){
.jb-blog__desc{margin-bottom:1.75rem;}
}
.jb-blog__empty{grid-column:1/-1;color:var(--c-text);font-size:1.125rem;}
.jb-blog__empty .jb-search{margin-top:1.5rem;}
.jb-blog__more-wrap{display:flex;}
.jb-blog__more{margin-top:3.75rem;}
@media(max-width:767.9px){
.jb-blog__more{margin-top:3rem;}
}
.jb-blog__more[hidden]{display:none;}
.jb-blog__more.is-loading{opacity:0.6;pointer-events:none;}
.jb-blog-filter{display:flex;flex-wrap:nowrap;gap:0.5rem;margin-left:auto;}
@media(max-width:767.9px){
.jb-blog-filter{margin-left:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;margin-right:-1rem;margin-left:-1rem;padding-right:1rem;padding-left:1rem;}
.jb-blog-filter::-webkit-scrollbar{display:none;}
}
.jb-blog-filter__btn{flex:0 0 auto;}
.jb-blog-filter__btn.is-active{background-color:var(--c-primary);border-color:var(--c-primary);color:var(--c-black);}
.jb-cards{position:relative;display:grid;grid-template-columns:repeat(3, 1fr);gap:2.5rem;}
@media(max-width:1023.9px){
.jb-cards{grid-template-columns:repeat(2, 1fr);}
}
@media(max-width:767.9px){
.jb-cards{grid-template-columns:1fr;gap:3rem;}
}
.jb-cards.is-loading{pointer-events:none;}
.jb-cards.is-loading::before{content:"";position:absolute;inset:0;z-index:2;background-color:var(--c-black-60);border-radius:var(--border-radius);}
.jb-cards.is-loading::after{content:"";position:absolute;z-index:3;top:min(50%, 11.25rem);left:50%;width:2rem;height:2rem;border:0.1875rem solid var(--c-white);border-top-color:transparent;border-radius:50%;transform:translate(-50%, -50%);animation:jb-spin 0.7s linear infinite;}
@keyframes jb-spin {
to{transform:translate(-50%, -50%) rotate(360deg);}
}
.jb-card{display:flex;flex-direction:column;}
.jb-card__link{display:flex;flex-direction:column;height:100%;color:var(--c-white);}
.jb-card__thumb{position:relative;overflow:hidden;aspect-ratio:16/9;margin-bottom:1rem;background-color:var(--c-bg-3);border-radius:var(--border-radius);}
.jb-card__thumb:empty{display:none;}
.jb-card__img{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius);transition:transform 0.4s ease;}
.jb-card__link:hover .jb-card__img{transform:scale(1.04);}
.jb-card__body{display:flex;flex-direction:column;gap:0.5rem;}
.jb-card__meta{display:flex;flex-wrap:wrap;gap:0.5rem;}
.jb-card__cat, .jb-card__date, .jb-card__read{display:flex;align-items:center;height:1.875rem;padding:0.25rem 0.5rem;border-radius:0.5rem;background-color:var(--c-bg-3);color:var(--c-white-60);font-size:1rem;line-height:1;}
.jb-card__title{color:var(--c-white);font-size:1.375rem;font-weight:500;line-height:1.25;transition:color 0.3s ease;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;}
.jb-card__link:hover .jb-card__title{color:var(--c-primary);}
.jb-card__excerpt{color:var(--c-white-60);font-size:1rem;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;}
.jb-blog .pagination, .jb-related + .pagination{margin-top:3rem;}
.pagination{margin-top:3rem;}
.pagination .nav-links{display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center;}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;height:2.75rem;padding:0 0.875rem;border:0.0625rem solid var(--c-white-20);border-radius:0.5rem;color:var(--c-white);font-size:1rem;transition:all 0.3s ease;}
.pagination .page-numbers:hover{border-color:var(--c-primary);color:var(--c-primary);}
.pagination .page-numbers.current{background-color:var(--c-primary);border-color:var(--c-primary);color:var(--c-black);}
.pagination .page-numbers.dots{border-color:transparent;}
.jb-search{display:flex;gap:0.625rem;max-width:32.5rem;}
.jb-search__field{flex:1 1 auto;}
.jb-search__input{width:100%;}
.jb-search__submit{flex:0 0 auto;}
.screen-reader-text{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}
.jb-post{padding-top:2.5rem;}
@media(max-width:767.9px){
.jb-post{padding-top:6.875rem;}
}
.jb-post__inner{display:grid;grid-template-columns:minmax(0, 1fr) 28.5rem;gap:4rem;}
@media(max-width:1023.9px){
.jb-post__inner{grid-template-columns:minmax(0, 1fr);gap:2rem;}
}
.jb-post__main{min-width:0;}
@media(max-width:1023.9px){
.jb-post__main{display:contents;}
.jb-post__main > .jb-share{order:3;margin:0;}
}
.jb-post__aside{min-width:0;}
@media(max-width:1023.9px){
.jb-post__aside{order:4;}
}
.jb-post__side{padding:3rem;border:0.0625rem solid var(--c-white-40);border-radius:var(--border-radius);}
@media(min-width:1024px){
.jb-post__side{display:flex;flex-direction:column;max-height:calc(100vh - 7.75rem);}
.jb-post__side .jb-toc{display:flex;flex-direction:column;min-height:0;}
.jb-post__side .jb-toc__title{flex-shrink:0;}
.jb-post__side .jb-toc__list{overflow-y:auto;margin-right:-3rem;padding-right:3rem;scrollbar-width:thin;scrollbar-color:var(--c-white-40) transparent;}
.jb-post__side .jb-toc__list::-webkit-scrollbar{width:0.375rem;}
.jb-post__side .jb-toc__list::-webkit-scrollbar-track{background-color:transparent;}
.jb-post__side .jb-toc__list::-webkit-scrollbar-thumb{background-color:var(--c-white-40);border:none;border-radius:62.4375rem;}
.jb-post__side .jb-toc__list::-webkit-scrollbar-thumb:hover{background-color:var(--c-white-60);}
}
@media(max-width:767.9px){
.jb-post__side{padding:1.5rem;}
}
.jb-post__side-meta{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1.25rem;}
@media(min-width:1024px){
.jb-post__side-meta{flex-shrink:0;}
}
.jb-post__chip{display:flex;align-items:center;height:1.875rem;padding:0.25rem 0.5rem;border-radius:0.5rem;background-color:var(--c-bg-3);color:var(--c-white-60);font-size:1rem;line-height:1;}
.jb-post__head{margin-bottom:1.5rem;}
@media(max-width:1023.9px){
.jb-post__head{order:1;margin-bottom:0;}
}
.jb-post__crumbs{margin-bottom:1.25rem;}
.jb-post__title{font-size:3rem;font-weight:500;line-height:1.1;}
@media(max-width:767.9px){
.jb-post__title{font-size:1.875rem;}
}
.jb-post__cover{margin:1.5rem 0;aspect-ratio:16/9;overflow:hidden;border-radius:var(--border-radius);background-color:var(--c-bg-3);}
@media(max-width:1023.9px){
.jb-post__cover{order:2;margin:0;}
}
.jb-post__cover-img{width:100%;height:100%;object-fit:cover;}
.jb-post__content{margin-top:2rem;color:var(--c-white-60);font-family:var(--ff-1);font-size:1rem;line-height:1.7;}
.jb-post__content > * + *{margin-top:1.375rem;}
.jb-post__content h2, .jb-post__content h3, .jb-post__content h4{color:var(--c-white);font-family:var(--ff-2);font-weight:500;line-height:1.25;scroll-margin-top:6.25rem;}
.jb-post__content h2{font-size:2rem;margin-top:3rem;}
.jb-post__content h3{font-size:1.5rem;margin-top:2.25rem;}
.jb-post__content h4{font-size:1.25rem;margin-top:1.75rem;}
.jb-post__content p{color:inherit;font-size:inherit;margin-bottom:0;}
.jb-post__content strong, .jb-post__content b{color:var(--c-white);font-weight:600;}
.jb-post__content a{color:var(--c-primary);font-size:inherit;text-decoration:underline;text-underline-offset:3px;}
.jb-post__content a:hover{color:var(--c-white);}
.jb-post__content ul, .jb-post__content ol{margin:1.5rem 0 0;padding-left:1.5rem;color:inherit;}
.jb-post__content li{margin:0 0 0.5rem;color:inherit;}
.jb-post__content li::marker{color:var(--c-primary);}
.jb-post__content li > ul, .jb-post__content li > ol{margin-top:0.5rem;}
.jb-post__content blockquote, .jb-post__content .wp-block-quote{margin:2rem auto;padding:0 0 0 3rem;border-left:0.1875rem solid var(--c-primary);border-radius:0.875rem;color:var(--c-white);font-size:1.25rem;font-style:normal;}
@media(max-width:767.9px){
.jb-post__content blockquote, .jb-post__content .wp-block-quote{padding-left:1.5rem;}
}
.jb-post__content blockquote p, .jb-post__content .wp-block-quote p{color:var(--c-white);}
.jb-post__content blockquote cite, .jb-post__content blockquote .wp-block-quote__citation, .jb-post__content .wp-block-quote cite, .jb-post__content .wp-block-quote .wp-block-quote__citation{display:block;margin-top:0.625rem;color:var(--c-text);font-size:0.9375rem;font-style:normal;}
.jb-post__content .wp-block-pullquote{margin:2.5rem auto;padding:3rem;border:0.125rem dashed var(--c-primary);dashes:6, 6;border-radius:0.875rem;text-align:center;}
.jb-post__content .wp-block-pullquote blockquote{margin:0;padding:0;border:none;border-radius:0;}
.jb-post__content .wp-block-pullquote p{color:var(--c-white);font-size:1.625rem;}
@media(max-width:767.9px){
.jb-post__content .wp-block-pullquote{padding:1.5rem;}
}
.jb-post__content figure, .jb-post__content .wp-block-image{margin:2rem auto;}
.jb-post__content img{display:block;max-width:100%;height:auto;border-radius:1rem;}
.jb-post__content figcaption, .jb-post__content .wp-block-image figcaption{margin-top:0.625rem;color:var(--c-text);font-size:0.875rem;text-align:center;}
.jb-post__content .alignleft{float:left;max-width:50%;margin:0.375rem 1.5rem 1rem 0;}
.jb-post__content .alignright{float:right;max-width:50%;margin:0.375rem 0 1rem 1.5rem;}
.jb-post__content .aligncenter{margin-left:auto;margin-right:auto;text-align:center;}
.jb-post__content .alignwide{width:min(100vw - 4rem, 65rem);max-width:none;margin-left:50%;transform:translateX(-50%);}
.jb-post__content .alignfull{width:100vw;max-width:none;margin-left:50%;transform:translateX(-50%);}
.jb-post__content .wp-block-columns{gap:1.5rem;}
.jb-post__content :where(.wp-block-column, .wp-block-group, .wp-block-group__inner-container) > * + *{margin-top:1.375rem;}
.jb-post__content .wp-block-gallery{--wp--style--gallery-gap-default:1.5rem;}
.jb-post__content .wp-block-table{max-width:100%;overflow-x:auto;font-size:1rem;border-radius:0.5rem;border:none;}
.jb-post__content table, .jb-post__content .wp-block-table table{display:table;width:100%;border-collapse:collapse;border-radius:0.5rem;}
.jb-post__content thead{display:table-header-group;border-width:1px;}
.jb-post__content tbody{display:table-row-group;}
.jb-post__content tr{display:table-row;}
.jb-post__content th, .jb-post__content td{display:table-cell;padding:0.75rem 1rem;border:1px solid var(--c-white-20);text-align:left;vertical-align:top;}
.jb-post__content th{color:var(--c-white);font-weight:500;}
.jb-post__content .wp-block-table:not(.is-style-stripes){background-color:var(--c-bg-3);padding:3rem;}
@media(max-width:767.9px){
.jb-post__content .wp-block-table:not(.is-style-stripes){padding:1.5rem;}
}
.jb-post__content .wp-block-table:not(.is-style-stripes) th,
.jb-post__content .wp-block-table:not(.is-style-stripes) td{padding:0.875rem 0.875rem 0.875rem 0;border:none;border-bottom:0.0625rem solid var(--c-white-40);color:var(--c-white);}
.jb-post__content .wp-block-table:not(.is-style-stripes) td{padding:2.375rem 0.875rem 0.875rem 0;}
.jb-post__content .wp-block-table:not(.is-style-stripes) tr:last-child td{border-bottom:none;}
.jb-post__content .wp-block-table:not(.is-style-stripes) th{color:var(--c-white-60);}
.jb-post__content .wp-block-table figcaption{margin-top:0.5rem;text-align:left;}
.jb-post__content .wp-block-table.is-style-stripes{border:1px solid var(--c-white-20);}
.jb-post__content .wp-block-table.is-style-stripes th, .jb-post__content .wp-block-table.is-style-stripes td{border-color:transparent;}
.jb-post__content .wp-block-table.is-style-stripes thead th{border-bottom-color:var(--c-white-20);}
.jb-post__content .wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:var(--c-white-10);}
.jb-post__content .jb-table-scroll{position:relative;margin:2rem auto;}
.jb-post__content .jb-table-scroll .wp-block-table{margin:0;}
.jb-post__content .jb-table-scroll::before, .jb-post__content .jb-table-scroll::after{content:"";position:absolute;top:0;bottom:0;z-index:2;width:3rem;pointer-events:none;opacity:0;transition:opacity 0.2s ease;}
.jb-post__content .jb-table-scroll::before{left:-1px;background:linear-gradient(to right, var(--c-black), transparent);}
.jb-post__content .jb-table-scroll::after{right:-1px;background:linear-gradient(to left, var(--c-black), transparent);}
.jb-post__content .jb-table-scroll.has-left::before{opacity:1;}
.jb-post__content .jb-table-scroll.has-right::after{opacity:1;}
.jb-post__content code{padding:0.15em 0.4em;background:var(--c-white-10);border-radius:0.25rem;font-family:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;font-size:0.9em;}
.jb-post__content pre{margin:1.75rem 0;padding:1.25rem;overflow:auto;background:#111;border-radius:0.75rem;color:#e6e6e6;font-family:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;font-size:0.9375rem;line-height:1.5;}
.jb-post__content pre code{padding:0;background:none;font-size:inherit;}
.jb-post__content .wp-block-buttons{margin-top:2rem;}
.jb-post__content .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;padding:1.25rem 1.5rem;border:0.0625rem solid var(--c-primary);border-radius:0.5rem;background-color:var(--c-primary);color:var(--c-black);font-family:var(--ff-2);font-size:var(--fz-btn);font-weight:500;line-height:1;text-decoration:none;transition:all 0.3s ease;}
.jb-post__content .wp-block-button__link:hover{background-color:var(--c-white);color:var(--c-black);}
.jb-post__content .wp-block-button.is-style-outline .wp-block-button__link{border-color:var(--c-white-40);background-color:transparent;color:var(--c-primary);}
.jb-post__content .wp-block-button.is-style-outline .wp-block-button__link:hover{border-color:var(--c-primary);background-color:var(--c-primary);color:var(--c-black);}
.jb-post__content .wp-block-separator{margin:2.5rem auto;border:0;border-top:0.0625rem solid var(--c-white-20);}
.jb-post__content .wp-block-embed{margin:2rem 0;}
.jb-post__content .wp-block-details{padding:1.5rem 0;border-bottom:0.0625rem solid var(--c-white-40);}
@media(max-width:767.9px){
.jb-post__content .wp-block-details{padding:1rem 0;}
}
.jb-post__content .wp-block-details:first-of-type{border-top:0.0625rem solid var(--c-white-40);}
.jb-post__content .wp-block-details > summary{position:relative;margin:0;padding-right:2.375rem;list-style:none;color:var(--c-white);font-family:var(--ff-2);font-size:1.5rem;font-weight:500;line-height:1.2;cursor:pointer;transition:color 0.3s ease;}
@media(max-width:767.9px){
.jb-post__content .wp-block-details > summary{font-size:1.25rem;}
}
.jb-post__content .wp-block-details > summary::-webkit-details-marker{display:none;}
.jb-post__content .wp-block-details > summary::before, .jb-post__content .wp-block-details > summary::after{content:"";position:absolute;top:50%;right:0;background-color:var(--c-white);transition:transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;}
.jb-post__content .wp-block-details > summary::before{width:1.125rem;height:0.1rem;transform:translateY(-50%);}
.jb-post__content .wp-block-details > summary::after{right:0.5125rem;width:0.1rem;height:1.125rem;transform:translateY(-50%);}
.jb-post__content .wp-block-details > summary ~ *{margin-top:1.5rem;}
@media(max-width:767.9px){
.jb-post__content .wp-block-details > summary ~ *{margin-top:0.75rem;}
}
.jb-post__content .wp-block-details > summary ~ * ~ *,
.jb-post__content .wp-block-details .jb-details__content > * + *{margin-top:1rem;}
.jb-post__content .wp-block-details.is-open > summary{color:var(--c-primary);}
.jb-post__content .wp-block-details.is-open > summary::before{background-color:var(--c-primary);}
.jb-post__content .wp-block-details.is-open > summary::after{transform:translateY(-50%) scaleY(0);opacity:0;}
.jb-post__content .has-drop-cap:first-letter{float:left;margin:0.375rem 0.625rem 0 0;color:var(--c-primary);font-family:var(--ff-2);font-size:4rem;line-height:0.8;}
@media(max-width:1023.9px){
.jb-post__content{order:5;min-width:0;margin-top:0;}
}
.jb-post__foot{margin-top:2.5rem;padding-top:1.5rem;border-top:0.0625rem solid var(--c-white-10);}
@media(max-width:1023.9px){
.jb-post__foot{order:6;margin-top:0;}
}
.jb-toc__title{margin-bottom:1.5rem;color:var(--c-white);font-size:2rem;font-weight:500;}
.jb-toc__list{margin:0;padding:0;list-style:none;}
.jb-toc__item{margin:0 0 0.5rem;}
.jb-toc__item:last-child{margin-bottom:0;}
.jb-toc__item--h3{padding-left:1.125rem;}
.jb-toc__link{color:var(--c-text);font-size:1rem;line-height:1.4;text-decoration:none;}
.jb-toc__link:hover{color:var(--c-primary);}
.jb-share{display:flex;flex-wrap:wrap;align-items:center;gap:0.625rem;margin:1.5rem 0;}
.jb-share__label{margin-right:0.25rem;color:var(--c-text);font-size:0.875rem;}
.jb-share__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.625rem;height:2.625rem;padding:0;background-color:var(--c-bg-3);border:none;border-radius:0.625rem;color:var(--c-white);cursor:pointer;transition:background-color 0.3s ease, color 0.3s ease;}
.jb-share__btn svg{display:block;width:1.25rem;height:1.25rem;}
.jb-share__btn:hover{background:var(--c-primary);color:var(--c-black);}
.jb-share__copy.is-copied::after{content:"Скопировано";position:absolute;bottom:calc(100% + 0.5rem);left:50%;transform:translateX(-50%);padding:0.25rem 0.5rem;background-color:var(--c-bg-3);color:var(--c-white-80);border-radius:0.375rem;font-size:0.75rem;white-space:nowrap;}
.jb-related__title{margin-bottom:2rem;font-size:2rem;font-weight:500;}
@media(max-width:767.9px){
.jb-related__title{margin-bottom:1.5rem;font-size:1.5rem;}
}
.anchors{margin-bottom:5rem;}
.anchors__container{flex-direction:row;flex-wrap:wrap;gap:0.5rem;}
.estimate__container{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:6rem;align-items:start;}
@media(max-width:1023.9px){
.estimate__container{grid-template-columns:1fr;gap:2.5rem;}
}
.estimate__col--intro{height:100%;display:flex;flex-direction:column;}
.estimate__header{flex-grow:1;flex-direction:column;align-items:flex-start;gap:0;overflow:visible;margin-bottom:2.5rem;}
.estimate__lead-title{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){
.estimate__lead-title{font-size:1.25rem;}
}
.estimate__lead{color:var(--c-white-60);font-size:max(12px, 1rem);line-height:1.5;margin:0 0 1.5rem;}
.estimate__lead p{margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
.estimate__lead p:not(:last-child){margin-bottom:0.75rem;}
.estimate__chips{display:flex;flex-wrap:wrap;gap:0.5rem;}
.estimate__chip{display:inline-flex;align-items:center;padding:0.625rem 1rem;border-radius:6.25rem;border:1px solid var(--c-white-20);color:var(--c-white);font-size:max(12px, 0.875rem);line-height:1.2;}
@media(max-width:767.9px){
.estimate__chip{padding:0.5rem 0.875rem;}
}
.estimate__list-title{font-family:var(--ff-2);font-size:1.5rem;font-weight:500;line-height:1.3;color:var(--c-primary);margin-bottom:0.5rem;}
@media(max-width:767.9px){
.estimate__list-title{font-size:1.25rem;}
}
.estimate__item{padding:1.5rem 0;border-top:1px solid var(--c-white-20);}
.estimate__item:first-child{border-top:0;}
.estimate__item:last-child{border-bottom:1px solid var(--c-white-20);}
@media(max-width:767.9px){
.estimate__item{padding:1.25rem 0;}
}
.estimate__item-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.5rem;}
@media(max-width:767.9px){
.estimate__item-title{font-size:1.25rem;}
}
.estimate__item-desc{color:var(--c-white-60);font-size:max(12px, 1rem);line-height:1.5;margin:0;}
.estimate__item-desc p{margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
.estimate__item-desc p:not(:last-child){margin-bottom:0.75rem;}
.page-id-11866 main{background-image:radial-gradient(circle 90.625rem at 50% -67.8125rem, rgba(102, 112, 255, 0.8) 0%, rgba(102, 112, 255, 0.775) 62%, rgba(102, 112, 255, 0.695) 69%, rgba(102, 112, 255, 0.557) 74.8%, rgba(102, 112, 255, 0.455) 77.9%, rgba(102, 112, 255, 0.38) 80.3%, rgba(102, 112, 255, 0.292) 82.8%, rgba(102, 112, 255, 0.21) 85.5%, rgba(102, 112, 255, 0.122) 89%, rgba(102, 112, 255, 0.047) 93.1%, rgba(102, 112, 255, 0.019) 96.6%, rgba(102, 112, 255, 0) 100%);background-repeat:no-repeat;}
@media(max-width:767.9px){
.page-id-11866 main {
background-image: radial-gradient(circle 40rem at 50% -30rem, rgba(102, 112, 255, 0.8) 0%, rgba(102, 112, 255, 0.775) 62%, rgba(102, 112, 255, 0.695) 69%, rgba(102, 112, 255, 0.557) 74.8%, rgba(102, 112, 255, 0.455) 77.9%, rgba(102, 112, 255, 0.38) 80.3%, rgba(102, 112, 255, 0.292) 82.8%, rgba(102, 112, 255, 0.21) 85.5%, rgba(102, 112, 255, 0.122) 89%, rgba(102, 112, 255, 0.047) 93.1%, rgba(102, 112, 255, 0.019) 96.6%, rgba(102, 112, 255, 0) 100%);
background-repeat: no-repeat;
}
}