.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.pdncl-hidden {
display: none !important;
}
.pdncl-visually-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.pdncl-banner[hidden],
.pdncl-reopen[hidden],
.pdncl-modal-backdrop[hidden] {
display: none !important;
}
.pdncl-banner,
.pdncl-modal {
box-sizing: border-box;
font-family: inherit;
}
.pdncl-banner {
position: fixed;
bottom: 20px;
z-index: 999999;
width: min(560px, calc(100vw - 40px));
background: #fff;
color: #1d2327;
border: 1px solid rgba(0,0,0,.12);
border-radius: 14px;
box-shadow: 0 14px 44px rgba(0,0,0,.18);
padding: 18px;
}
.pdncl-banner--bottom-left {
left: 20px;
}
.pdncl-banner--bottom-right {
right: 20px;
}
.pdncl-banner--bottom-center {
left: 50%;
transform: translateX(-50%);
}
.pdncl-banner__title {
margin: 0 0 8px;
font-size: 18px;
line-height: 1.35;
font-weight: 700;
}
.pdncl-banner__text {
margin: 0;
font-size: 14px;
line-height: 1.5;
}
.pdncl-banner__links {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px 16px;
max-width: 100%;
margin-top: 12px;
overflow-x: hidden;
}
.pdncl-banner__link {
display: inline-block;
max-width: 100%;
color: #2563eb;
font-size: 12px;
line-height: 1.35;
font-weight: 500;
text-decoration: underline;
text-underline-offset: 2px;
overflow-wrap: anywhere;
}
.pdncl-banner__link:hover,
.pdncl-banner__link:focus {
color: #1d4ed8;
}
.pdncl-banner__actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 16px;
}
.pdncl-button {
appearance: none;
border: 1px solid #d0d7de;
border-radius: 8px;
padding: 9px 14px;
background: #fff;
color: #1d2327;
cursor: pointer;
font: inherit;
font-size: 14px;
line-height: 1.2;
}
.pdncl-button:hover {
border-color: #8c959f;
}
.pdncl-button--primary {
background: #1d2327;
border-color: #1d2327;
color: #fff;
}
.pdncl-button--primary:hover {
background: #000;
border-color: #000;
}
.pdncl-modal-backdrop {
position: fixed;
inset: 0;
z-index: 1000000;
background: rgba(0,0,0,.42);
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.pdncl-modal {
width: min(620px, 100%);
max-height: calc(100vh - 40px);
overflow: auto;
background: #fff;
color: #1d2327;
border-radius: 14px;
box-shadow: 0 18px 50px rgba(0,0,0,.24);
padding: 20px;
}
.pdncl-modal h2 {
margin: 0 0 14px;
font-size: 20px;
}
.pdncl-category {
border: 1px solid #e5e7eb;
border-radius: 10px;
padding: 14px;
margin-bottom: 12px;
}
.pdncl-category__head {
display: flex;
justify-content: space-between;
align-items: center;
gap: 14px;
}
.pdncl-category__title {
font-weight: 700;
}
.pdncl-category__description {
margin: 6px 0 0;
color: #646970;
font-size: 13px;
line-height: 1.45;
}
.pdncl-toggle {
position: relative;
flex: 0 0 auto;
display: inline-block;
width: 48px;
height: 26px;
}
.pdncl-toggle input {
opacity: 0;
width: 0;
height: 0;
}
.pdncl-toggle__slider {
position: absolute;
cursor: pointer;
inset: 0;
background: #c7c7c7;
transition: .2s;
border-radius: 26px;
}
.pdncl-toggle__slider:before {
content: "";
position: absolute;
height: 20px;
width: 20px;
left: 3px;
bottom: 3px;
background: #fff;
border-radius: 50%;
transition: .2s;
}
.pdncl-toggle input:checked + .pdncl-toggle__slider {
background: #1d2327;
}
.pdncl-toggle input:checked + .pdncl-toggle__slider:before {
transform: translateX(22px);
}
.pdncl-toggle input:disabled + .pdncl-toggle__slider {
opacity: .55;
cursor: not-allowed;
}
.pdncl-modal__actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 16px;
}
@media (max-width: 600px) {
.pdncl-banner {
left: 10px;
right: 10px;
bottom: 10px;
width: auto;
padding: 14px;
transform: none;
}
.pdncl-banner__actions,
.pdncl-modal__actions {
flex-direction: column;
}
.pdncl-button {
width: 100%;
}
}
.pdncl-reopen {
position: fixed;
z-index: 999998;
bottom: 0;
min-width: 96px;
border: 1px solid rgba(0,0,0,.14);
border-bottom: 0;
border-radius: 12px 12px 0 0;
background: #1d2327;
color: #fff;
box-shadow: 0 10px 28px rgba(0,0,0,.2);
padding: 9px 16px 12px;
font: inherit;
font-size: 13px;
line-height: 1;
cursor: pointer;
transform: translateY(30px);
transition: transform .2s ease, box-shadow .2s ease;
}
.pdncl-reopen:hover,
.pdncl-reopen:focus {
transform: translateY(18px);
box-shadow: 0 12px 32px rgba(0,0,0,.24);
}
.pdncl-reopen--bottom-left {
left: 20px;
}
.pdncl-reopen--bottom-right {
right: 20px;
}
.pdncl-reopen--bottom-center {
left: 50%;
transform: translate(-50%, 30px);
}
.pdncl-reopen--bottom-center:hover,
.pdncl-reopen--bottom-center:focus {
transform: translate(-50%, 18px);
}
.pdncl-reopen__handle {
display: block;
white-space: nowrap;
}
.pdncl-video-placeholder {
box-sizing: border-box;
width: 100%;
max-width: 100%;
aspect-ratio: 16 / 9;
min-height: 220px;
background: linear-gradient(135deg, #111827, #243244);
color: #fff;
border-radius: 12px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
}
.pdncl-video-placeholder__inner {
max-width: 520px;
text-align: center;
}
.pdncl-video-placeholder__icon {
width: 66px;
height: 66px;
border-radius: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(255,255,255,.14);
font-size: 28px;
margin-bottom: 14px;
}
.pdncl-video-placeholder__title {
font-weight: 700;
font-size: 18px;
margin-bottom: 8px;
}
.pdncl-video-placeholder p {
margin: 0 auto 16px;
color: rgba(255,255,255,.82);
font-size: 14px;
line-height: 1.5;
}
.pdncl-video-placeholder__button {
background: #fff;
color: #1d2327;
border-color: #fff;
}
.pdncl-video-placeholder.is-loading {
position: relative;
pointer-events: none;
opacity: .92;
}
.pdncl-video-placeholder.is-loading .pdncl-video-placeholder__button {
position: relative;
padding-left: 38px;
}
.pdncl-video-placeholder.is-loading .pdncl-video-placeholder__button:before,
.pdncl-video-loader__spinner,
.pdncl-map-loader__spinner {
content: "";
display: inline-block;
width: 16px;
height: 16px;
border: 2px solid currentColor;
border-right-color: transparent;
border-radius: 50%;
animation: pdncl-spin .7s linear infinite;
}
.pdncl-video-placeholder.is-loading .pdncl-video-placeholder__button:before {
position: absolute;
left: 14px;
top: 50%;
margin-top: -8px;
}
@keyframes pdncl-spin {
to {
transform: rotate(360deg);
}
} .pdncl-video-loaded {
position: relative;
margin-block: 20px;
width: 100%;
}
.pdncl-video-loaded iframe {
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
}
.pdncl-video-loaded.is-loading {
min-height: 220px;
background: #111827;
border-radius: 12px;
overflow: hidden;
}
.pdncl-video-loaded.is-loading iframe {
opacity: 0;
}
.pdncl-video-loader {
position: absolute;
inset: 0;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
background: linear-gradient(135deg, #111827, #243244);
color: #fff;
font-size: 14px;
font-weight: 600;
}
@supports not (aspect-ratio: 1) {
.pdncl-video-loaded {
position: relative;
padding: 56.25% 0 0;
height: 0;
overflow: hidden;
}
.pdncl-video-loaded iframe {
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
}
}
@media (max-width: 600px) {
.pdncl-reopen--bottom-left,
.pdncl-reopen--bottom-right {
left: 16px;
right: auto;
}
.pdncl-video-placeholder {
min-height: 180px;
padding: 18px;
}
} [data-pdncl-map-wrap] {
position: relative;
overflow: hidden;
cursor: pointer;
background-image: var(--pdncl-map-bg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
[data-pdncl-map-wrap]:focus-visible {
outline: 3px solid rgba(37, 99, 235, 0.75);
outline-offset: -3px;
}
[data-pdncl-map-wrap] [data-object-location-map] {
position: absolute;
inset: 0;
z-index: 1;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none;
transition: opacity .2s ease;
}
[data-pdncl-map-wrap].pdncl-map-visible {
cursor: auto;
background-image: none !important;
}
[data-pdncl-map-wrap].pdncl-map-visible [data-object-location-map] {
opacity: 1;
pointer-events: auto;
}
.pdncl-map-loader {
position: absolute;
inset: 0;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
background: rgba(17, 24, 39, .58);
color: #fff;
font-size: 14px;
font-weight: 600;
pointer-events: none;
}
.pdncl-map-loader--error {
background: rgba(127, 29, 29, .72);
}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media(hover:hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset)}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.is-loading>.f-html{opacity:0}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar .f-button:focus-visible{position:relative;z-index:1}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-scrollable.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2.5;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 30px;--f-close-button-height: 30px;--f-close-button-svg-width: 24px;--f-close-button-svg-height: 24px;--f-close-button-svg-stroke-width: 1.75;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 7px;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 10px;--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 10px}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container .fancybox__column>*:not(.fancybox__viewport),.fancybox__container .fancybox__slide:not(.is-selected),.fancybox__container .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-revealing .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-hiding .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-hiding{pointer-events:none}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-iframe{overflow:hidden;padding:8px 0}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel,.fancybox__container.is-closing .fancybox__viewport,.fancybox__container.is-closing .fancybox__slide.is-selected{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);position:absolute;top:calc((var(--f-button-height) + 2px) * -1);right:0;z-index:10}.is-loading .f-button.is-close-button{visibility:hidden}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 8px;--f-thumbs-transition: none;--f-thumbs-padding-x: 4px;--f-thumbs-padding-y: 8px;--f-thumbs-viewport-padding-x: 4px;--f-thumbs-viewport-padding-y: 0px;max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;max-height:unset;--f-thumbs-padding-y: unset}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden!important;grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)))!important}*{padding:0;margin:0;border:0}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{height:100%;width:100%;margin:0;padding:0;font-size:16px;scroll-behavior:smooth}article,aside,details,figcaption,figure,footer,header,hgroup,menu,section{display:block}ol,ul{list-style:none;padding:0;margin:0}img{vertical-align:top;max-width:100%}sup{vertical-align:text-top}sub{vertical-align:text-bottom}table{border-collapse:collapse;border-spacing:0}address{font-style:normal}a{background:0 0;text-decoration:none;outline:0;border:none;color:inherit;-webkit-tap-highlight-color:transparent}a:active,a:focus{outline:0}:active,:focus{outline:0}body{line-height:1;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}button,input,textarea{font-family:inherit}button,input,textarea{font-size:inherit}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1}input::placeholder,textarea::placeholder{opacity:1}input::-ms-clear{display:none}[role=button],button{background:inherit;cursor:pointer;font-size:inherit;-webkit-tap-highlight-color:transparent;color:inherit}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}:focus::-webkit-input-placeholder{color:transparent}:focus::-moz-placeholder{color:transparent}:focus:-moz-placeholder{color:transparent}:focus:-ms-input-placeholder{color:transparent}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button}._container {
margin: 0 auto;
padding: 0 1rem;
max-width: 100%
}
body {
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
color: #425460;
background-color: #fff;
line-height: 1.3;
font-size: clamp(14px, .3703703704vw + 12.6666666667px, 18px)
}
.lock {
overflow: hidden
}
h1 {
font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 450;
line-height: 1.2;
font-size: clamp(26px, 2.7777777778vw + 16px, 56px)
}
h2 {
font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 450;
line-height: 1.2;
font-size: clamp(24px, 2.2222222222vw + 16px, 48px)
}
h3 {
font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 450;
font-style: italic;
line-height: 1.2;
font-size: clamp(18px, .5555555556vw + 16px, 24px)
}
.wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100%;
overflow-x: clip
}
.main {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
background: #edfbff
}
.main:not(.main--home) {
padding-top: 3.5rem
}
.admin-bar .main:not(.main--home) {
padding-top: calc(3.5rem + 46px)
}
.cover-image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.text-nowrap {
white-space: nowrap
}
::-webkit-scrollbar {
width: .5rem
}
::-webkit-scrollbar-track {
background: #fff
}
::-webkit-scrollbar-thumb {
background: #26668c;
border-radius: .5rem
}
.swiper-pagination {
position: static;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .625rem;
margin-top: 1.25rem
}
.swiper-pagination-bullet {
width: .625rem;
height: .625rem;
border-radius: 50%;
background: #26668c
}
.screen-reader-text {
display: none !important
}
@font-face {
font-family: Inter;
src: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/fonts/Inter-VariableFont_opsz,wght.woff2) format("woff2 supports variations"), url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/fonts/Inter-VariableFont_opsz,wght.woff2) format("woff2-variations"), url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/fonts/Inter-VariableFont_opsz,wght.woff) format("woff");
font-weight: 100 900;
font-stretch: 75% 125%;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Manrope;
src: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/fonts/Manrope-VariableFont_wght.woff2) format("woff2 supports variations"), url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/fonts/Manrope-VariableFont_wght.woff2) format("woff2-variations"), url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/fonts/Manrope-VariableFont_wght.woff) format("woff");
font-weight: 100 900;
font-stretch: 75% 125%;
font-style: normal;
font-display: swap
}
.text-ui {
line-height: 1.3;
color: #425460;
font-size: clamp(14px, .3703703704vw + 12.6666666667px, 18px)
}
.text-btn {
font-weight: 500;
line-height: 1.2;
letter-spacing: -.02em;
color: #26668c;
text-transform: uppercase;
font-size: clamp(16px, .3703703704vw + 14.6666666667px, 20px)
}
.title {
font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 450;
line-height: 1.2;
color: #26668c
}
.title-lg {
font-size: clamp(26px, 2.7777777778vw + 16px, 56px);
letter-spacing: -.0080714286em
}
.title-md {
font-size: clamp(24px, 2.2222222222vw + 16px, 48px)
}
.title-md-xl {
font-size: clamp(28px, 1.8518518519vw + 21.3333333333px, 48px);
letter-spacing: -.04em
}
.title-sm {
font-style: italic;
letter-spacing: -.02em;
font-size: clamp(18px, .5555555556vw + 16px, 24px)
}
.title-md-sm {
font-style: italic;
letter-spacing: -.02em;
font-size: clamp(20px, .3703703704vw + 18.6666666667px, 24px)
}
.title-popup {
font-size: clamp(24px, .7407407407vw + 21.3333333333px, 32px);
letter-spacing: -.04em
}
.title-md--panels {
letter-spacing: -.0054166667em
}
.title--light {
color: #fff
}
.title--brand {
color: #26668c
}
.text-lead {
color: #425460;
line-height: 1.3;
font-size: clamp(14px, .3703703704vw + 12.6666666667px, 18px)
}
.text-lead--light {
color: #fff
}
span.tag {
display: inline-block;
border-radius: 100px;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: .875rem;
font-weight: 500;
line-height: 1.2;
text-transform: uppercase;
background: #55acbf;
color: #fff;
padding: .375rem .75rem
}
.tag--white {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 100px;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: .875rem;
font-weight: 500;
line-height: 1.2;
text-transform: uppercase;
background: #fff;
color: #26668c;
padding: .375rem .625rem;
letter-spacing: -.02em;
white-space: nowrap
}
.typography-block {
color: #425460;
line-height: 1.3;
font-size: clamp(14px, .3703703704vw + 12.6666666667px, 18px)
}
.typography-block h1,
.typography-block h2 {
font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 500;
line-height: 1.2;
color: #26668c
}
.typography-block h3,
.typography-block h4,
.typography-block h5,
.typography-block h6 {
font-weight: 500;
color: #26668c
}
.typography-block h1 {
margin: 0 0 1.25rem;
font-size: clamp(26px, 2.7777777778vw + 16px, 56px)
}
.typography-block h2 {
margin: 1.25rem 0 0;
font-size: clamp(24px, 2.2222222222vw + 16px, 48px)
}
.typography-block h2:first-child {
margin-top: 0
}
.typography-block h3 {
font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
font-style: italic;
line-height: 1.2;
letter-spacing: -.02em;
margin: 1.25rem 0 0;
font-size: clamp(18px, .5555555556vw + 16px, 24px)
}
.typography-block h3:first-child {
margin-top: 0
}
.typography-block h4 {
font-size: 1.125rem;
line-height: 1.45;
margin: 1.25rem 0 .625rem
}
.typography-block h4:first-child {
margin-top: 0
}
.typography-block p {
margin: 0
}
.typography-block p a {
color: #1570ef
}
.typography-block ol,
.typography-block ul {
list-style: none;
margin: 1.25rem 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem
}
.typography-block ol:first-child,
.typography-block ul:first-child {
margin-top: 0
}
.typography-block h2+p,
.typography-block h3+p {
margin-top: 1.25rem
}
.typography-block h2+ol,
.typography-block h2+ul,
.typography-block h3+ol,
.typography-block h3+ul {
margin-top: 1.25rem
}
.typography-block p+p {
margin-top: .625rem
}
.typography-block ol+p,
.typography-block ul+p {
margin-top: 1.25rem
}
.typography-block ul>li {
position: relative;
padding-left: 2.0625rem
}
.typography-block ul>li::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 1.4375rem;
height: 1.4375rem;
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/list-marker-plus.svg) no-repeat center/contain
}
.typography-block ol {
counter-reset: typography-counter
}
.typography-block ol>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .625rem;
counter-increment: typography-counter
}
.typography-block ol>li::before {
content: counter(typography-counter);
-ms-flex-negative: 0;
flex-shrink: 0;
min-width: 1.375rem;
min-height: 1.375rem;
padding: 0 .125rem;
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;
background: #55acbf;
color: #fff;
font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 500;
font-style: italic;
font-size: 1.125rem;
line-height: 1.2;
letter-spacing: -.02em;
border-radius: .25rem;
text-align: center;
-ms-flex-item-align: start;
align-self: flex-start
}
.typography-block dfn {
font-weight: 600;
color: #55acbf
}
.typography-block a:not(.btn, .news-card__more) {
color: #1570ef;
-webkit-transition: color .2s ease, opacity .2s ease;
transition: color .2s ease, opacity .2s ease
}
.typography-block blockquote,
.typography-block cite {
margin: 1.5rem 0 2rem;
padding: 1.125rem;
padding-left: 2.625rem;
border-radius: .5rem;
background: #f5f5f5;
color: #181d27;
font-weight: 600;
line-height: 1.56;
display: block;
font-size: 1.125rem;
position: relative
}
.typography-block blockquote::before,
.typography-block cite::before {
content: "";
position: absolute;
top: 1.125rem;
left: 1.125rem;
bottom: 1.125rem;
width: .25rem;
background: #55acbf
}
.typography-block figure {
margin: 2rem 0 1.25rem
}
.typography-block figure:first-child {
margin-top: 0
}
.typography-block figure:last-child {
margin-bottom: 0
}
.typography-block figure figcaption {
margin-top: 1rem;
margin-bottom: 0;
color: #414651;
font-size: .875rem;
line-height: 1.43
}
.typography-block figure img {
display: block;
width: 100%;
height: auto
}
.typography-block .wp-block-columns {
margin: 3rem 0 2rem;
gap: .75rem !important
}
.typography-block .wp-block-columns .wp-block-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.typography-block .wp-block-columns .wp-block-column:last-child figcaption {
text-align: right
}
.typography-block .wp-block-columns .wp-block-column figure {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0
}
.typography-block .wp-block-columns .wp-block-column figure img {
width: 100%;
height: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-o-object-fit: cover;
object-fit: cover
}
.typography-block .wp-block-image img {
width: 100% !important;
height: 100% !important
}
.typography-block .gallery {
display: -ms-grid;
display: grid;
gap: .625rem;
margin: 1.25rem 0 0;
padding: 0
}
.typography-block .gallery.gallery-columns-2 {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.typography-block .gallery.gallery-columns-3 {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr)
}
.typography-block .gallery.gallery-columns-4 {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.typography-block .gallery .gallery-item {
margin: 0;
border-radius: .5rem;
overflow: hidden;
background: #fff
}
.typography-block .gallery.gallery-columns-2 .gallery-item {
aspect-ratio: 1
}
.typography-block .gallery .gallery-icon {
height: 100%
}
.typography-block .gallery .gallery-icon a {
display: block;
height: 100%;
text-decoration: none
}
.typography-block .gallery .gallery-item img {
display: block;
margin: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.btn {
position: relative;
z-index: 1;
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;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
gap: 10px;
min-height: 3em;
padding: .5625rem 1.25rem;
border: 1px solid transparent;
border-radius: .625rem;
font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 500;
line-height: 1.2;
letter-spacing: -.02em;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
-webkit-transition: background-color .3s cubic-bezier(.22, 1, .36, 1), border-color .3s cubic-bezier(.22, 1, .36, 1), color .3s cubic-bezier(.22, 1, .36, 1), opacity .3s ease, -webkit-transform .2s cubic-bezier(.22, 1, .36, 1);
transition: background-color .3s cubic-bezier(.22, 1, .36, 1), border-color .3s cubic-bezier(.22, 1, .36, 1), color .3s cubic-bezier(.22, 1, .36, 1), opacity .3s ease, -webkit-transform .2s cubic-bezier(.22, 1, .36, 1);
transition: background-color .3s cubic-bezier(.22, 1, .36, 1), border-color .3s cubic-bezier(.22, 1, .36, 1), color .3s cubic-bezier(.22, 1, .36, 1), transform .2s cubic-bezier(.22, 1, .36, 1), opacity .3s ease;
transition: background-color .3s cubic-bezier(.22, 1, .36, 1), border-color .3s cubic-bezier(.22, 1, .36, 1), color .3s cubic-bezier(.22, 1, .36, 1), transform .2s cubic-bezier(.22, 1, .36, 1), opacity .3s ease, -webkit-transform .2s cubic-bezier(.22, 1, .36, 1);
font-size: clamp(16px, .3703703704vw + 14.6666666667px, 20px)
}
.btn--disabled,
.btn:disabled,
.btn[aria-disabled=true] {
opacity: .3;
pointer-events: none;
cursor: not-allowed
}
.btn:active:not(:disabled):not([aria-disabled=true]):not(.btn--disabled) {
-webkit-transform: scale(.98);
-ms-transform: scale(.98);
transform: scale(.98)
}
.btn__icon {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 2rem;
height: 2rem
}
.btn__icon svg {
width: 100%;
height: 100%
}
.btn--primary {
background: linear-gradient(153.18deg, #26668c 0, #55acbf 100%);
color: #fff;
border: none
}
.btn--primary::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(153.18deg, #2f79a6 0, #5fb9cd 100%);
z-index: -1;
border-radius: .625rem;
opacity: 0;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease
}
.btn--primary:active:not(:disabled):not([aria-disabled=true])::after {
opacity: 1
}
.btn--secondary {
background: #edfbff;
border-color: #26668c;
color: #26668c
}
.btn--secondary:active:not(:disabled):not([aria-disabled=true]) {
border-color: #55acbf;
color: #55acbf
}
.btn--ghost-light {
min-height: 60px;
background: rgba(255, 255, 255, .05);
border-color: #fff;
color: #fff
}
.btn--white {
background: #edfbff;
color: #26668c
}
.btn--white:active:not(:disabled):not([aria-disabled=true]) {
background-color: #fff
}
.btn--white-outline {
background: 0 0;
border: .5px solid #fff;
color: #fff
}
.tab {
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: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: .625rem;
width: 100%;
max-width: 19.6875rem;
padding: .75rem 1.25rem;
border: .5px solid #26668c;
border-radius: 100px;
background: #def3f9;
color: #26668c;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 500;
font-style: italic;
line-height: 1.2;
letter-spacing: -.02em;
text-align: left;
cursor: pointer;
-webkit-transition: background-color .25s cubic-bezier(.22, 1, .36, 1), border-color .25s cubic-bezier(.22, 1, .36, 1), border-width .25s ease, color .25s ease, opacity .2s ease;
transition: background-color .25s cubic-bezier(.22, 1, .36, 1), border-color .25s cubic-bezier(.22, 1, .36, 1), border-width .25s ease, color .25s ease, opacity .2s ease;
font-size: clamp(18px, .5555555556vw + 16px, 24px)
}
.tab__icon {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 2.25rem;
height: 2.25rem
}
.tab--active,
.tab[aria-selected=true] {
background: #55acbf;
border-color: #55acbf;
color: #fff
}
.tab--disabled,
.tab:disabled,
.tab[aria-disabled=true] {
opacity: .5;
pointer-events: none;
cursor: not-allowed
}
.form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem
}
.form__row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: .625rem
}
.form__field {
display: block;
min-width: 0
}
.form__control {
display: block;
width: 100%;
min-height: 3.25rem;
padding: 1rem .875rem;
border: .03125rem solid #fff;
border-radius: .625rem;
background: 0 0;
color: #fff;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 400;
line-height: 1.2;
letter-spacing: -.02em;
-webkit-transition: border-color .25s ease, opacity .2s ease;
transition: border-color .25s ease, opacity .2s ease
}
.form__control::-webkit-input-placeholder {
color: rgba(255, 255, 255, .9)
}
.form__control::-moz-placeholder {
color: rgba(255, 255, 255, .9)
}
.form__control:-ms-input-placeholder {
color: rgba(255, 255, 255, .9)
}
.form__control::-ms-input-placeholder {
color: rgba(255, 255, 255, .9)
}
.form__control::placeholder {
color: rgba(255, 255, 255, .9)
}
.form__control:focus {
outline: 0;
border-color: #fff;
border-width: .0625rem
}
.form__control:disabled,
.form__control[aria-disabled=true] {
opacity: .5;
cursor: not-allowed
}
.form__control:is(textarea) {
min-height: 6.875rem;
resize: none
}
.form__submit:not(.wpcf7-submit):not(:has(.wpcf7-form-control-wrap)) {
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;
width: 100%;
min-height: 3.25rem;
padding: 1rem 1rem;
border: 0;
border-radius: .625rem;
background: #edfbff;
color: #26668c;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 500;
line-height: 1.2;
letter-spacing: -.02em;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: background-color .2s ease, -webkit-transform .2s ease;
transition: background-color .2s ease, -webkit-transform .2s ease;
transition: background-color .2s ease, transform .2s ease;
transition: background-color .2s ease, transform .2s ease, -webkit-transform .2s ease;
font-size: 1.0625rem;
margin-top: .5rem
}
.form__submit:not(.wpcf7-submit):not(:has(.wpcf7-form-control-wrap)):active {
-webkit-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px)
}
.form-field {
display: block;
width: 100%;
min-height: 3.25rem;
padding: 1rem .875rem;
border: .03125rem solid #fff;
border-radius: .625rem;
background: 0 0;
color: #fff;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 400;
line-height: 1.2;
letter-spacing: -.02em;
-webkit-transition: border-color .25s ease, opacity .2s ease;
transition: border-color .25s ease, opacity .2s ease
}
.form-field::-webkit-input-placeholder {
color: rgba(255, 255, 255, .9)
}
.form-field::-moz-placeholder {
color: rgba(255, 255, 255, .9)
}
.form-field:-ms-input-placeholder {
color: rgba(255, 255, 255, .9)
}
.form-field::-ms-input-placeholder {
color: rgba(255, 255, 255, .9)
}
.form-field::placeholder {
color: rgba(255, 255, 255, .9)
}
.form-field:focus {
outline: 0;
border-color: #fff;
border-width: .0625rem
}
.form-field:disabled,
.form-field[aria-disabled=true] {
opacity: .5;
cursor: not-allowed
}
.form-field-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .5rem
}
.form-field__label {
font-weight: 400;
color: inherit;
pointer-events: none
}
.form-field--focus .form-field__label {
font-weight: 600
}
@-webkit-keyframes cf7-spinner-rotation {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0);
transform: translate(-50%, -50%) rotate(0)
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg)
}
}
@keyframes cf7-spinner-rotation {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0);
transform: translate(-50%, -50%) rotate(0)
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg)
}
}
.wpcf7-response-output {
display: none !important
}
.wpcf7-not-valid-tip {
margin-top: .25em;
text-align: left;
color: red;
font-size: .75rem;
line-height: 1.3
}
.wpcf7-not-valid {
border-color: red !important
}
.wpcf7-form .wpcf7-form-control-wrap {
display: block
}
.wpcf7-form .wpcf7-spinner {
display: none
}
.wpcf7-form .form__submit:has(.wpcf7-form-control-wrap),
.wpcf7-form label.form__submit {
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;
width: 100%;
min-height: 3.25rem;
padding: 1rem 1rem;
border: 0;
border-radius: .625rem;
background: #edfbff;
color: #26668c;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 500;
line-height: 1.2;
letter-spacing: -.02em;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: background-color .2s ease, -webkit-transform .2s ease;
transition: background-color .2s ease, -webkit-transform .2s ease;
transition: background-color .2s ease, transform .2s ease;
transition: background-color .2s ease, transform .2s ease, -webkit-transform .2s ease;
font-size: 1.0625rem;
margin-top: .5rem;
position: relative;
margin-inline: auto
}
.wpcf7-form .form__submit:has(.wpcf7-form-control-wrap):active,
.wpcf7-form label.form__submit:active {
-webkit-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px)
}
.wpcf7-form .form__submit:has(.wpcf7-form-control-wrap):has(input:disabled),
.wpcf7-form label.form__submit:has(input:disabled) {
pointer-events: none;
cursor: default;
opacity: .5
}
.wpcf7-form .form__submit:has(.wpcf7-form-control-wrap) .wpcf7-form-control-wrap:has(.wpcf7-submit),
.wpcf7-form label.form__submit .wpcf7-form-control-wrap:has(.wpcf7-submit) {
display: block;
width: 100%;
min-height: 0;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
background: 0 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.wpcf7-form .form__submit:has(.wpcf7-form-control-wrap) .wpcf7-submit,
.wpcf7-form label.form__submit .wpcf7-submit {
display: block;
width: 100%;
min-height: 0;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
background: 0 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
color: inherit;
font: inherit;
font-weight: 500;
letter-spacing: inherit;
text-transform: uppercase;
cursor: pointer
}
.wpcf7-form .form__submit:has(.wpcf7-form-control-wrap) .wpcf7-spinner,
.wpcf7-form label.form__submit .wpcf7-spinner {
display: none
}
.wpcf7-form .wpcf7-form-control-wrap:has(.wpcf7-submit):not(label.form__submit.wpcf7-form-control-wrap):not(.form__submit.wpcf7-form-control-wrap) {
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;
width: 100%;
min-height: 3.25rem;
padding: 1rem 1rem;
border: 0;
border-radius: .625rem;
background: #edfbff;
color: #26668c;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 500;
line-height: 1.2;
letter-spacing: -.02em;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: background-color .2s ease, -webkit-transform .2s ease;
transition: background-color .2s ease, -webkit-transform .2s ease;
transition: background-color .2s ease, transform .2s ease;
transition: background-color .2s ease, transform .2s ease, -webkit-transform .2s ease;
font-size: 1.0625rem;
margin-top: .5rem;
position: relative;
padding: 0
}
.wpcf7-form .wpcf7-form-control-wrap:has(.wpcf7-submit):not(label.form__submit.wpcf7-form-control-wrap):not(.form__submit.wpcf7-form-control-wrap):active {
-webkit-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px)
}
.wpcf7-form .wpcf7-form-control-wrap:has(.wpcf7-submit):not(label.form__submit.wpcf7-form-control-wrap):not(.form__submit.wpcf7-form-control-wrap) .wpcf7-submit {
display: block;
width: 100%;
min-height: 0;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
background: 0 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
min-height: inherit;
padding: 1rem;
color: inherit;
font: inherit;
font-weight: 500;
letter-spacing: inherit;
text-transform: uppercase;
cursor: pointer
}
.wpcf7-form:has(.wpcf7-submit[disabled]) .form__submit:has(.wpcf7-form-control-wrap),
.wpcf7-form:has(.wpcf7-submit[disabled]) .wpcf7-form-control-wrap:has(.wpcf7-submit),
.wpcf7-form:has(.wpcf7-submit[disabled]) label.form__submit {
cursor: not-allowed;
opacity: .7
}
.wpcf7-form.submitting .form__submit:has(.wpcf7-form-control-wrap),
.wpcf7-form.submitting .wpcf7-form-control-wrap:has(.wpcf7-submit),
.wpcf7-form.submitting label.form__submit {
pointer-events: none
}
.wpcf7-form.submitting .form__submit:has(.wpcf7-form-control-wrap) .wpcf7-submit,
.wpcf7-form.submitting .wpcf7-submit,
.wpcf7-form.submitting label.form__submit .wpcf7-submit {
color: transparent
}
.wpcf7-form.submitting .form__submit:has(.wpcf7-form-control-wrap)::after,
.wpcf7-form.submitting .wpcf7-form-control-wrap:has(.wpcf7-submit):not(label.form__submit.wpcf7-form-control-wrap):not(.form__submit.wpcf7-form-control-wrap)::after,
.wpcf7-form.submitting label.form__submit::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 1.25rem;
height: 1.25rem;
border: .1875rem solid currentColor;
border-bottom-color: transparent;
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-animation: cf7-spinner-rotation 1s linear infinite;
animation: cf7-spinner-rotation 1s linear infinite;
z-index: 3;
color: #26668c
}
.checkbox {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .625rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.checkbox .wpcf7-acceptance,
.checkbox .wpcf7-form-control-wrap:has(.wpcf7-acceptance),
.checkbox .wpcf7-list-item {
display: contents
}
.checkbox .wpcf7-form-control-wrap:has(.visually-hidden) {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
border: 0
}
.checkbox .wpcf7-list-item {
margin-left: 0
}
.checkbox .wpcf7-list-item-label:empty {
display: none
}
.checkbox__input {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0
}
.checkbox .wpcf7-list-item-label:not(:empty),
.checkbox__text {
line-height: 1.3;
letter-spacing: -.02em;
font-size: clamp(10px, .1851851852vw + 9.3333333333px, 12px);
text-align: left;
min-height: 2rem;
vertical-align: middle;
-ms-flex-line-pack: center;
align-content: center
}
.checkbox .wpcf7-list-item-label:not(:empty) a,
.checkbox__text a {
text-decoration: underline
}
.checkbox .wpcf7-list-item-label:not(:empty)::before,
.checkbox__text::before {
content: "";
-ms-flex-negative: 0;
flex-shrink: 0;
width: 2rem;
height: 2rem;
border-radius: 6px;
border: .0625rem solid #e8e8e8;
background-color: #f6f6f6;
background-position: center;
background-repeat: no-repeat;
background-size: 1.25rem 1rem;
-webkit-transition: background-color .2s ease, border-color .2s ease;
transition: background-color .2s ease, border-color .2s ease;
float: left;
margin-right: .625rem
}
.checkbox:has(.wpcf7-form-control-wrap) .checkbox__text,
.checkbox:has(.wpcf7-form-control-wrap) .wpcf7-list-item-label:not(:empty) {
position: relative;
padding-left: 2.625rem
}
.checkbox:has(.wpcf7-form-control-wrap) .checkbox__text::before,
.checkbox:has(.wpcf7-form-control-wrap) .wpcf7-list-item-label:not(:empty)::before {
float: none;
margin-right: 0;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.checkbox__box {
-ms-flex-negative: 0;
flex-shrink: 0
}
.checkbox__box .icon {
display: none
}
.checkbox__box::before {
content: "";
-ms-flex-negative: 0;
flex-shrink: 0;
width: 2rem;
height: 2rem;
border-radius: 6px;
border: .0625rem solid #e8e8e8;
background-color: #f6f6f6;
background-position: center;
background-repeat: no-repeat;
background-size: 1.25rem 1rem;
-webkit-transition: background-color .2s ease, border-color .2s ease;
transition: background-color .2s ease, border-color .2s ease;
display: block
}
.checkbox:has(.wpcf7-form-control-wrap) .checkbox__box {
display: none
}
.checkbox:not(:has(.wpcf7-form-control-wrap)) .checkbox__text::before {
display: none
}
.checkbox:has(.checkbox__input:checked) .checkbox__box::before,
.checkbox:has(.checkbox__input:checked) .checkbox__text::before,
.checkbox:has(.checkbox__input:checked) .wpcf7-list-item-label::before,
.checkbox:has(input[type=checkbox]:checked) .checkbox__box::before,
.checkbox:has(input[type=checkbox]:checked) .checkbox__text::before,
.checkbox:has(input[type=checkbox]:checked) .wpcf7-list-item-label::before,
.checkbox__input:checked+.checkbox__box::before,
.checkbox__input:checked+.checkbox__text::before,
.checkbox__input:checked+.wpcf7-list-item-label::before {
background-color: #f6f6f6;
border-color: #f6f6f6;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.8567 2.35667L7.01167 15.2017L0 8.19L2.35667 5.83333L7.01167 10.4883L17.5 0L19.8567 2.35667Z' fill='%2326668C'/%3E%3C/svg%3E")
}
.checkbox:has(.wpcf7-not-valid) .checkbox__box::before,
.checkbox:has(.wpcf7-not-valid) .checkbox__text::before,
.checkbox:has(.wpcf7-not-valid) .wpcf7-list-item-label::before,
.checkbox__input.wpcf7-not-valid+.checkbox__box::before,
.checkbox__input.wpcf7-not-valid+.checkbox__text::before,
.checkbox__input.wpcf7-not-valid+.wpcf7-list-item-label::before,
.checkbox__input[aria-invalid=true]+.checkbox__box::before,
.checkbox__input[aria-invalid=true]+.checkbox__text::before,
.checkbox__input[aria-invalid=true]+.wpcf7-list-item-label::before {
border-color: #ff9a9a
}
.checkbox:has(input[type=checkbox]:focus-visible) .checkbox__box::before,
.checkbox:has(input[type=checkbox]:focus-visible) .checkbox__text::before,
.checkbox:has(input[type=checkbox]:focus-visible) .wpcf7-list-item-label::before,
.checkbox__input:focus-visible+.checkbox__box::before,
.checkbox__input:focus-visible+.checkbox__text::before,
.checkbox__input:focus-visible+.wpcf7-list-item-label::before {
outline: 2px solid #55acbf;
outline-offset: 2px
}
.checkbox:has(.checkbox__input:disabled),
.checkbox:has(input[type=checkbox]:disabled) {
opacity: .5;
cursor: not-allowed
}
.f-button.is-close-button {
--f-close-button-width: 2.625rem;
--f-close-button-height: 2.625rem;
--f-close-button-svg-stroke-width: 0.09375rem;
--f-close-button-svg-width: 2rem;
--f-close-button-svg-height: 2rem;
--f-close-button-color: white;
--f-close-button-hover-color: #000;
top: .5rem;
right: .5rem
}
.popup-modal {
width: 100%;
max-width: 54.5625rem;
border-radius: .625rem;
background: linear-gradient(61deg, #26668c 0, #55acbf 99.68%);
color: #fff
}
.popup-modal#popup-success {
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/succes-modal-bg.svg) center 0/auto 100% no-repeat, linear-gradient(61deg, #26668c 0, #55acbf 99.68%)
}
.popup-modal__close {
position: absolute;
top: 1rem;
right: 1rem;
z-index: 3;
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;
width: 2rem;
height: 2rem;
padding: 0;
border: 0;
background: 0 0;
color: #fff;
cursor: pointer;
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease
}
.popup-modal__content {
position: relative;
z-index: 1
}
.popup-modal__content--center {
max-width: 26.625rem;
margin: 0 auto;
text-align: center
}
.popup-modal__layout {
position: relative;
z-index: 1;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 1.5rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.popup-modal__title {
margin: 0 0 .625rem;
color: #fff
}
.popup-modal__lead {
margin: 0 0 1.25rem;
line-height: 1.3;
font-size: clamp(14px, .3703703704vw + 12.6666666667px, 18px);
max-width: 29.125rem;
margin-inline: auto
}
.popup-modal__content--center .popup-modal__lead {
max-width: 29.125rem;
margin-left: auto;
margin-right: auto
}
.popup-modal__fields {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem
}
.popup-modal__field {
display: block
}
.popup-modal__input {
width: 100%;
min-height: 3.25rem;
padding: .625rem 1.25rem;
border: .03125rem solid #fff;
border-radius: .625rem;
background: 0 0;
color: #fff;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 400;
line-height: 1.2;
letter-spacing: -.02em;
-webkit-transition: border-color .25s ease;
transition: border-color .25s ease;
font-size: clamp(16px, .1851851852vw + 15.3333333333px, 18px)
}
.popup-modal__input::-webkit-input-placeholder {
color: rgba(255, 255, 255, .85)
}
.popup-modal__input::-moz-placeholder {
color: rgba(255, 255, 255, .85)
}
.popup-modal__input:-ms-input-placeholder {
color: rgba(255, 255, 255, .85)
}
.popup-modal__input::-ms-input-placeholder {
color: rgba(255, 255, 255, .85)
}
.popup-modal__input::placeholder {
color: rgba(255, 255, 255, .85)
}
.popup-modal__input:focus {
outline: 0;
border-width: .0625rem
}
.popup-modal__agree {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.popup-modal__agree .checkbox__text a {
color: inherit;
text-decoration: underline;
text-underline-offset: .125rem
}
.popup-modal__submit {
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;
width: 100%;
min-height: 3.75rem;
margin-top: .625rem;
padding: .625rem 1.25rem;
border: 0;
border-radius: .625rem;
background: #edfbff;
color: #26668c;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 500;
line-height: 1.2;
letter-spacing: -.02em;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: background-color .25s cubic-bezier(.22, 1, .36, 1), -webkit-transform .2s cubic-bezier(.22, 1, .36, 1);
transition: background-color .25s cubic-bezier(.22, 1, .36, 1), -webkit-transform .2s cubic-bezier(.22, 1, .36, 1);
transition: background-color .25s cubic-bezier(.22, 1, .36, 1), transform .2s cubic-bezier(.22, 1, .36, 1);
transition: background-color .25s cubic-bezier(.22, 1, .36, 1), transform .2s cubic-bezier(.22, 1, .36, 1), -webkit-transform .2s cubic-bezier(.22, 1, .36, 1);
font-size: clamp(16px, .3703703704vw + 14.6666666667px, 20px)
}
.popup-modal__submit:active {
-webkit-transform: translateY(1px) scale(.98);
-ms-transform: translateY(1px) scale(.98);
transform: translateY(1px) scale(.98)
}
.popup-modal__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem
}
.popup-modal__form .form__control {
min-height: 3.25rem;
padding-block: .875rem
}
.popup-modal__visual {
display: none;
position: relative;
height: 100%
}
.popup-modal__photo {
border-radius: 0.625rem;
overflow: hidden;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.popup-modal__photo img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.popup-modal__media {
max-width: 17.5rem;
width: 100%;
aspect-ratio: 327 / 372;
margin: 0 auto 1rem;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
filter: drop-shadow(0.125rem 0.125rem 0.5rem #26668c);
}
.popup-modal__media img {
max-width: 17.5rem;
width: 100%;
height: auto;
-webkit-filter: drop-shadow(.125rem .125rem .5rem #26668c);
filter: drop-shadow(.125rem .125rem .5rem #26668c)
}
.popup-modal__partners {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .625rem;
width: 100%
}
.popup-modal__partner {
-webkit-box-flex: 0;
-ms-flex: 0 1 calc((100% - .625rem)/ 2);
flex: 0 1 calc((100% - .625rem)/ 2);
min-width: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: .625rem;
min-height: 7.1875rem;
padding: .75rem .625rem;
border: .03125rem solid #fff;
border-radius: .625rem;
background: #def3f9;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
text-decoration: none;
-webkit-transition: -webkit-box-shadow .25s ease;
transition: -webkit-box-shadow .25s ease;
transition: box-shadow .25s ease;
transition: box-shadow .25s ease, -webkit-box-shadow .25s ease
}
.popup-modal__partner-logo {
display: block;
max-width: 7.5rem;
max-height: 3.3125rem;
width: auto;
height: auto;
-o-object-fit: contain;
object-fit: contain;
margin: auto
}
.popup-modal__partner-action {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .625rem;
color: #26668c;
font-weight: 500;
font-size: .875rem;
line-height: 1.2;
letter-spacing: -.02em;
text-transform: uppercase
}
.popup-modal__partner-icon {
width: 1.5rem;
height: 1.5rem
}
.popup-modal--consult {
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/modal-consult-decor-mobile.webp) 0 0/cover no-repeat, linear-gradient(61deg, #26668c 0, #55acbf 99.68%);
text-align: center
}
.popup-modal--order {
text-align: left;
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/modal-order-bg.svg) 0 0/cover no-repeat, linear-gradient(61deg, #26668c 0, #55acbf 99.68%)
}
.popup-modal--presentation {
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/modal-presentation-bg.svg) 0 0/cover no-repeat, linear-gradient(61deg, #26668c 0, #55acbf 99.68%)
}
.popup-modal--partners {
max-width: 54.5625rem;
text-align: center
}
.popup-modal--partners .popup-modal__lead {
max-width: 31.25rem;
margin-inline: auto
}
.popup-modal--status {
max-width: 40.625rem;
width: 100%
}
.popup-modal--status .popup-modal__inner {
min-height: 7.75rem;
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
}
.popup-modal__status {
position: relative;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .625rem;
text-align: center
}
.popup-modal__status-icon {
width: 1.75rem;
height: 1.75rem;
color: #fff
}
.popup-modal__status-icon--error {
color: #ffd4d4
}
.popup-modal__status-title {
font-weight: 500;
line-height: 1.2;
letter-spacing: -.04em;
font-size: clamp(22px, .5555555556vw + 20px, 28px)
}
.fancybox-popup {
--fancybox-bg: rgba(34, 34, 34, 0.55)
}
.fancybox-popup .fancybox__backdrop {
background: var(--fancybox-bg)
}
.fancybox-popup .fancybox__content {
padding: 0;
background: 0 0
}
.fancybox-popup .fancybox__slide {
padding: 1rem
}
.fancybox-popup .f-button.is-close-btn {
display: none
}
.fancybox__container.fancybox-video {
--fancybox-bg: rgba($color-primary, 0.88);
--f-html-padding: 0;
--f-html-margin: 0;
--f-html-bg: #0a1012;
--f-video-bg: #0a1012;
--f-carousel-slide-padding: 0;
--f-carousel-slide-bg: transparent;
--f-button-color: #fff;
--f-button-bg: rgba(255, 255, 255, 0.12);
--f-button-border-radius: 0.625rem;
--f-button-svg-stroke-width: 2
}
.fancybox__container.fancybox-video .fancybox__backdrop {
background: var(--fancybox-bg);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px)
}
.fancybox__container.fancybox-video .fancybox__slide {
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;
width: 100%;
height: 100%;
padding: .75rem;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.fancybox__container.fancybox-video .fancybox__slide::after,
.fancybox__container.fancybox-video .fancybox__slide::before {
display: none
}
.fancybox__container.fancybox-video .fancybox__slide.has-html {
padding: .75rem;
overflow: visible
}
.fancybox__container.fancybox-video .fancybox__content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: min(96vw, 60rem);
max-width: 60rem;
height: auto;
aspect-ratio: 16/9;
margin: auto;
padding: 0;
background: #0a1012;
border: 1px solid rgba(255, 255, 255, .12);
border-radius: .625rem;
overflow: hidden;
-webkit-box-shadow: 0 1.25rem 3.125rem rgba(0, 0, 0, .45);
box-shadow: 0 1.25rem 3.125rem rgba(0, 0, 0, .45)
}
.fancybox__container.fancybox-video .fancybox__content.has-html,
.fancybox__container.fancybox-video .fancybox__content.has-iframe {
padding: 0;
overflow: hidden
}
.fancybox__container.fancybox-video .fancybox__content.is-loading {
background: #0a1012
}
.fancybox__container.fancybox-video .f-html {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
height: 100%;
min-height: 0;
max-width: none;
max-height: none;
margin: 0;
padding: 0;
background: #0a1012;
aspect-ratio: auto;
border-radius: inherit;
overflow: hidden
}
.fancybox__container.fancybox-video .f-iframe {
display: block;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
height: 100%;
min-height: 0;
border: 0;
background: #0a1012
}
.fancybox__container.fancybox-video .f-spinner {
--f-spinner-color-1: rgba(255, 255, 255, 0.15);
--f-spinner-color-2: #55acbf
}
.fancybox__container.fancybox-video .f-button.is-close-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
top: .75rem;
right: .75rem;
width: 2.75rem;
height: 2.75rem;
border: 1px solid rgba(255, 255, 255, .25);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
-webkit-transition: background-color .2s ease, border-color .2s ease, -webkit-transform .2s ease;
transition: background-color .2s ease, border-color .2s ease, -webkit-transform .2s ease;
transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
transition: background-color .2s ease, border-color .2s ease, transform .2s ease, -webkit-transform .2s ease
}
.fancybox__container.fancybox-video .f-button.is-arrow {
border: 1px solid rgba(255, 255, 255, .2);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px)
}
.popups {
display: none
}
.news-card {
position: relative;
background: #def3f9;
border-radius: .625rem;
overflow: hidden;
min-height: 8.9375rem
}
.news-card__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100%;
min-height: inherit;
color: inherit;
text-decoration: none
}
.news-card__media {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 9.4375rem;
overflow: hidden;
border-radius: .625rem
}
.news-card__img {
display: block;
width: 100%;
height: 100%;
min-height: 8.9375rem;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
.news-card__body {
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;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
padding: .625rem;
gap: .3125rem
}
.news-card__meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.news-card__date {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: .3125rem;
border-radius: .25rem;
background: #26668c;
color: #fff;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: .625rem;
font-weight: 500;
line-height: 1.3;
white-space: nowrap;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px)
}
.news-card__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .3125rem;
min-width: 0
}
.news-card__title {
color: #26668c;
font-weight: 500;
font-style: italic;
line-height: 1.2;
letter-spacing: -.02em;
font-size: .75rem;
-webkit-transition: color .2s ease;
transition: color .2s ease
}
.news-card__excerpt {
color: #425460;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
line-height: 1.3;
font-size: .5rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden
}
.news-card__more {
margin-top: auto;
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: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
gap: .5rem;
color: #26668c;
font-weight: 500;
font-size: .875rem;
line-height: 1.2;
letter-spacing: -.02em;
-webkit-transition: color .2s ease;
transition: color .2s ease
}
.news-card__more-label {
font-style: normal;
text-decoration: underline;
text-decoration-color: transparent;
text-underline-offset: .125rem;
-webkit-transition: color .2s ease, text-decoration-color .2s ease;
transition: color .2s ease, text-decoration-color .2s ease
}
.news-card__more-icon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 1rem;
height: 1rem
}
.news-card__more-icon .icon {
width: 100%;
height: 100%
}
.news-card--feed {
background: #def3f9
}
.news-card--feed .news-card__body {
gap: .625rem
}
.news-card--feed .news-card__meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: .5rem;
width: 100%
}
.news-card--feed .news-card__badge {
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;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: .3125rem .625rem;
border-radius: .375rem;
background: #26668c;
color: #fff;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: .875rem;
font-style: normal;
font-weight: 500;
line-height: 1.3;
white-space: nowrap;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px)
}
.news-card--feed .news-card__date.news-card__date--pill {
-ms-flex-item-align: auto;
-ms-grid-row-align: auto;
align-self: auto;
padding: .25rem .625rem;
border: .5px solid #55acbf;
border-radius: 3.125rem;
background: rgba(222, 243, 249, .9);
color: #26668c;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: .75rem;
font-style: normal;
font-weight: 500;
line-height: 1.3;
white-space: nowrap;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px)
}
.news-card--feed .news-card__more-label {
font-style: normal
}
.accordion__item {
border: 1px solid #55acbf;
border-radius: .625rem;
background: #edfbff;
overflow: hidden;
-webkit-transition: background-color .5s cubic-bezier(.33, 1, .68, 1), border-color .5s cubic-bezier(.33, 1, .68, 1);
transition: background-color .5s cubic-bezier(.33, 1, .68, 1), border-color .5s cubic-bezier(.33, 1, .68, 1)
}
.accordion__item._active {
background: #def3f9;
border-color: transparent
}
.accordion__item._active .accordion__chevron {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.accordion__item._active .accordion__body {
-ms-grid-rows: 1fr;
grid-template-rows: 1fr
}
.accordion__item._active .accordion__header {
min-height: 0
}
.accordion__header {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: .75rem;
padding: 1rem;
border: 0;
background: 0 0;
cursor: pointer;
text-align: left;
font-family: inherit;
-webkit-transition: padding .5s cubic-bezier(.33, 1, .68, 1), min-height .5s cubic-bezier(.33, 1, .68, 1);
transition: padding .5s cubic-bezier(.33, 1, .68, 1), min-height .5s cubic-bezier(.33, 1, .68, 1)
}
.accordion__item._active .accordion__header {
padding: 1rem 1rem 0;
min-height: 0
}
.accordion__question {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
max-width: 16.625rem;
color: #26668c;
font-weight: 500;
font-style: italic;
line-height: 1.2;
letter-spacing: -.02em;
font-size: 1.125rem
}
.accordion__chevron {
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 1.75rem;
height: 1.75rem;
color: #26668c;
-webkit-transition: -webkit-transform .5s cubic-bezier(.33, 1, .68, 1);
transition: -webkit-transform .5s cubic-bezier(.33, 1, .68, 1);
transition: transform .5s cubic-bezier(.33, 1, .68, 1);
transition: transform .5s cubic-bezier(.33, 1, .68, 1), -webkit-transform .5s cubic-bezier(.33, 1, .68, 1)
}
.accordion__body {
display: -ms-grid;
display: grid;
-ms-grid-rows: 0fr;
grid-template-rows: 0fr;
-webkit-transition: grid-template-rows .5s cubic-bezier(.33, 1, .68, 1);
transition: grid-template-rows .5s cubic-bezier(.33, 1, .68, 1);
transition: grid-template-rows .5s cubic-bezier(.33, 1, .68, 1), -ms-grid-rows .5s cubic-bezier(.33, 1, .68, 1)
}
.accordion__inner {
overflow: hidden;
min-height: 0
}
.accordion__answer {
padding: 0 1rem 1rem;
color: #425460;
font-family: Manrope, Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 1.3;
opacity: 0;
-webkit-transform: translateY(-.375rem);
-ms-transform: translateY(-.375rem);
transform: translateY(-.375rem);
-webkit-transition: opacity .35s ease, padding-top .5s cubic-bezier(.33, 1, .68, 1), -webkit-transform .5s cubic-bezier(.33, 1, .68, 1);
transition: opacity .35s ease, padding-top .5s cubic-bezier(.33, 1, .68, 1), -webkit-transform .5s cubic-bezier(.33, 1, .68, 1);
transition: opacity .35s ease, transform .5s cubic-bezier(.33, 1, .68, 1), padding-top .5s cubic-bezier(.33, 1, .68, 1);
transition: opacity .35s ease, transform .5s cubic-bezier(.33, 1, .68, 1), padding-top .5s cubic-bezier(.33, 1, .68, 1), -webkit-transform .5s cubic-bezier(.33, 1, .68, 1)
}
.accordion__answer:empty {
display: none
}
.accordion__item._active .accordion__answer {
padding-top: .625rem;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: .12s, .12s, 0s;
transition-delay: .12s, .12s, 0s
}
.accordion__item:not(._active) .accordion__answer {
-webkit-transition-delay: 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s
}
.tooltip-float {
position: fixed;
z-index: 200;
max-width: min(19.6875rem, 100vw - 2rem);
padding: .75rem 1rem;
border: .5px solid rgba(38, 102, 140, .2);
border-radius: .5rem;
background: #fff;
-webkit-box-shadow: 0 .25rem 1.5rem rgba(38, 102, 140, .12);
box-shadow: 0 .25rem 1.5rem rgba(38, 102, 140, .12);
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: .875rem;
line-height: 1.35;
color: #425460;
pointer-events: none;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .15s ease, visibility .15s ease;
transition: opacity .15s ease, visibility .15s ease
}
.tooltip-float._visible {
opacity: 1;
visibility: visible
}
.tooltip-float--mint {
max-width: min(19.6875rem, 100vw - 1.75rem);
padding: 1rem;
border: .03125rem solid #55acbf;
border-radius: .625rem;
background: #edfbff;
-webkit-box-shadow: none;
box-shadow: none;
line-height: 1.3
}
.tooltip-float--mobile-left {
width: 13.375rem;
max-width: 13.375rem
}
.tooltip-trigger:focus-visible {
outline: 2px solid #55acbf;
outline-offset: 2px;
border-radius: .25rem
}
.partners-widget {
position: fixed;
top: 50%;
right: 0;
z-index: 45;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: .5rem;
width: 3.25rem;
padding: 1rem .625rem;
border: none;
border-radius: .625rem 0 0 .625rem;
background: linear-gradient(153.18deg, #26668c 0, #55acbf 100%);
color: #fff;
font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 500;
font-size: .75rem;
line-height: 1.15;
letter-spacing: -.02em;
text-transform: uppercase;
cursor: pointer;
-webkit-box-shadow: -.25rem 0 1.25rem rgba(38, 102, 140, .22);
box-shadow: -.25rem 0 1.25rem rgba(38, 102, 140, .22);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: -webkit-transform .3s cubic-bezier(.22, 1, .36, 1), -webkit-box-shadow .3s cubic-bezier(.22, 1, .36, 1);
transition: -webkit-transform .3s cubic-bezier(.22, 1, .36, 1), -webkit-box-shadow .3s cubic-bezier(.22, 1, .36, 1);
transition: transform .3s cubic-bezier(.22, 1, .36, 1), box-shadow .3s cubic-bezier(.22, 1, .36, 1);
transition: transform .3s cubic-bezier(.22, 1, .36, 1), box-shadow .3s cubic-bezier(.22, 1, .36, 1), -webkit-transform .3s cubic-bezier(.22, 1, .36, 1), -webkit-box-shadow .3s cubic-bezier(.22, 1, .36, 1)
}
.partners-widget::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background: linear-gradient(153.18deg, #2f79a6 0, #5fb9cd 100%);
opacity: 0;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
z-index: -1
}
.partners-widget__icon {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 1.5rem;
height: 1.5rem
}
.partners-widget__text {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: mixed;
white-space: nowrap
}
.partners-widget:active {
-webkit-transform: translateY(-50%) scale(.98);
-ms-transform: translateY(-50%) scale(.98);
transform: translateY(-50%) scale(.98)
}
.contacts-card {
min-height: 7.4375rem
}
.contacts-card__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem;
height: 100%;
padding: .625rem;
border-radius: .625rem;
background: rgba(222, 243, 249, .9);
color: #425460;
-webkit-transition: background-color .2s ease, -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
transition: background-color .2s ease, -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease;
transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease, -webkit-transform .2s ease, -webkit-box-shadow .2s ease
}
.contacts-card__icon {
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;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 1.5rem;
height: 1.5rem;
padding: .3125rem;
border-radius: .25rem;
background: #26668c;
color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.contacts-card__icon .icon {
width: .75rem;
height: .75rem
}
.contacts-card__body {
font-weight: 450;
font-size: .75rem;
line-height: 1.3
}
.contacts-card__link {
display: block;
color: inherit;
text-decoration: none;
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease
}
.contacts-card__link+.contacts-card__link {
margin-top: .125rem
}
.heading {
position: relative;
padding: 1rem 0 2rem
}
.heading.heading--catalog {
padding-bottom: 1.25rem
}
.heading.heading--devices {
padding: 1rem 0 1.5rem
}
.heading.heading--devices .heading__actions {
margin-top: 0
}
.heading.heading--devices .heading__text {
font-size: 1.125rem
}
.heading.heading--blog {
padding-bottom: 1.125rem
}
.heading.heading--contacts {
padding: 1rem 0 .625rem
}
.heading.heading--contacts .heading__title {
font-weight: 500
}
.heading.heading--contacts .heading__main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.heading__wrapper {
position: relative;
padding: 1.5rem 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.heading__points {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none
}
.heading__point {
position: absolute;
background: #55acbf;
border-radius: 50%;
width: .5rem;
height: .5rem
}
.heading__point:nth-child(1) {
left: 0;
top: 0
}
.heading__point:nth-child(2) {
top: 0;
right: 0
}
.heading__point:nth-child(3) {
bottom: 0;
left: 0
}
.heading__point:nth-child(4) {
bottom: 0;
right: 0
}
.heading__grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.25rem
}
.heading__main {
display: contents
}
.heading__cta {
width: 100%;
margin-top: 1.25rem
}
.heading__actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem;
margin-top: 1.25rem
}
.heading__btn {
width: 100%
}
.heading__text {
color: #425460;
line-height: 1.3;
font-size: .875rem
}
.heading__text--main {
margin-top: .5rem;
font-size: clamp(14px, .3703703704vw + 12.6666666667px, 18px)
}
.heading__aside {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem;
min-width: 0;
margin-left: auto
}
.heading__tags {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
gap: .625rem
}
.heading__tag {
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;
padding: .375rem .125rem;
border: .03125rem solid #55acbf;
border-radius: 100px;
background: #edfbff;
color: #26668c;
font-weight: 500;
font-size: .5rem;
line-height: 1.2;
letter-spacing: -.02em;
text-transform: uppercase;
text-decoration: none;
width: 100%;
-webkit-transition: border-color .2s ease, background-color .2s ease;
transition: border-color .2s ease, background-color .2s ease
}
.heading__products {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: .625rem
}
.heading__product-wrapper {
padding: 1.25rem;
border: 1px solid #55acbf;
border-radius: .625rem;
background: #edfbff;
height: 100%;
-webkit-transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
transition: transform .3s ease, box-shadow .3s ease;
transition: transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.heading__product-wrapper .cover-image,
.heading__product-wrapper img {
display: block;
width: 100%;
height: auto;
max-width: 100%;
-o-object-fit: contain;
object-fit: contain
}
.heading__divider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: .875rem;
margin-top: 3.75rem;
padding: .25rem 0
}
.heading__divider._anim-items.a-divider-slide {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
overflow: hidden
}
.heading__divider._anim-items.a-divider-slide::before {
-webkit-transform: translateX(-105%);
-ms-transform: translateX(-105%);
transform: translateX(-105%);
opacity: 0;
-webkit-transition: opacity 575ms ease, -webkit-transform 1.035s cubic-bezier(.25, 1, .5, 1);
transition: opacity 575ms ease, -webkit-transform 1.035s cubic-bezier(.25, 1, .5, 1);
transition: transform 1.035s cubic-bezier(.25, 1, .5, 1), opacity 575ms ease;
transition: transform 1.035s cubic-bezier(.25, 1, .5, 1), opacity 575ms ease, -webkit-transform 1.035s cubic-bezier(.25, 1, .5, 1)
}
.heading__divider._anim-items.a-divider-slide._active::before {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: .85
}
.heading__divider::before {
content: "";
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
height: .75rem;
background-image: radial-gradient(circle, #55acbf 45%, transparent 46%);
background-size: 1.625rem .75rem;
background-repeat: repeat-x;
background-position: left center;
opacity: .85
}
@-webkit-keyframes map-shimmer {
0% {
background-position: -200% 0
}
100% {
background-position: 200% 0
}
}
@keyframes map-shimmer {
0% {
background-position: -200% 0
}
100% {
background-position: 200% 0
}
}
[data-counter] {
font-variant-numeric: tabular-nums;
display: inline-block;
white-space: nowrap
}
._anim-items {
opacity: 0;
-webkit-transform: translateY(3rem);
-ms-transform: translateY(3rem);
transform: translateY(3rem);
-webkit-transition: opacity 575ms ease, -webkit-transform 575ms ease;
transition: opacity 575ms ease, -webkit-transform 575ms ease;
transition: opacity 575ms ease, transform 575ms ease;
transition: opacity 575ms ease, transform 575ms ease, -webkit-transform 575ms ease
}
._anim-items._active {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.anim-wrap {
display: block
}
.anim-wrap--inline {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
max-width: 100%
}
.anim-wrap--fill {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%
}
.anim-wrap--fill>.btn {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%
}
.a-ripple {
position: relative;
overflow: hidden;
outline: 0
}
.a-ripple:hover {
opacity: 1
}
.a-ripple::before {
content: "";
position: absolute;
display: block;
background: var(--ripple-background, #fff);
border-radius: 50%;
pointer-events: none;
top: calc(var(--y) * 1px);
left: calc(var(--x) * 1px);
width: calc(var(--d) * 1px);
height: calc(var(--d) * 1px);
opacity: calc(var(--o, 1) * var(--ripple-opacity, .4));
-webkit-transition: calc(var(--t, 0) * var(--ripple-duration, 600ms)) var(--ripple-easing, linear);
transition: calc(var(--t, 0) * var(--ripple-duration, 600ms)) var(--ripple-easing, linear);
-webkit-transform: translate(-50%, -50%) scale(var(--s, 1));
-ms-transform: translate(-50%, -50%) scale(var(--s, 1));
transform: translate(-50%, -50%) scale(var(--s, 1));
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes a-float {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(.95) translateX(40px);
transform: scale(.95) translateX(40px)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes a-float {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(.95) translateX(40px);
transform: scale(.95) translateX(40px)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
.a-float {
-webkit-animation: a-float 6s ease infinite;
animation: a-float 6s ease infinite
}
.a-parallax {
-webkit-transition: -webkit-transform .1s ease-out;
transition: -webkit-transform .1s ease-out;
transition: transform .1s ease-out;
transition: transform .1s ease-out, -webkit-transform .1s ease-out;
will-change: transform
}
.a-fade {
opacity: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition: opacity .69s ease;
transition: opacity .69s ease
}
.a-fade._active {
opacity: 1
}
.a-fade-up {
opacity: 0;
-webkit-transform: translateY(3rem);
-ms-transform: translateY(3rem);
transform: translateY(3rem);
-webkit-transition: opacity 575ms ease, -webkit-transform .69s cubic-bezier(.22, 1, .36, 1);
transition: opacity 575ms ease, -webkit-transform .69s cubic-bezier(.22, 1, .36, 1);
transition: transform .69s cubic-bezier(.22, 1, .36, 1), opacity 575ms ease;
transition: transform .69s cubic-bezier(.22, 1, .36, 1), opacity 575ms ease, -webkit-transform .69s cubic-bezier(.22, 1, .36, 1)
}
.a-fade-up._active {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.a-fade-down {
opacity: 0;
-webkit-transform: translateY(-3rem);
-ms-transform: translateY(-3rem);
transform: translateY(-3rem);
-webkit-transition: opacity 575ms ease, -webkit-transform .69s ease;
transition: opacity 575ms ease, -webkit-transform .69s ease;
transition: opacity 575ms ease, transform .69s ease;
transition: opacity 575ms ease, transform .69s ease, -webkit-transform .69s ease
}
.a-fade-down._active {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.a-fade-left {
opacity: 0;
-webkit-transform: translateX(-3rem);
-ms-transform: translateX(-3rem);
transform: translateX(-3rem);
-webkit-transition: opacity 575ms ease, -webkit-transform 575ms ease;
transition: opacity 575ms ease, -webkit-transform 575ms ease;
transition: opacity 575ms ease, transform 575ms ease;
transition: opacity 575ms ease, transform 575ms ease, -webkit-transform 575ms ease
}
.a-fade-left._active {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.a-fade-right {
opacity: 0;
-webkit-transform: translateX(3rem);
-ms-transform: translateX(3rem);
transform: translateX(3rem);
-webkit-transition: opacity 575ms ease, -webkit-transform 575ms ease;
transition: opacity 575ms ease, -webkit-transform 575ms ease;
transition: opacity 575ms ease, transform 575ms ease;
transition: opacity 575ms ease, transform 575ms ease, -webkit-transform 575ms ease
}
.a-fade-right._active {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.a-scale-up {
opacity: 0;
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
-webkit-transition: opacity 575ms ease, -webkit-transform .69s cubic-bezier(.22, 1, .36, 1);
transition: opacity 575ms ease, -webkit-transform .69s cubic-bezier(.22, 1, .36, 1);
transition: opacity 575ms ease, transform .69s cubic-bezier(.22, 1, .36, 1);
transition: opacity 575ms ease, transform .69s cubic-bezier(.22, 1, .36, 1), -webkit-transform .69s cubic-bezier(.22, 1, .36, 1)
}
.a-scale-up._active {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.a-blur-up {
opacity: 0;
-webkit-transform: translateY(3rem);
-ms-transform: translateY(3rem);
transform: translateY(3rem);
-webkit-filter: blur(5px);
filter: blur(5px);
-webkit-transition: opacity 575ms ease, -webkit-transform .69s cubic-bezier(.22, 1, .36, 1), -webkit-filter .69s cubic-bezier(.22, 1, .36, 1);
transition: opacity 575ms ease, -webkit-transform .69s cubic-bezier(.22, 1, .36, 1), -webkit-filter .69s cubic-bezier(.22, 1, .36, 1);
transition: opacity 575ms ease, transform .69s cubic-bezier(.22, 1, .36, 1), filter .69s cubic-bezier(.22, 1, .36, 1);
transition: opacity 575ms ease, transform .69s cubic-bezier(.22, 1, .36, 1), filter .69s cubic-bezier(.22, 1, .36, 1), -webkit-transform .69s cubic-bezier(.22, 1, .36, 1), -webkit-filter .69s cubic-bezier(.22, 1, .36, 1)
}
.a-blur-up._active {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-filter: blur(0);
filter: blur(0)
}
.a-reveal {
opacity: 0;
clip-path: inset(0 0 100% 0);
-webkit-transition: clip-path 1.38s cubic-bezier(.25, 1, .5, 1), opacity .46s ease;
transition: clip-path 1.38s cubic-bezier(.25, 1, .5, 1), opacity .46s ease
}
.a-reveal._active {
opacity: 1;
clip-path: inset(0 0 0 0)
}
.a-zoom {
opacity: 0;
-webkit-transform: scale(.8);
-ms-transform: scale(.8);
transform: scale(.8);
-webkit-filter: blur(8px);
filter: blur(8px);
-webkit-transition: opacity 575ms ease, -webkit-transform 575ms ease, -webkit-filter 575ms ease;
transition: opacity 575ms ease, -webkit-transform 575ms ease, -webkit-filter 575ms ease;
transition: opacity 575ms ease, transform 575ms ease, filter 575ms ease;
transition: opacity 575ms ease, transform 575ms ease, filter 575ms ease, -webkit-transform 575ms ease, -webkit-filter 575ms ease
}
.a-zoom._active {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-filter: blur(0);
filter: blur(0)
}
.a-slide-left {
opacity: 0;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: opacity 575ms ease, -webkit-transform 1.035s cubic-bezier(.25, 1, .5, 1);
transition: opacity 575ms ease, -webkit-transform 1.035s cubic-bezier(.25, 1, .5, 1);
transition: transform 1.035s cubic-bezier(.25, 1, .5, 1), opacity 575ms ease;
transition: transform 1.035s cubic-bezier(.25, 1, .5, 1), opacity 575ms ease, -webkit-transform 1.035s cubic-bezier(.25, 1, .5, 1)
}
.a-slide-left._active {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.a-slide-right {
opacity: 0;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: opacity 575ms ease, -webkit-transform 1.035s cubic-bezier(.25, 1, .5, 1);
transition: opacity 575ms ease, -webkit-transform 1.035s cubic-bezier(.25, 1, .5, 1);
transition: transform 1.035s cubic-bezier(.25, 1, .5, 1), opacity 575ms ease;
transition: transform 1.035s cubic-bezier(.25, 1, .5, 1), opacity 575ms ease, -webkit-transform 1.035s cubic-bezier(.25, 1, .5, 1)
}
.a-slide-right._active {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.a-flip {
-webkit-perspective: 1000px;
perspective: 1000px;
opacity: 0
}
.a-flip._active .a-flip-inner {
-webkit-transform: rotateY(0);
transform: rotateY(0);
opacity: 1
}
.a-flip-inner {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
opacity: 0;
-webkit-transition: opacity .69s ease, -webkit-transform 1.38s cubic-bezier(.25, 1, .5, 1);
transition: opacity .69s ease, -webkit-transform 1.38s cubic-bezier(.25, 1, .5, 1);
transition: transform 1.38s cubic-bezier(.25, 1, .5, 1), opacity .69s ease;
transition: transform 1.38s cubic-bezier(.25, 1, .5, 1), opacity .69s ease, -webkit-transform 1.38s cubic-bezier(.25, 1, .5, 1);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.a-stagger>* {
opacity: 0;
-webkit-transform: translateY(2rem);
-ms-transform: translateY(2rem);
transform: translateY(2rem);
-webkit-transition: opacity 575ms ease, -webkit-transform 575ms ease;
transition: opacity 575ms ease, -webkit-transform 575ms ease;
transition: opacity 575ms ease, transform 575ms ease;
transition: opacity 575ms ease, transform 575ms ease, -webkit-transform 575ms ease;
will-change: opacity, transform
}
.a-stagger._active>:nth-child(1) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 115ms;
transition-delay: 115ms
}
.a-stagger._active>:nth-child(2) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: .23s;
transition-delay: .23s
}
.a-stagger._active>:nth-child(3) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 345ms;
transition-delay: 345ms
}
.a-stagger._active>:nth-child(4) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: .46s;
transition-delay: .46s
}
.a-stagger._active>:nth-child(5) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 575ms;
transition-delay: 575ms
}
.a-stagger._active>:nth-child(6) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: .69s;
transition-delay: .69s
}
.a-stagger._active>:nth-child(7) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 805ms;
transition-delay: 805ms
}
.a-stagger._active>:nth-child(8) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: .92s;
transition-delay: .92s
}
.a-stagger._active>:nth-child(9) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1.035s;
transition-delay: 1.035s
}
.a-stagger._active>:nth-child(10) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1.15s;
transition-delay: 1.15s
}
.a-stagger._active>:nth-child(11) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1.265s;
transition-delay: 1.265s
}
.a-stagger._active>:nth-child(12) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1.38s;
transition-delay: 1.38s
}
.a-stagger._active>:nth-child(13) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1.495s;
transition-delay: 1.495s
}
.a-stagger._active>:nth-child(14) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1.61s;
transition-delay: 1.61s
}
.a-stagger._active>:nth-child(15) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1.725s;
transition-delay: 1.725s
}
.a-stagger._active>:nth-child(16) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1.84s;
transition-delay: 1.84s
}
.a-stagger._active>:nth-child(17) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1.955s;
transition-delay: 1.955s
}
.a-stagger._active>:nth-child(18) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 2.07s;
transition-delay: 2.07s
}
.a-stagger._active>:nth-child(19) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 2.185s;
transition-delay: 2.185s
}
.a-stagger._active>:nth-child(20) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 2.3s;
transition-delay: 2.3s
}
.a-stagger-x>* {
opacity: 0;
-webkit-transform: translateX(-2rem);
-ms-transform: translateX(-2rem);
transform: translateX(-2rem);
-webkit-transition: opacity 575ms ease, -webkit-transform 575ms ease;
transition: opacity 575ms ease, -webkit-transform 575ms ease;
transition: opacity 575ms ease, transform 575ms ease;
transition: opacity 575ms ease, transform 575ms ease, -webkit-transform 575ms ease
}
.a-stagger-x._active>:nth-child(1) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 115ms;
transition-delay: 115ms
}
.a-stagger-x._active>:nth-child(2) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: .23s;
transition-delay: .23s
}
.a-stagger-x._active>:nth-child(3) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 345ms;
transition-delay: 345ms
}
.a-stagger-x._active>:nth-child(4) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: .46s;
transition-delay: .46s
}
.a-stagger-x._active>:nth-child(5) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 575ms;
transition-delay: 575ms
}
.a-stagger-x._active>:nth-child(6) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: .69s;
transition-delay: .69s
}
.a-stagger-x._active>:nth-child(7) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 805ms;
transition-delay: 805ms
}
.a-stagger-x._active>:nth-child(8) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: .92s;
transition-delay: .92s
}
.a-stagger-x._active>:nth-child(9) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 1.035s;
transition-delay: 1.035s
}
.a-stagger-x._active>:nth-child(10) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 1.15s;
transition-delay: 1.15s
}
.a-stagger-x._active>:nth-child(11) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 1.265s;
transition-delay: 1.265s
}
.a-stagger-x._active>:nth-child(12) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 1.38s;
transition-delay: 1.38s
}
.a-stagger-x._active>:nth-child(13) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 1.495s;
transition-delay: 1.495s
}
.a-stagger-x._active>:nth-child(14) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 1.61s;
transition-delay: 1.61s
}
.a-stagger-x._active>:nth-child(15) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 1.725s;
transition-delay: 1.725s
}
.a-stagger-x._active>:nth-child(16) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 1.84s;
transition-delay: 1.84s
}
.a-stagger-x._active>:nth-child(17) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 1.955s;
transition-delay: 1.955s
}
.a-stagger-x._active>:nth-child(18) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 2.07s;
transition-delay: 2.07s
}
.a-stagger-x._active>:nth-child(19) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 2.185s;
transition-delay: 2.185s
}
.a-stagger-x._active>:nth-child(20) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 2.3s;
transition-delay: 2.3s
}
.a-wipe-x {
position: relative;
overflow: hidden
}
.a-wipe-x::after {
content: "";
position: absolute;
inset: 0;
background: currentColor;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 1.15s cubic-bezier(.22, 1, .36, 1);
transition: -webkit-transform 1.15s cubic-bezier(.22, 1, .36, 1);
transition: transform 1.15s cubic-bezier(.22, 1, .36, 1);
transition: transform 1.15s cubic-bezier(.22, 1, .36, 1), -webkit-transform 1.15s cubic-bezier(.22, 1, .36, 1);
z-index: 1
}
.a-wipe-x._active::after {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)
}
.a-rotate-in {
opacity: 0;
-webkit-transform: rotate(-15deg) scale(.9);
-ms-transform: rotate(-15deg) scale(.9);
transform: rotate(-15deg) scale(.9);
-webkit-transition: opacity 575ms ease, -webkit-transform .69s cubic-bezier(.22, 1, .36, 1);
transition: opacity 575ms ease, -webkit-transform .69s cubic-bezier(.22, 1, .36, 1);
transition: opacity 575ms ease, transform .69s cubic-bezier(.22, 1, .36, 1);
transition: opacity 575ms ease, transform .69s cubic-bezier(.22, 1, .36, 1), -webkit-transform .69s cubic-bezier(.22, 1, .36, 1)
}
.a-rotate-in._active {
opacity: 1;
-webkit-transform: rotate(0) scale(1);
-ms-transform: rotate(0) scale(1);
transform: rotate(0) scale(1)
}
.a-reveal-circle {
opacity: 0;
clip-path: circle(0 at 50% 50%);
-webkit-transition: clip-path 1.15s cubic-bezier(.22, 1, .36, 1), opacity .46s ease;
transition: clip-path 1.15s cubic-bezier(.22, 1, .36, 1), opacity .46s ease
}
.a-reveal-circle._active {
opacity: 1;
clip-path: circle(75% at 50% 50%)
}
.a-bounce-up {
opacity: 0;
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
-webkit-transition: opacity .46s ease, -webkit-transform 805ms cubic-bezier(.34, 1.56, .64, 1);
transition: opacity .46s ease, -webkit-transform 805ms cubic-bezier(.34, 1.56, .64, 1);
transition: transform 805ms cubic-bezier(.34, 1.56, .64, 1), opacity .46s ease;
transition: transform 805ms cubic-bezier(.34, 1.56, .64, 1), opacity .46s ease, -webkit-transform 805ms cubic-bezier(.34, 1.56, .64, 1)
}
.a-bounce-up._active {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.a-form-rise {
opacity: 0;
-webkit-transform: translateY(45px) scale(.96);
-ms-transform: translateY(45px) scale(.96);
transform: translateY(45px) scale(.96);
-webkit-filter: blur(8px);
filter: blur(8px);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transition: opacity 575ms ease, -webkit-transform .8625s cubic-bezier(.22, 1, .36, 1), -webkit-filter .7475s cubic-bezier(.22, 1, .36, 1);
transition: opacity 575ms ease, -webkit-transform .8625s cubic-bezier(.22, 1, .36, 1), -webkit-filter .7475s cubic-bezier(.22, 1, .36, 1);
transition: opacity 575ms ease, transform .8625s cubic-bezier(.22, 1, .36, 1), filter .7475s cubic-bezier(.22, 1, .36, 1);
transition: opacity 575ms ease, transform .8625s cubic-bezier(.22, 1, .36, 1), filter .7475s cubic-bezier(.22, 1, .36, 1), -webkit-transform .8625s cubic-bezier(.22, 1, .36, 1), -webkit-filter .7475s cubic-bezier(.22, 1, .36, 1)
}
.a-form-rise._active {
opacity: 1;
-webkit-transform: translateY(0) scale(1);
-ms-transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
-webkit-filter: blur(0);
filter: blur(0)
}
.tag._anim-items.a-bounce-up,
.tag._anim-items.a-scale-up {
opacity: 0;
-webkit-transform: translateY(.875rem) scale(.82) rotate(-2deg);
-ms-transform: translateY(.875rem) scale(.82) rotate(-2deg);
transform: translateY(.875rem) scale(.82) rotate(-2deg);
-webkit-filter: blur(.25rem);
filter: blur(.25rem);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
-webkit-transition: opacity .5175s ease, -webkit-transform .7475s cubic-bezier(.34, 1.45, .64, 1), -webkit-filter 575ms ease;
transition: opacity .5175s ease, -webkit-transform .7475s cubic-bezier(.34, 1.45, .64, 1), -webkit-filter 575ms ease;
transition: opacity .5175s ease, transform .7475s cubic-bezier(.34, 1.45, .64, 1), filter 575ms ease;
transition: opacity .5175s ease, transform .7475s cubic-bezier(.34, 1.45, .64, 1), filter 575ms ease, -webkit-transform .7475s cubic-bezier(.34, 1.45, .64, 1), -webkit-filter 575ms ease
}
.tag._anim-items.a-bounce-up._active,
.tag._anim-items.a-scale-up._active {
opacity: 1;
-webkit-transform: translateY(0) scale(1) rotate(0);
-ms-transform: translateY(0) scale(1) rotate(0);
transform: translateY(0) scale(1) rotate(0);
-webkit-filter: blur(0);
filter: blur(0)
}
.a-gradient-move {
background-size: 200% 200%;
-webkit-animation: a-gradient 6s ease infinite;
animation: a-gradient 6s ease infinite
}
@-webkit-keyframes a-gradient {
0% {
background-position: 0 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0 50%
}
}
@keyframes a-gradient {
0% {
background-position: 0 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0 50%
}
}
.a-hover-lift {
-webkit-transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
transition: transform .3s ease, box-shadow .3s ease;
transition: transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease, -webkit-box-shadow .3s ease
}
.a-hover-zoom {
overflow: hidden
}
[data-motion] {
--mx: 0px;
--my: 0px;
--mrotate: 0deg;
--scroll-x: 0px;
--scroll-y: 0px
}
@media (min-width:575.98px) {
._container {
-webkit-box-sizing: content-box;
box-sizing: content-box;
max-width: 33.75rem
}
span.tag {
padding: .5rem 1.0625rem;
font-size: 1.25rem
}
.tooltip-float {
font-size: 1rem;
padding: .875rem 1.125rem
}
}
@media (min-width:767.98px) {
._container {
max-width: 39rem
}
.form__row {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.form__control {
padding: 1.25rem;
font-size: 1.125rem;
min-height: 3.875rem
}
.form__control:is(textarea) {
min-height: 8.5625rem
}
.form__submit:not(.wpcf7-submit):not(:has(.wpcf7-form-control-wrap)) {
margin-top: 0;
min-height: 3.75rem;
font-size: 1.25rem
}
.form-field {
padding: 1.25rem;
font-size: 1.125rem;
min-height: 3.875rem
}
.wpcf7-form .form__submit:has(.wpcf7-form-control-wrap),
.wpcf7-form label.form__submit {
margin-top: 0;
min-height: 3.75rem;
font-size: 1.25rem
}
.wpcf7-form .wpcf7-form-control-wrap:has(.wpcf7-submit):not(label.form__submit.wpcf7-form-control-wrap):not(.form__submit.wpcf7-form-control-wrap) {
margin-top: 0;
min-height: 3.75rem;
font-size: 1.25rem
}
.f-button.is-close-button {
top: .875rem;
right: .875rem
}
.popup-modal__partner {
-ms-flex-preferred-size: calc((100% - 1.25rem)/ 3);
flex-basis: calc((100% - 1.25rem)/ 3)
}
.popup-modal--consult {
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/modal-consult-decor.webp) 0 0/cover no-repeat, linear-gradient(61deg, #26668c 0, #55acbf 99.68%)
}
.fancybox__container.fancybox-video .fancybox__slide {
padding: 1.5rem
}
.fancybox__container.fancybox-video .fancybox__slide.has-html {
padding: 1.5rem
}
.partners-widget {
width: 3.5rem;
padding: 1.125rem .75rem;
font-size: .8125rem
}
.heading__main {
display: block
}
.heading__cta {
margin-top: 0;
width: 26.625rem
}
.heading__tags {
margin-top: 1rem
}
.heading__tag {
padding: .375rem 1.1875rem;
font-size: 1rem
}
}
@media screen and (min-width:783px) {
.admin-bar .main:not(.main--home) {
padding-top: calc(3.5rem + 32px)
}
}
@media (min-width:991.98px) {
._container {
max-width: 60rem
}
.main:not(.main--home) {
padding-top: 5rem
}
.admin-bar .main:not(.main--home) {
padding-top: calc(5rem + 32px)
}
.tag--white {
height: 2.5rem;
padding: .625rem 1rem;
font-size: 1.25rem
}
.typography-block h1 {
margin-bottom: 2.5rem
}
.typography-block .gallery.gallery-columns-4 {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr)
}
.typography-block .gallery.gallery-columns-2 .gallery-item {
aspect-ratio: auto;
min-height: 27.0625rem
}
.popup-modal__layout {
-ms-grid-columns: 1.1fr .9fr;
grid-template-columns: 1.1fr .9fr;
gap: 2rem
}
.popup-modal__layout--reverse {
-ms-grid-columns: .9fr 1.1fr;
grid-template-columns: .9fr 1.1fr
}
.popup-modal__visual {
display: block
}
.popup-modal__media {
margin-bottom: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 20.4375rem;
}
.popup-modal__media img {
max-width: 20.4375rem
}
.popup-modal__partner {
-ms-flex-preferred-size: calc((100% - 2.5rem)/ 5);
flex-basis: calc((100% - 2.5rem)/ 5)
}
.news-card {
min-height: 17.3125rem
}
.news-card__media {
border-radius: .625rem 0 0 .625rem;
width: 18.4375rem
}
.news-card__img {
min-height: 17.3125rem
}
.news-card__body {
padding: 1.25rem;
gap: .625rem
}
.news-card__date {
padding: .625rem;
border-radius: .625rem;
font-size: 1.125rem;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px)
}
.news-card__text {
gap: .625rem
}
.news-card__title {
font-size: 1.5rem;
letter-spacing: -.02em
}
.news-card__excerpt {
font-size: 1rem;
-webkit-line-clamp: 3
}
.news-card__more {
font-size: 1.5rem;
letter-spacing: -.02em
}
.news-card__more-icon {
width: 1.75rem;
height: 1.75rem
}
.news-card--feed .news-card__body {
padding: 1.25rem;
gap: 1.25rem
}
.news-card--feed .news-card__date.news-card__date--pill {
padding: .25rem .625rem;
border-radius: 3.125rem;
font-size: .75rem
}
.accordion__header {
padding: .625rem 1.25rem;
min-height: 5.125rem
}
.accordion__item._active .accordion__header {
padding: .75rem 1.25rem 0
}
.accordion__question {
max-width: 34.625rem;
font-size: 1.5rem
}
.accordion__chevron {
width: 2rem;
height: 2rem
}
.accordion__answer {
padding: 0 1.25rem .75rem;
font-size: 1.125rem;
max-width: 33.375rem
}
.accordion__item._active .accordion__answer {
padding-top: 1.25rem
}
.tooltip-float--mint {
padding: 1.25rem;
font-size: 1.125rem
}
.contacts-card.contacts-card--legal .contacts-card__body {
font-size: 1rem
}
.contacts-card__wrapper {
gap: 1.25rem;
min-height: 12rem;
padding: 1.25rem
}
.contacts-card__icon {
width: 2.75rem;
height: 2.75rem;
padding: .625rem;
border-radius: .625rem
}
.contacts-card__icon .icon {
width: 1.375rem;
height: 1.375rem
}
.contacts-card__body {
font-size: 1rem
}
.contacts-card__link+.contacts-card__link {
margin-top: 0
}
.contacts-card--email .contacts-card__link,
.contacts-card--phone .contacts-card__link {
font-size: 1.25rem
}
.contacts-card--address .contacts-card__body,
.contacts-card--legal .contacts-card__body {
font-size: 1.25rem
}
.heading {
padding: 1.5rem 0 3rem
}
.heading.heading--catalog {
padding-bottom: 5.5rem
}
.heading.heading--devices {
padding: .5rem 0 3rem
}
.heading.heading--devices .heading__grid {
-ms-grid-columns: 1.875fr 1fr;
grid-template-columns: 1.875fr 1fr
}
.heading.heading--devices .heading__main {
max-width: 54.5625rem
}
.heading.heading--devices .heading__text {
font-size: 1.125rem;
max-width: 26.625rem
}
.heading.heading--devices .heading__actions {
margin-top: 2.3rem
}
.heading.heading--blog {
padding-bottom: 3.375rem
}
.heading.heading--blog .heading__aside {
padding-top: 0;
max-width: 100%
}
.heading.heading--blog .heading__text {
max-width: 100%
}
.heading.heading--contacts {
padding: 2rem 0 1.5rem
}
.heading.heading--contacts .heading__aside {
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: 0
}
.heading__point {
width: .75rem;
height: .75rem
}
.heading__point:nth-child(1) {
top: .5rem;
left: .25rem
}
.heading__point:nth-child(2) {
top: .5rem;
right: .25rem
}
.heading__point:nth-child(3) {
left: .25rem;
bottom: .5rem
}
.heading__point:nth-child(4) {
bottom: .5rem;
right: .25rem
}
.heading__grid {
margin-top: 1rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1.25fr 1fr;
grid-template-columns: 1.25fr 1fr;
gap: 2.5rem
}
.heading__actions {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: .625rem;
margin-top: 1.5rem;
max-width: 43.125rem
}
.heading__btn {
-webkit-box-flex: 1;
-ms-flex: 1 1 21.25rem;
flex: 1 1 21.25rem;
max-width: 21.25rem
}
.heading__text {
font-size: 1.125rem
}
.heading__aside {
padding-top: .5rem
}
.heading__aside .heading__text {
text-align: left
}
.heading__tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 3.375rem;
gap: 1.25rem
}
.heading__product-wrapper {
width: 8.75rem
}
}
@media (min-width:1199.98px) {
._container {
max-width: 71.25rem
}
.popup-modal__photo {
position: absolute;
width: 11.375rem;
height: 10.5625rem; }
.popup-modal__photo:first-child {
right: 0;
top: 2rem
}
.popup-modal__photo:last-child {
right: 11.375rem;
bottom: 0
}
.heading.heading--contacts {
padding: 1.25rem 0 3.4375rem
}
.heading__wrapper {
padding: 0 4rem
}
.heading__logo-wrap {
margin-top: 5.75rem
}
.heading__products {
-ms-grid-columns: (8.75rem)[2];
grid-template-columns: repeat(2, 8.75rem);
gap: 1.25rem
}
}
@media (min-width:1200px) and (any-hover:hover) {
.btn--primary:hover:not(:disabled):not([aria-disabled=true]) {
-webkit-transform: translateY(-.375rem);
-ms-transform: translateY(-.375rem);
transform: translateY(-.375rem);
-webkit-box-shadow: 0 .625rem 1.5625rem rgba(0, 0, 0, .1);
box-shadow: 0 .625rem 1.5625rem rgba(0, 0, 0, .1)
}
.btn--primary:hover:not(:disabled):not([aria-disabled=true])::after {
opacity: 1
}
.btn--white:hover:not(:disabled):not([aria-disabled=true]) {
-webkit-transform: translateY(-.375rem);
-ms-transform: translateY(-.375rem);
transform: translateY(-.375rem);
-webkit-box-shadow: 0 .625rem 1.5625rem rgba(0, 0, 0, .1);
box-shadow: 0 .625rem 1.5625rem rgba(0, 0, 0, .1);
background-color: #fff
}
}
@media (min-width:1200px) {
.a-hover-lift:hover {
-webkit-transform: translateY(-6px);
-ms-transform: translateY(-6px);
transform: translateY(-6px);
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
box-shadow: 0 10px 25px rgba(0, 0, 0, .1)
}
.a-hover-zoom img {
-webkit-transition: -webkit-transform .7s cubic-bezier(.22, 1, .36, 1);
transition: -webkit-transform .7s cubic-bezier(.22, 1, .36, 1);
transition: transform .7s cubic-bezier(.22, 1, .36, 1);
transition: transform .7s cubic-bezier(.22, 1, .36, 1), -webkit-transform .7s cubic-bezier(.22, 1, .36, 1);
will-change: transform
}
.a-hover-zoom:hover img {
-webkit-transform: scale(1.05) rotate(.7deg);
-ms-transform: scale(1.05) rotate(.7deg);
transform: scale(1.05) rotate(.7deg)
}
}
@media (min-width:1399.98px) {
._container._container--small {
max-width: 78.75rem
}
._container {
max-width: 82.5rem
}
}
@media (max-width:1199.98px) and (any-hover:hover) {
.btn--primary:hover:not(:disabled):not([aria-disabled=true])::after {
opacity: 1
}
.btn--white:hover:not(:disabled):not([aria-disabled=true]) {
background-color: #fff
}
}
@media (max-width:991.98px) {
.popup-modal__photo:first-child {
margin-top: 3.75rem
}
.popup-modal--order {
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/modal-order-bg-mobile.svg) 0 0/cover no-repeat, linear-gradient(61deg, #26668c 0, #55acbf 99.68%)
}
.popup-modal--order .popup-modal__visual {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
gap: .625rem;
position: static;
min-height: 0
}
.popup-modal--order .popup-modal__visual .popup-modal__photo {
position: static;
width: 100%;
height: 8.75rem
}
.heading__divider {
margin-top: 1.875rem;
gap: 0
}
.heading__divider::before {
height: .5rem;
background-size: 1rem .5rem
}
}
@media (max-width:767.98px) {
.popup-modal--consult {
padding-bottom: 9.0625rem
}
.popup-modal--presentation .popup-modal__media {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
}
@media (max-width:575.98px) {
.title-lg {
letter-spacing: -.0230769231em
}
.title-md {
letter-spacing: -.04em
}
.title-md--panels {
letter-spacing: -.04em
}
.typography-block h1,
.typography-block h2 {
letter-spacing: -.01875em
}
.partners-widget {
display: none !important
}
.partners-widget {
top: auto;
bottom: 1.25rem;
-webkit-transform: none;
-ms-transform: none;
transform: none;
border-radius: .625rem;
right: .75rem;
width: auto;
min-height: 3rem;
padding: .625rem .875rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-shadow: 0 .5rem 1.5rem rgba(38, 102, 140, .22);
box-shadow: 0 .5rem 1.5rem rgba(38, 102, 140, .22)
}
.partners-widget__text {
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb
}
.partners-widget:active {
-webkit-transform: scale(.98);
-ms-transform: scale(.98);
transform: scale(.98)
}
.heading__product-wrapper {
aspect-ratio: 1
}
}
@media (max-width:575.98px) and (any-hover:hover) {
.partners-widget:hover {
-webkit-transform: translateY(-.25rem);
-ms-transform: translateY(-.25rem);
transform: translateY(-.25rem)
}
}
@media (any-hover:hover) {
::-webkit-scrollbar-thumb:hover {
background: #1b4964
}
.typography-block a:not(.btn, .news-card__more):hover {
text-decoration: underline
}
.btn--secondary:hover:not(:disabled):not([aria-disabled=true]) {
border-color: #55acbf;
color: #55acbf
}
.btn--ghost-light:hover:not(:disabled):not([aria-disabled=true]) {
background: rgba(255, 255, 255, .1)
}
.btn--white-outline:hover:not(:disabled):not([aria-disabled=true]) {
background: rgba(255, 255, 255, .05)
}
.tab:hover:not(:disabled):not([aria-disabled=true]):not(.tab--disabled) {
border-width: 1px
}
.form__submit:not(.wpcf7-submit):not(:has(.wpcf7-form-control-wrap)):hover {
background: #fff
}
.wpcf7-form .form__submit:has(.wpcf7-form-control-wrap):hover,
.wpcf7-form label.form__submit:hover {
background: #fff
}
.wpcf7-form .wpcf7-form-control-wrap:has(.wpcf7-submit):not(label.form__submit.wpcf7-form-control-wrap):not(.form__submit.wpcf7-form-control-wrap):hover {
background: #fff
}
.popup-modal__close:hover {
opacity: .75
}
.popup-modal__agree .checkbox__text a:hover {
text-decoration: none
}
.popup-modal__submit:hover {
background: #fff;
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px)
}
.popup-modal__partner:hover {
-webkit-box-shadow: 0 .5rem 1.5rem rgba(38, 102, 140, .15);
box-shadow: 0 .5rem 1.5rem rgba(38, 102, 140, .15)
}
.fancybox__container.fancybox-video .f-button.is-close-btn:hover {
background: rgba(255, 255, 255, .2);
border-color: rgba(255, 255, 255, .45);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.fancybox__container.fancybox-video .f-button.is-arrow:hover {
background: rgba(255, 255, 255, .2)
}
.news-card__link:hover .news-card__title {
color: #55acbf
}
.news-card__link:hover .news-card__more {
color: #55acbf
}
.news-card__link:hover .news-card__more-label {
text-decoration-color: currentColor
}
.accordion__item:hover {
background-color: #d4f5ff
}
.partners-widget:hover {
-webkit-box-shadow: -.5rem 0 1.75rem rgba(38, 102, 140, .3);
box-shadow: -.5rem 0 1.75rem rgba(38, 102, 140, .3)
}
.partners-widget:hover::after {
opacity: 1
}
.contacts-card__wrapper:hover {
background-color: rgba(179, 227, 241, .9);
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
-webkit-box-shadow: rgba(38, 102, 140, .12) 0 .5rem 1.5rem;
box-shadow: rgba(38, 102, 140, .12) 0 .5rem 1.5rem
}
.contacts-card__link:hover {
opacity: .85
}
.heading__tag:hover {
border-color: #5fb9cd;
background: #def3f9
}
.heading__product-wrapper:hover {
-webkit-transform: translateY(-6px);
-ms-transform: translateY(-6px);
transform: translateY(-6px);
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
box-shadow: 0 10px 25px rgba(0, 0, 0, .1)
}
}
@media (prefers-reduced-motion:reduce) {
.accordion__answer,
.accordion__body,
.accordion__chevron,
.accordion__header,
.accordion__item {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
-webkit-transition-delay: 0s !important;
transition-delay: 0s !important
}
.accordion__answer {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
.spoller-toggle {
text-decoration: underline;
}._container{margin:0 auto;padding:0 1rem;max-width:100%}body{font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;color:#425460;background-color:#fff;line-height:1.3;font-size:clamp(14px,.3703703704vw + 12.6666666667px,18px)}.lock{overflow:hidden}h1{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:450;line-height:1.2;font-size:clamp(26px,2.7777777778vw + 16px,56px)}h2{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:450;line-height:1.2;font-size:clamp(24px,2.2222222222vw + 16px,48px)}h3{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:450;font-style:italic;line-height:1.2;font-size:clamp(18px,.5555555556vw + 16px,24px)}.wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%;overflow-x:clip}.main{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;background:#edfbff}.main:not(.main--home){padding-top:3.5rem}.admin-bar .main:not(.main--home){padding-top:calc(3.5rem + 46px)}.cover-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.text-nowrap{white-space:nowrap}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#26668c;border-radius:.5rem}.swiper-pagination{position:static;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.625rem;margin-top:1.25rem}.swiper-pagination-bullet{width:.625rem;height:.625rem;border-radius:50%;background:#26668c}.screen-reader-text{display:none!important}.header{position:fixed;top:0;left:0;right:0;z-index:50;width:100%;background:#26668c;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);-wekbit-backdrop-filter:blur(.625rem);border-radius:0 0 .625rem .625rem}.header__bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem;min-height:3.5rem;padding:.5rem 0;background:0 0;color:#fff}.header__logo{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0}.header__logo-img{display:block;width:6.9375rem;height:auto}.header__menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2rem;row-gap:.625rem}.header__link{font-weight:450;text-transform:uppercase;line-height:1.2;font-size:clamp(16px,.1851851852vw + 15.3333333333px,18px);position:relative}.header__link::after{content:"";position:absolute;right:0;bottom:-2px;left:0;height:2px;border-radius:999px;opacity:0;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(33%,#55acbf),color-stop(66%,#55acbf),to(transparent));background:linear-gradient(90deg,transparent 0,#55acbf 33%,#55acbf 66%,transparent 100%);-webkit-transform:scaleX(.35);-ms-transform:scaleX(.35);transform:scaleX(.35);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition:opacity .68s cubic-bezier(.18,.88,.24,1),-webkit-transform .68s cubic-bezier(.18,.88,.24,1);transition:opacity .68s cubic-bezier(.18,.88,.24,1),-webkit-transform .68s cubic-bezier(.18,.88,.24,1);transition:opacity .68s cubic-bezier(.18,.88,.24,1),transform .68s cubic-bezier(.18,.88,.24,1);transition:opacity .68s cubic-bezier(.18,.88,.24,1),transform .68s cubic-bezier(.18,.88,.24,1),-webkit-transform .68s cubic-bezier(.18,.88,.24,1);pointer-events:none}.header__link._active::after{opacity:1;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.header__toggle{margin-left:auto}.header__phones{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.25rem;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.header__phone{color:#fff;text-decoration:none;font-weight:500;line-height:1.2;text-transform:uppercase;font-size:clamp(16px,.1851851852vw + 15.3333333333px,18px);position:relative;-webkit-transition:all .3s ease;transition:all .3s ease}.header__phone::after{content:"";position:absolute;right:0;bottom:-2px;left:0;height:2px;border-radius:999px;opacity:0;background:-webkit-gradient(linear,left top,right top,from(#26668c),color-stop(33%,#55acbf),color-stop(66%,#55acbf),to(#26668c));background:linear-gradient(90deg,#26668c 0,#55acbf 33%,#55acbf 66%,#26668c 100%);-webkit-transform:scaleX(.35);-ms-transform:scaleX(.35);transform:scaleX(.35);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition:opacity .68s cubic-bezier(.18,.88,.24,1),-webkit-transform .68s cubic-bezier(.18,.88,.24,1);transition:opacity .68s cubic-bezier(.18,.88,.24,1),-webkit-transform .68s cubic-bezier(.18,.88,.24,1);transition:opacity .68s cubic-bezier(.18,.88,.24,1),transform .68s cubic-bezier(.18,.88,.24,1);transition:opacity .68s cubic-bezier(.18,.88,.24,1),transform .68s cubic-bezier(.18,.88,.24,1),-webkit-transform .68s cubic-bezier(.18,.88,.24,1);pointer-events:none}.header__sep{width:1px;height:1.3125rem;background:rgba(255,255,255,.45);-ms-flex-negative:0;flex-shrink:0}.admin-bar .header{top:32px}.icon-menu{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:.4375rem;min-width:2.25rem;height:2.25rem;padding:0;border:0;background:0 0;color:#fff;cursor:pointer;z-index:11;-webkit-transition:all .3s ease;transition:all .3s ease}.icon-menu span{display:block;width:100%;padding:0;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;-webkit-transition:opacity .4s ease .4s,-webkit-transform .4s ease .4s;transition:opacity .4s ease .4s,-webkit-transform .4s ease .4s;transition:transform .4s ease .4s,opacity .4s ease .4s;transition:transform .4s ease .4s,opacity .4s ease .4s,-webkit-transform .4s ease .4s;will-change:transform}.icon-menu span::before{content:"";display:block;height:.1875rem;border-radius:.625rem;background:currentColor;-webkit-transition:-webkit-transform .3s ease 0s;transition:-webkit-transform .3s ease 0s;transition:transform .3s ease 0s;transition:transform .3s ease 0s,-webkit-transform .3s ease 0s;will-change:transform}.icon-menu span:nth-child(2){width:1.5rem;-ms-flex-item-align:end;align-self:flex-end}.header.open-menu .icon-menu{background:0 0}.header.open-menu .icon-menu span{width:2.25rem;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;-webkit-transition:opacity .3s ease 0s,-webkit-transform .3s ease 0s;transition:opacity .3s ease 0s,-webkit-transform .3s ease 0s;transition:transform .3s ease 0s,opacity .3s ease 0s;transition:transform .3s ease 0s,opacity .3s ease 0s,-webkit-transform .3s ease 0s}.header.open-menu .icon-menu span::before{-webkit-transition:width .3s ease 0s,-webkit-transform .45s ease .35s;transition:width .3s ease 0s,-webkit-transform .45s ease .35s;transition:transform .45s ease .35s,width .3s ease 0s;transition:transform .45s ease .35s,width .3s ease 0s,-webkit-transform .45s ease .35s}.header.open-menu .icon-menu span:first-child{-webkit-transform:translateY(.625rem);-ms-transform:translateY(.625rem);transform:translateY(.625rem)}.header.open-menu .icon-menu span:first-child::before{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.header.open-menu .icon-menu span:nth-child(2){opacity:0}.header.open-menu .icon-menu span:nth-child(3){-webkit-transform:translateY(-.625rem);-ms-transform:translateY(-.625rem);transform:translateY(-.625rem)}.header.open-menu .icon-menu span:nth-child(3)::before{-webkit-transform:rotate(-225deg);-ms-transform:rotate(-225deg);transform:rotate(-225deg)}@media (min-width:575.98px){._container{-webkit-box-sizing:content-box;box-sizing:content-box;max-width:33.75rem}}@media (min-width:767.98px){._container{max-width:39rem}}@media screen and (min-width:783px){.admin-bar .main:not(.main--home){padding-top:calc(3.5rem + 32px)}}@media (min-width:991.98px){._container{max-width:60rem}.main:not(.main--home){padding-top:5rem}.admin-bar .main:not(.main--home){padding-top:calc(5rem + 32px)}.header__bar{-ms-flex-wrap:nowrap;flex-wrap:nowrap;min-height:60px;padding:.625rem 0}.header__toggle{display:none}.header__phones{margin-left:auto}.icon-menu{display:none}}@media (min-width:1199.98px){._container{max-width:71.25rem}}@media (min-width:1399.98px){._container._container--small{max-width:78.75rem}._container{max-width:82.5rem}.header__nav{margin-left:5.1875rem}.header__menu{gap:2.5rem}}@media (max-width:991.98px){.header__logo{min-height:2.25rem}.header__logo-img{-o-object-fit:contain;object-fit:contain;-o-object-position:left bottom;object-position:left bottom}.header__nav{display:none;width:100%}.header__phones{display:none;width:100%}.header.open-menu{background:#26668c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto;max-height:100svh}.header.open-menu .header__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh;min-height:100dvh}.header.open-menu .header__bar{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:nowrap;flex-wrap:nowrap;position:relative;padding-bottom:3.75rem}.header.open-menu .header__logo{-ms-flex-item-align:start;align-self:flex-start;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:2.75rem}.header.open-menu .header__toggle{position:absolute;top:1rem;right:0;margin-left:0}.header.open-menu .header__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;margin-left:0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.header.open-menu .header__toggle{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.header.open-menu .header__menu{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2.5rem;padding-bottom:3.75rem}.header.open-menu .header__link{font-size:1.5rem}.header.open-menu .header__phones{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.25rem;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.header.open-menu .header__phone{font-size:1.5rem}.header.open-menu .header__sep{width:3.3125rem;height:1px}}@media screen and (max-width:782px){.admin-bar .header{top:46px}.admin-bar .header.open-menu{max-height:calc(100svh - 46px)}}@media (any-hover:hover){::-webkit-scrollbar-thumb:hover{background:#1b4964}.header__link:hover{-webkit-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0)}.header__link:hover::after{opacity:1;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.header__phone:hover{-webkit-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0)}.header__phone:hover::after{opacity:1;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}}._container{margin:0 auto;padding:0 1rem;max-width:100%}body{font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;color:#425460;background-color:#fff;line-height:1.3;font-size:clamp(14px,.3703703704vw + 12.6666666667px,18px)}.lock{overflow:hidden}h1{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:450;line-height:1.2;font-size:clamp(26px,2.7777777778vw + 16px,56px)}h2{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:450;line-height:1.2;font-size:clamp(24px,2.2222222222vw + 16px,48px)}h3{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:450;font-style:italic;line-height:1.2;font-size:clamp(18px,.5555555556vw + 16px,24px)}.wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%;overflow-x:clip}.main{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;background:#edfbff}.main:not(.main--home){padding-top:3.5rem}.admin-bar .main:not(.main--home){padding-top:calc(3.5rem + 46px)}.cover-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.text-nowrap{white-space:nowrap}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#26668c;border-radius:.5rem}.swiper-pagination{position:static;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.625rem;margin-top:1.25rem}.swiper-pagination-bullet{width:.625rem;height:.625rem;border-radius:50%;background:#26668c}.screen-reader-text{display:none!important}.footer{padding-top:1rem;padding-bottom:1.5rem;color:#fff;background:linear-gradient(106.85deg,#26668c 0,#55acbf 100%)}.footer__brand-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1rem;width:100%}.footer__logo{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;text-decoration:none}.footer__logo img{display:block;width:8.0625rem;height:2.25rem;-o-object-fit:contain;object-fit:contain;-o-object-position:left bottom;object-position:left bottom}.footer__phone{-ms-flex-negative:0;flex-shrink:0;color:#fff;text-transform:uppercase;white-space:nowrap;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.0141666667em;font-size:clamp(18px,.5555555556vw + 16px,24px);position:relative}.footer__phone::after{content:"";position:absolute;right:0;bottom:-2px;left:0;height:2px;border-radius:999px;opacity:0;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(33%,#fff),color-stop(66%,#fff),to(transparent));background:linear-gradient(90deg,transparent 0,#fff 33%,#fff 66%,transparent 100%);-webkit-transform:scaleX(.35);-ms-transform:scaleX(.35);transform:scaleX(.35);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition:opacity .68s cubic-bezier(.18,.88,.24,1),-webkit-transform .68s cubic-bezier(.18,.88,.24,1);transition:opacity .68s cubic-bezier(.18,.88,.24,1),-webkit-transform .68s cubic-bezier(.18,.88,.24,1);transition:opacity .68s cubic-bezier(.18,.88,.24,1),transform .68s cubic-bezier(.18,.88,.24,1);transition:opacity .68s cubic-bezier(.18,.88,.24,1),transform .68s cubic-bezier(.18,.88,.24,1),-webkit-transform .68s cubic-bezier(.18,.88,.24,1);pointer-events:none}.footer__nav{width:100%;margin-top:2.5rem}.footer__menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:.75rem;width:100%;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.footer__link{color:#fff;text-decoration:none;font-weight:400;line-height:1.2;text-transform:uppercase;letter-spacing:-.04em;white-space:nowrap;position:relative;font-size:clamp(14px,.1851851852vw + 13.3333333333px,16px)}.footer__link::after{content:"";position:absolute;right:0;bottom:-2px;left:0;height:2px;border-radius:999px;opacity:0;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(33%,#fff),color-stop(66%,#fff),to(transparent));background:linear-gradient(90deg,transparent 0,#fff 33%,#fff 66%,transparent 100%);-webkit-transform:scaleX(.35);-ms-transform:scaleX(.35);transform:scaleX(.35);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition:opacity .68s cubic-bezier(.18,.88,.24,1),-webkit-transform .68s cubic-bezier(.18,.88,.24,1);transition:opacity .68s cubic-bezier(.18,.88,.24,1),-webkit-transform .68s cubic-bezier(.18,.88,.24,1);transition:opacity .68s cubic-bezier(.18,.88,.24,1),transform .68s cubic-bezier(.18,.88,.24,1);transition:opacity .68s cubic-bezier(.18,.88,.24,1),transform .68s cubic-bezier(.18,.88,.24,1),-webkit-transform .68s cubic-bezier(.18,.88,.24,1);pointer-events:none}.footer__divider{background:rgba(255,255,255,.4)}.footer__docs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.625rem;width:100%;margin-top:2.25rem}.footer__doc{font-family:Manrope,Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:400;line-height:1.3;color:#e2ebef;text-decoration:underline;text-underline-offset:2px;white-space:nowrap;font-size:clamp(14px,.1851851852vw + 13.3333333333px,16px);-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.footer__meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.625rem;width:100%;margin-top:2.5rem}.footer__copy{font-family:Manrope,Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:500;line-height:1.3;color:#f7f7f7;text-align:center;white-space:nowrap;font-size:clamp(12px,.1851851852vw + 11.3333333333px,14px)}.footer__dev{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;gap:.625rem;-webkit-transition:-webkit-transform .4s cubic-bezier(.25,.46,.45,.94);transition:-webkit-transform .4s cubic-bezier(.25,.46,.45,.94);transition:transform .4s cubic-bezier(.25,.46,.45,.94);transition:transform .4s cubic-bezier(.25,.46,.45,.94),-webkit-transform .4s cubic-bezier(.25,.46,.45,.94)}.footer__dev-logo{display:block;-ms-flex-negative:0;flex-shrink:0;width:1.625rem;height:1.375rem;-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom;-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:all .4s ease;transition:all .4s ease}.footer__dev-text{font-family:Manrope,Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:500;line-height:1.3;color:#f7f7f7;white-space:nowrap;font-size:clamp(12px,.1851851852vw + 11.3333333333px,14px)}@media (min-width:575.98px){._container{-webkit-box-sizing:content-box;box-sizing:content-box;max-width:33.75rem}.footer__docs{margin-top:0}}@media (min-width:767.98px){._container{max-width:39rem}}@media screen and (min-width:783px){.admin-bar .main:not(.main--home){padding-top:calc(3.5rem + 32px)}}@media (min-width:991.98px){._container{max-width:60rem}.main:not(.main--home){padding-top:5rem}.admin-bar .main:not(.main--home){padding-top:calc(5rem + 32px)}.footer{padding-top:1.25rem;padding-bottom:1.875rem;background:linear-gradient(157.64deg,#26668c 0,#55acbf 100%)}.footer__container{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1px 1fr;grid-template-columns:1fr 1px 1fr;-webkit-column-gap:2.5rem;-moz-column-gap:2.5rem;column-gap:2.5rem;row-gap:3.5rem;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.footer__brand-row{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-right:.375rem;-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1;max-width:38.75rem}.footer__logo img{width:8.8125rem;height:2.4375rem}.footer__nav{-ms-grid-column:3;grid-column:3;-ms-grid-row:1;grid-row:1;margin-top:.625rem;max-width:38.6875rem;-ms-grid-column-align:end;justify-self:end;width:100%}.footer__divider{-ms-grid-column:2;grid-column:2;-ms-grid-row-span:2;grid-row:span 2;width:1px;-ms-grid-row-align:stretch;align-self:stretch;margin-top:-1.25rem;margin-bottom:-1.875rem}.footer__docs{-ms-grid-column:1;grid-column:1;-ms-grid-row:2;grid-row:2;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1.125rem;max-width:38.75rem}.footer__meta{-ms-grid-column:3;grid-column:3;-ms-grid-row:2;grid-row:2;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:2.5rem;margin-top:0;max-width:38.75rem;-ms-grid-column-align:end;justify-self:end}.footer__copy{text-align:left}}@media (min-width:1199.98px){._container{max-width:71.25rem}}@media (min-width:1399.98px){._container._container--small{max-width:78.75rem}._container{max-width:82.5rem}}@media (max-width:991.98px){.footer__divider{width:100%;height:1px;margin:2.5rem 0}}@media (max-width:575.98px){.footer__divider{display:none}}@media (any-hover:hover){::-webkit-scrollbar-thumb:hover{background:#1b4964}.footer__phone:hover::after{opacity:1;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.footer__link:hover{-webkit-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0)}.footer__link:hover::after{opacity:1;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.footer__doc:hover{opacity:.85;text-decoration:none}.footer__dev:hover{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.footer__dev:hover .footer__dev-logo{-webkit-filter:grayscale(0);filter:grayscale(0)}}._container {
margin: 0 auto;
padding: 0 1rem;
max-width: 100%
}
body {
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
color: #425460;
background-color: #fff;
line-height: 1.3;
font-size: clamp(14px, .3703703704vw + 12.6666666667px, 18px)
}
.lock {
overflow: hidden
}
h1 {
font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 450;
line-height: 1.2;
font-size: clamp(26px, 2.7777777778vw + 16px, 56px)
}
h2 {
font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 450;
line-height: 1.2;
font-size: clamp(24px, 2.2222222222vw + 16px, 48px)
}
h3 {
font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 450;
font-style: italic;
line-height: 1.2;
font-size: clamp(18px, .5555555556vw + 16px, 24px)
}
.wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100%;
overflow-x: clip
}
.main {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
background: #edfbff
}
.main:not(.main--home) {
padding-top: 3.5rem
}
.admin-bar .main:not(.main--home) {
padding-top: calc(3.5rem + 46px)
}
.cover-image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.text-nowrap {
white-space: nowrap
}
::-webkit-scrollbar {
width: .5rem
}
::-webkit-scrollbar-track {
background: #fff
}
::-webkit-scrollbar-thumb {
background: #26668c;
border-radius: .5rem
}
.swiper-pagination {
position: static;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .625rem;
margin-top: 1.25rem
}
.swiper-pagination-bullet {
width: .625rem;
height: .625rem;
border-radius: 50%;
background: #26668c
}
.screen-reader-text {
display: none !important
}
@font-face {
font-family: Inter;
src: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/fonts/Inter-VariableFont_opsz,wght.woff2) format("woff2 supports variations"), url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/fonts/Inter-VariableFont_opsz,wght.woff2) format("woff2-variations"), url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/fonts/Inter-VariableFont_opsz,wght.woff) format("woff");
font-weight: 100 900;
font-stretch: 75% 125%;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Manrope;
src: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/fonts/Manrope-VariableFont_wght.woff2) format("woff2 supports variations"), url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/fonts/Manrope-VariableFont_wght.woff2) format("woff2-variations"), url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/fonts/Manrope-VariableFont_wght.woff) format("woff");
font-weight: 100 900;
font-stretch: 75% 125%;
font-style: normal;
font-display: swap
}
.text-ui {
line-height: 1.3;
color: #425460;
font-size: clamp(14px, .3703703704vw + 12.6666666667px, 18px)
}
.text-btn {
font-weight: 500;
line-height: 1.2;
letter-spacing: -.02em;
color: #26668c;
text-transform: uppercase;
font-size: clamp(16px, .3703703704vw + 14.6666666667px, 20px)
}
.title {
font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 450;
line-height: 1.2;
color: #26668c
}
.title-lg {
font-size: clamp(26px, 2.7777777778vw + 16px, 56px);
letter-spacing: -.0080714286em
}
.title-md {
font-size: clamp(24px, 2.2222222222vw + 16px, 48px)
}
.title-md-xl {
font-size: clamp(28px, 1.8518518519vw + 21.3333333333px, 48px);
letter-spacing: -.04em
}
.title-sm {
font-style: italic;
letter-spacing: -.02em;
font-size: clamp(18px, .5555555556vw + 16px, 24px)
}
.title-md-sm {
font-style: italic;
letter-spacing: -.02em;
font-size: clamp(20px, .3703703704vw + 18.6666666667px, 24px)
}
.title-popup {
font-size: clamp(24px, .7407407407vw + 21.3333333333px, 32px);
letter-spacing: -.04em
}
.title-md--panels {
letter-spacing: -.0054166667em
}
.title--light {
color: #fff
}
.title--brand {
color: #26668c
}
.text-lead {
color: #425460;
line-height: 1.3;
font-size: clamp(14px, .3703703704vw + 12.6666666667px, 18px)
}
.text-lead--light {
color: #fff
}
span.tag {
display: inline-block;
border-radius: 100px;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: .875rem;
font-weight: 500;
line-height: 1.2;
text-transform: uppercase;
background: #55acbf;
color: #fff;
padding: .375rem .75rem
}
.tag--white {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 100px;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: .875rem;
font-weight: 500;
line-height: 1.2;
text-transform: uppercase;
background: #fff;
color: #26668c;
padding: .375rem .625rem;
letter-spacing: -.02em;
white-space: nowrap
}
.typography-block {
color: #425460;
line-height: 1.3;
font-size: clamp(14px, .3703703704vw + 12.6666666667px, 18px)
}
.typography-block h1,
.typography-block h2 {
font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 500;
line-height: 1.2;
color: #26668c
}
.typography-block h3,
.typography-block h4,
.typography-block h5,
.typography-block h6 {
font-weight: 500;
color: #26668c
}
.typography-block h1 {
margin: 0 0 1.25rem;
font-size: clamp(26px, calc(1.4815vw + 20.6667px), 42px);
}
.typography-block h2 {
margin: 1.25rem 0 0;
font-size: clamp(24px, calc(1.1111vw + 20px), 36px);
}
.typography-block h2:first-child {
margin-top: 0
}
.typography-block h3 {
font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
font-style: italic;
line-height: 1.2;
letter-spacing: -.02em;
margin: 1.25rem 0 0;
font-size: clamp(18px, .5555555556vw + 16px, 24px)
}
.typography-block h3:first-child {
margin-top: 0
}
.typography-block h4 {
font-size: 1.125rem;
line-height: 1.45;
margin: 1.25rem 0 .625rem
}
.typography-block h4:first-child {
margin-top: 0
}
.typography-block p {
margin: 0
}
.typography-block p a {
color: #1570ef
}
.typography-block ol,
.typography-block ul {
list-style: none;
margin: 1.25rem 0 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem
}
.typography-block ol:first-child,
.typography-block ul:first-child {
margin-top: 0
}
.typography-block h2+p,
.typography-block h3+p {
margin-top: 1.25rem
}
.typography-block h2+ol,
.typography-block h2+ul,
.typography-block h3+ol,
.typography-block h3+ul {
margin-top: 1.25rem
}
.typography-block p+p {
margin-top: .625rem
}
.typography-block ol+p,
.typography-block ul+p {
margin-top: 1.25rem
}
.typography-block ul>li {
position: relative;
padding-left: 2.0625rem
}
.typography-block ul>li::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 1.4375rem;
height: 1.4375rem;
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/list-marker-plus.svg) no-repeat center/contain
}
.typography-block ol {
counter-reset: typography-counter
}
.typography-block ol>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .625rem;
counter-increment: typography-counter
}
.typography-block ol>li::before {
content: counter(typography-counter);
-ms-flex-negative: 0;
flex-shrink: 0;
min-width: 1.375rem;
min-height: 1.375rem;
padding: 0 .125rem;
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;
background: #55acbf;
color: #fff;
font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 500;
font-style: italic;
font-size: 1.125rem;
line-height: 1.2;
letter-spacing: -.02em;
border-radius: .25rem;
text-align: center;
-ms-flex-item-align: start;
align-self: flex-start
}
.typography-block dfn {
font-weight: 600;
color: #55acbf
}
.typography-block a:not(.btn, .news-card__more) {
color: #1570ef;
-webkit-transition: color .2s ease, opacity .2s ease;
transition: color .2s ease, opacity .2s ease
}
.typography-block blockquote,
.typography-block cite {
margin: 1.5rem 0 2rem;
padding: 1.125rem;
padding-left: 2.625rem;
border-radius: .5rem;
background: #f5f5f5;
color: #181d27;
font-weight: 600;
line-height: 1.56;
display: block;
font-size: 1.125rem;
position: relative
}
.typography-block blockquote::before,
.typography-block cite::before {
content: "";
position: absolute;
top: 1.125rem;
left: 1.125rem;
bottom: 1.125rem;
width: .25rem;
background: #55acbf
}
.typography-block figure {
margin: 2rem 0 1.25rem
}
.typography-block figure:first-child {
margin-top: 0
}
.typography-block figure:last-child {
margin-bottom: 0
}
.typography-block figure figcaption {
margin-top: 1rem;
margin-bottom: 0;
color: #414651;
font-size: .875rem;
line-height: 1.43
}
.typography-block figure img {
display: block;
width: 100%;
height: auto
}
.typography-block .wp-block-columns {
margin: 3rem 0 2rem;
gap: .75rem !important
}
.typography-block .wp-block-columns .wp-block-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.typography-block .wp-block-columns .wp-block-column:last-child figcaption {
text-align: right
}
.typography-block .wp-block-columns .wp-block-column figure {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0
}
.typography-block .wp-block-columns .wp-block-column figure img {
width: 100%;
height: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-o-object-fit: cover;
object-fit: cover
}
.typography-block .wp-block-image img {
width: 100% !important;
height: 100% !important
}
.typography-block .gallery {
display: -ms-grid;
display: grid;
gap: .625rem;
margin: 1.25rem 0 0;
padding: 0
}
.typography-block .gallery.gallery-columns-2 {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.typography-block .gallery.gallery-columns-3 {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr)
}
.typography-block .gallery.gallery-columns-4 {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.typography-block .gallery .gallery-item {
margin: 0;
border-radius: .5rem;
overflow: hidden;
background: #fff
}
.typography-block .gallery.gallery-columns-2 .gallery-item {
aspect-ratio: 1
}
.typography-block .gallery .gallery-icon {
height: 100%
}
.typography-block .gallery .gallery-icon a {
display: block;
height: 100%;
text-decoration: none
}
.typography-block .gallery .gallery-item img {
display: block;
margin: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.btn {
position: relative;
z-index: 1;
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;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
gap: 10px;
min-height: 3em;
padding: .5625rem 1.25rem;
border: 1px solid transparent;
border-radius: .625rem;
font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 500;
line-height: 1.2;
letter-spacing: -.02em;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
-webkit-transition: background-color .3s cubic-bezier(.22, 1, .36, 1), border-color .3s cubic-bezier(.22, 1, .36, 1), color .3s cubic-bezier(.22, 1, .36, 1), opacity .3s ease, -webkit-transform .2s cubic-bezier(.22, 1, .36, 1);
transition: background-color .3s cubic-bezier(.22, 1, .36, 1), border-color .3s cubic-bezier(.22, 1, .36, 1), color .3s cubic-bezier(.22, 1, .36, 1), opacity .3s ease, -webkit-transform .2s cubic-bezier(.22, 1, .36, 1);
transition: background-color .3s cubic-bezier(.22, 1, .36, 1), border-color .3s cubic-bezier(.22, 1, .36, 1), color .3s cubic-bezier(.22, 1, .36, 1), transform .2s cubic-bezier(.22, 1, .36, 1), opacity .3s ease;
transition: background-color .3s cubic-bezier(.22, 1, .36, 1), border-color .3s cubic-bezier(.22, 1, .36, 1), color .3s cubic-bezier(.22, 1, .36, 1), transform .2s cubic-bezier(.22, 1, .36, 1), opacity .3s ease, -webkit-transform .2s cubic-bezier(.22, 1, .36, 1);
font-size: clamp(16px, .3703703704vw + 14.6666666667px, 20px)
}
.btn--disabled,
.btn:disabled,
.btn[aria-disabled=true] {
opacity: .3;
pointer-events: none;
cursor: not-allowed
}
.btn:active:not(:disabled):not([aria-disabled=true]):not(.btn--disabled) {
-webkit-transform: scale(.98);
-ms-transform: scale(.98);
transform: scale(.98)
}
.btn__icon {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 2rem;
height: 2rem
}
.btn__icon svg {
width: 100%;
height: 100%
}
.btn--primary {
background: linear-gradient(153.18deg, #26668c 0, #55acbf 100%);
color: #fff;
border: none
}
.btn--primary::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(153.18deg, #2f79a6 0, #5fb9cd 100%);
z-index: -1;
border-radius: .625rem;
opacity: 0;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease
}
.btn--primary:active:not(:disabled):not([aria-disabled=true])::after {
opacity: 1
}
.btn--secondary {
background: #edfbff;
border-color: #26668c;
color: #26668c
}
.btn--secondary:active:not(:disabled):not([aria-disabled=true]) {
border-color: #55acbf;
color: #55acbf
}
.btn--ghost-light {
min-height: 60px;
background: rgba(255, 255, 255, .05);
border-color: #fff;
color: #fff
}
.btn--white {
background: #edfbff;
color: #26668c
}
.btn--white:active:not(:disabled):not([aria-disabled=true]) {
background-color: #fff
}
.btn--white-outline {
background: 0 0;
border: .5px solid #fff;
color: #fff
}
.tab {
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: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: .625rem;
width: 100%;
max-width: 19.6875rem;
padding: .75rem 1.25rem;
border: .5px solid #26668c;
border-radius: 100px;
background: #def3f9;
color: #26668c;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 500;
font-style: italic;
line-height: 1.2;
letter-spacing: -.02em;
text-align: left;
cursor: pointer;
-webkit-transition: background-color .25s cubic-bezier(.22, 1, .36, 1), border-color .25s cubic-bezier(.22, 1, .36, 1), border-width .25s ease, color .25s ease, opacity .2s ease;
transition: background-color .25s cubic-bezier(.22, 1, .36, 1), border-color .25s cubic-bezier(.22, 1, .36, 1), border-width .25s ease, color .25s ease, opacity .2s ease;
font-size: clamp(18px, .5555555556vw + 16px, 24px)
}
.tab__icon {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 2.25rem;
height: 2.25rem
}
.tab--active,
.tab[aria-selected=true] {
background: #55acbf;
border-color: #55acbf;
color: #fff
}
.tab--disabled,
.tab:disabled,
.tab[aria-disabled=true] {
opacity: .5;
pointer-events: none;
cursor: not-allowed
}
.form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem
}
.form__row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: .625rem
}
.form__field {
display: block;
min-width: 0
}
.form__control {
display: block;
width: 100%;
min-height: 3.25rem;
padding: 1rem .875rem;
border: .03125rem solid #fff;
border-radius: .625rem;
background: 0 0;
color: #fff;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 400;
line-height: 1.2;
letter-spacing: -.02em;
-webkit-transition: border-color .25s ease, opacity .2s ease;
transition: border-color .25s ease, opacity .2s ease
}
.form__control::-webkit-input-placeholder {
color: rgba(255, 255, 255, .9)
}
.form__control::-moz-placeholder {
color: rgba(255, 255, 255, .9)
}
.form__control:-ms-input-placeholder {
color: rgba(255, 255, 255, .9)
}
.form__control::-ms-input-placeholder {
color: rgba(255, 255, 255, .9)
}
.form__control::placeholder {
color: rgba(255, 255, 255, .9)
}
.form__control:focus {
outline: 0;
border-color: #fff;
border-width: .0625rem
}
.form__control:disabled,
.form__control[aria-disabled=true] {
opacity: .5;
cursor: not-allowed
}
.form__control:is(textarea) {
min-height: 6.875rem;
resize: none
}
.form__submit:not(.wpcf7-submit):not(:has(.wpcf7-form-control-wrap)) {
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;
width: 100%;
min-height: 3.25rem;
padding: 1rem 1rem;
border: 0;
border-radius: .625rem;
background: #edfbff;
color: #26668c;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 500;
line-height: 1.2;
letter-spacing: -.02em;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: background-color .2s ease, -webkit-transform .2s ease;
transition: background-color .2s ease, -webkit-transform .2s ease;
transition: background-color .2s ease, transform .2s ease;
transition: background-color .2s ease, transform .2s ease, -webkit-transform .2s ease;
font-size: 1.0625rem;
margin-top: .5rem
}
.form__submit:not(.wpcf7-submit):not(:has(.wpcf7-form-control-wrap)):active {
-webkit-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px)
}
.form-field {
display: block;
width: 100%;
min-height: 3.25rem;
padding: 1rem .875rem;
border: .03125rem solid #fff;
border-radius: .625rem;
background: 0 0;
color: #fff;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 400;
line-height: 1.2;
letter-spacing: -.02em;
-webkit-transition: border-color .25s ease, opacity .2s ease;
transition: border-color .25s ease, opacity .2s ease
}
.form-field::-webkit-input-placeholder {
color: rgba(255, 255, 255, .9)
}
.form-field::-moz-placeholder {
color: rgba(255, 255, 255, .9)
}
.form-field:-ms-input-placeholder {
color: rgba(255, 255, 255, .9)
}
.form-field::-ms-input-placeholder {
color: rgba(255, 255, 255, .9)
}
.form-field::placeholder {
color: rgba(255, 255, 255, .9)
}
.form-field:focus {
outline: 0;
border-color: #fff;
border-width: .0625rem
}
.form-field:disabled,
.form-field[aria-disabled=true] {
opacity: .5;
cursor: not-allowed
}
.form-field-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .5rem
}
.form-field__label {
font-weight: 400;
color: inherit;
pointer-events: none
}
.form-field--focus .form-field__label {
font-weight: 600
}
@-webkit-keyframes cf7-spinner-rotation {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0);
transform: translate(-50%, -50%) rotate(0)
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg)
}
}
@keyframes cf7-spinner-rotation {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0);
transform: translate(-50%, -50%) rotate(0)
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg)
}
}
.wpcf7-response-output {
display: none !important
}
.wpcf7-not-valid-tip {
margin-top: .25em;
text-align: left;
color: red;
font-size: .75rem;
line-height: 1.3
}
.wpcf7-not-valid {
border-color: red !important
}
.wpcf7-form .wpcf7-form-control-wrap {
display: block
}
.wpcf7-form .wpcf7-spinner {
display: none
}
.wpcf7-form .form__submit:has(.wpcf7-form-control-wrap),
.wpcf7-form label.form__submit {
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;
width: 100%;
min-height: 3.25rem;
padding: 1rem 1rem;
border: 0;
border-radius: .625rem;
background: #edfbff;
color: #26668c;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 500;
line-height: 1.2;
letter-spacing: -.02em;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: background-color .2s ease, -webkit-transform .2s ease;
transition: background-color .2s ease, -webkit-transform .2s ease;
transition: background-color .2s ease, transform .2s ease;
transition: background-color .2s ease, transform .2s ease, -webkit-transform .2s ease;
font-size: 1.0625rem;
margin-top: .5rem;
position: relative;
margin-inline: auto
}
.wpcf7-form .form__submit:has(.wpcf7-form-control-wrap):active,
.wpcf7-form label.form__submit:active {
-webkit-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px)
}
.wpcf7-form .form__submit:has(.wpcf7-form-control-wrap):has(input:disabled),
.wpcf7-form label.form__submit:has(input:disabled) {
pointer-events: none;
cursor: default;
opacity: .5
}
.wpcf7-form .form__submit:has(.wpcf7-form-control-wrap) .wpcf7-form-control-wrap:has(.wpcf7-submit),
.wpcf7-form label.form__submit .wpcf7-form-control-wrap:has(.wpcf7-submit) {
display: block;
width: 100%;
min-height: 0;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
background: 0 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.wpcf7-form .form__submit:has(.wpcf7-form-control-wrap) .wpcf7-submit,
.wpcf7-form label.form__submit .wpcf7-submit {
display: block;
width: 100%;
min-height: 0;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
background: 0 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
color: inherit;
font: inherit;
font-weight: 500;
letter-spacing: inherit;
text-transform: uppercase;
cursor: pointer
}
.wpcf7-form .form__submit:has(.wpcf7-form-control-wrap) .wpcf7-spinner,
.wpcf7-form label.form__submit .wpcf7-spinner {
display: none
}
.wpcf7-form .wpcf7-form-control-wrap:has(.wpcf7-submit):not(label.form__submit.wpcf7-form-control-wrap):not(.form__submit.wpcf7-form-control-wrap) {
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;
width: 100%;
min-height: 3.25rem;
padding: 1rem 1rem;
border: 0;
border-radius: .625rem;
background: #edfbff;
color: #26668c;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 500;
line-height: 1.2;
letter-spacing: -.02em;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: background-color .2s ease, -webkit-transform .2s ease;
transition: background-color .2s ease, -webkit-transform .2s ease;
transition: background-color .2s ease, transform .2s ease;
transition: background-color .2s ease, transform .2s ease, -webkit-transform .2s ease;
font-size: 1.0625rem;
margin-top: .5rem;
position: relative;
padding: 0
}
.wpcf7-form .wpcf7-form-control-wrap:has(.wpcf7-submit):not(label.form__submit.wpcf7-form-control-wrap):not(.form__submit.wpcf7-form-control-wrap):active {
-webkit-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px)
}
.wpcf7-form .wpcf7-form-control-wrap:has(.wpcf7-submit):not(label.form__submit.wpcf7-form-control-wrap):not(.form__submit.wpcf7-form-control-wrap) .wpcf7-submit {
display: block;
width: 100%;
min-height: 0;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
background: 0 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
min-height: inherit;
padding: 1rem;
color: inherit;
font: inherit;
font-weight: 500;
letter-spacing: inherit;
text-transform: uppercase;
cursor: pointer
}
.wpcf7-form:has(.wpcf7-submit[disabled]) .form__submit:has(.wpcf7-form-control-wrap),
.wpcf7-form:has(.wpcf7-submit[disabled]) .wpcf7-form-control-wrap:has(.wpcf7-submit),
.wpcf7-form:has(.wpcf7-submit[disabled]) label.form__submit {
cursor: not-allowed;
opacity: .7
}
.wpcf7-form.submitting .form__submit:has(.wpcf7-form-control-wrap),
.wpcf7-form.submitting .wpcf7-form-control-wrap:has(.wpcf7-submit),
.wpcf7-form.submitting label.form__submit {
pointer-events: none
}
.wpcf7-form.submitting .form__submit:has(.wpcf7-form-control-wrap) .wpcf7-submit,
.wpcf7-form.submitting .wpcf7-submit,
.wpcf7-form.submitting label.form__submit .wpcf7-submit {
color: transparent
}
.wpcf7-form.submitting .form__submit:has(.wpcf7-form-control-wrap)::after,
.wpcf7-form.submitting .wpcf7-form-control-wrap:has(.wpcf7-submit):not(label.form__submit.wpcf7-form-control-wrap):not(.form__submit.wpcf7-form-control-wrap)::after,
.wpcf7-form.submitting label.form__submit::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 1.25rem;
height: 1.25rem;
border: .1875rem solid currentColor;
border-bottom-color: transparent;
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-animation: cf7-spinner-rotation 1s linear infinite;
animation: cf7-spinner-rotation 1s linear infinite;
z-index: 3;
color: #26668c
}
.checkbox {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .625rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.checkbox .wpcf7-acceptance,
.checkbox .wpcf7-form-control-wrap:has(.wpcf7-acceptance),
.checkbox .wpcf7-list-item {
display: contents
}
.checkbox .wpcf7-form-control-wrap:has(.visually-hidden, .wpcf7-form-control-wrap:has(.visually-hidden)) {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
border: 0
}
.checkbox .wpcf7-list-item {
margin-left: 0
}
.checkbox .wpcf7-list-item-label:empty {
display: none
}
.checkbox__input {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0
}
.checkbox .wpcf7-list-item-label:not(:empty),
.checkbox__text {
line-height: 1.3;
letter-spacing: -.02em;
font-size: clamp(10px, .1851851852vw + 9.3333333333px, 12px);
text-align: left;
min-height: 2rem;
vertical-align: middle;
-ms-flex-line-pack: center;
align-content: center
}
.checkbox .wpcf7-list-item-label:not(:empty) a,
.checkbox__text a {
text-decoration: underline
}
.checkbox .wpcf7-list-item-label:not(:empty)::before,
.checkbox__text::before {
content: "";
-ms-flex-negative: 0;
flex-shrink: 0;
width: 2rem;
height: 2rem;
border-radius: 6px;
border: .0625rem solid #e8e8e8;
background-color: #f6f6f6;
background-position: center;
background-repeat: no-repeat;
background-size: 1.25rem 1rem;
-webkit-transition: background-color .2s ease, border-color .2s ease;
transition: background-color .2s ease, border-color .2s ease;
float: left;
margin-right: .625rem
}
.checkbox:has(.wpcf7-form-control-wrap) .checkbox__text,
.checkbox:has(.wpcf7-form-control-wrap) .wpcf7-list-item-label:not(:empty) {
position: relative;
padding-left: 2.625rem
}
.checkbox:has(.wpcf7-form-control-wrap) .checkbox__text::before,
.checkbox:has(.wpcf7-form-control-wrap) .wpcf7-list-item-label:not(:empty)::before {
float: none;
margin-right: 0;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.checkbox__box {
-ms-flex-negative: 0;
flex-shrink: 0
}
.checkbox__box .icon {
display: none
}
.checkbox__box::before {
content: "";
-ms-flex-negative: 0;
flex-shrink: 0;
width: 2rem;
height: 2rem;
border-radius: 6px;
border: .0625rem solid #e8e8e8;
background-color: #f6f6f6;
background-position: center;
background-repeat: no-repeat;
background-size: 1.25rem 1rem;
-webkit-transition: background-color .2s ease, border-color .2s ease;
transition: background-color .2s ease, border-color .2s ease;
display: block
}
.checkbox:has(.wpcf7-form-control-wrap) .checkbox__box {
display: none
}
.checkbox:not(:has(.wpcf7-form-control-wrap)) .checkbox__text::before {
display: none
}
.checkbox:has(.checkbox__input:checked) .checkbox__box::before,
.checkbox:has(.checkbox__input:checked) .checkbox__text::before,
.checkbox:has(.checkbox__input:checked) .wpcf7-list-item-label::before,
.checkbox:has(input[type=checkbox]:checked) .checkbox__box::before,
.checkbox:has(input[type=checkbox]:checked) .checkbox__text::before,
.checkbox:has(input[type=checkbox]:checked) .wpcf7-list-item-label::before,
.checkbox__input:checked+.checkbox__box::before,
.checkbox__input:checked+.checkbox__text::before,
.checkbox__input:checked+.wpcf7-list-item-label::before {
background-color: #f6f6f6;
border-color: #f6f6f6;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.8567 2.35667L7.01167 15.2017L0 8.19L2.35667 5.83333L7.01167 10.4883L17.5 0L19.8567 2.35667Z' fill='%2326668C'/%3E%3C/svg%3E")
}
.checkbox:has(.wpcf7-not-valid) .checkbox__box::before,
.checkbox:has(.wpcf7-not-valid) .checkbox__text::before,
.checkbox:has(.wpcf7-not-valid) .wpcf7-list-item-label::before,
.checkbox__input.wpcf7-not-valid+.checkbox__box::before,
.checkbox__input.wpcf7-not-valid+.checkbox__text::before,
.checkbox__input.wpcf7-not-valid+.wpcf7-list-item-label::before,
.checkbox__input[aria-invalid=true]+.checkbox__box::before,
.checkbox__input[aria-invalid=true]+.checkbox__text::before,
.checkbox__input[aria-invalid=true]+.wpcf7-list-item-label::before {
border-color: #ff9a9a
}
.checkbox:has(input[type=checkbox]:focus-visible) .checkbox__box::before,
.checkbox:has(input[type=checkbox]:focus-visible) .checkbox__text::before,
.checkbox:has(input[type=checkbox]:focus-visible) .wpcf7-list-item-label::before,
.checkbox__input:focus-visible+.checkbox__box::before,
.checkbox__input:focus-visible+.checkbox__text::before,
.checkbox__input:focus-visible+.wpcf7-list-item-label::before {
outline: 2px solid #55acbf;
outline-offset: 2px
}
.checkbox:has(.checkbox__input:disabled),
.checkbox:has(input[type=checkbox]:disabled) {
opacity: .5;
cursor: not-allowed
}
.f-button.is-close-button {
--f-close-button-width: 2.625rem;
--f-close-button-height: 2.625rem;
--f-close-button-svg-stroke-width: 0.09375rem;
--f-close-button-svg-width: 2rem;
--f-close-button-svg-height: 2rem;
--f-close-button-color: white;
--f-close-button-hover-color: #000;
top: .5rem;
right: .5rem
}
.popup-modal {
width: 100%;
max-width: 54.5625rem;
border-radius: .625rem;
background: linear-gradient(61deg, #26668c 0, #55acbf 99.68%);
color: #fff
}
.popup-modal#popup-success {
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/succes-modal-bg.svg) center 0/auto 100% no-repeat, linear-gradient(61deg, #26668c 0, #55acbf 99.68%)
}
.popup-modal__close {
position: absolute;
top: 1rem;
right: 1rem;
z-index: 3;
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;
width: 2rem;
height: 2rem;
padding: 0;
border: 0;
background: 0 0;
color: #fff;
cursor: pointer;
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease
}
.popup-modal__content {
position: relative;
z-index: 1
}
.popup-modal__content--center {
max-width: 26.625rem;
margin: 0 auto;
text-align: center
}
.popup-modal__layout {
position: relative;
z-index: 1;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 1.5rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.popup-modal__title {
margin: 0 0 .625rem;
color: #fff
}
.popup-modal__lead {
margin: 0 0 1.25rem;
line-height: 1.3;
font-size: clamp(14px, .3703703704vw + 12.6666666667px, 18px);
max-width: 29.125rem;
margin-inline: auto
}
.popup-modal__content--center .popup-modal__lead {
max-width: 29.125rem;
margin-left: auto;
margin-right: auto
}
.popup-modal__fields {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem
}
.popup-modal__field {
display: block
}
.popup-modal__input {
width: 100%;
min-height: 3.25rem;
padding: .625rem 1.25rem;
border: .03125rem solid #fff;
border-radius: .625rem;
background: 0 0;
color: #fff;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 400;
line-height: 1.2;
letter-spacing: -.02em;
-webkit-transition: border-color .25s ease;
transition: border-color .25s ease;
font-size: clamp(16px, .1851851852vw + 15.3333333333px, 18px)
}
.popup-modal__input::-webkit-input-placeholder {
color: rgba(255, 255, 255, .85)
}
.popup-modal__input::-moz-placeholder {
color: rgba(255, 255, 255, .85)
}
.popup-modal__input:-ms-input-placeholder {
color: rgba(255, 255, 255, .85)
}
.popup-modal__input::-ms-input-placeholder {
color: rgba(255, 255, 255, .85)
}
.popup-modal__input::placeholder {
color: rgba(255, 255, 255, .85)
}
.popup-modal__input:focus {
outline: 0;
border-width: .0625rem
}
.popup-modal__agree {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.popup-modal__agree .checkbox__text a {
color: inherit;
text-decoration: underline;
text-underline-offset: .125rem
}
.popup-modal__submit {
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;
width: 100%;
min-height: 3.75rem;
margin-top: .625rem;
padding: .625rem 1.25rem;
border: 0;
border-radius: .625rem;
background: #edfbff;
color: #26668c;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 500;
line-height: 1.2;
letter-spacing: -.02em;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: background-color .25s cubic-bezier(.22, 1, .36, 1), -webkit-transform .2s cubic-bezier(.22, 1, .36, 1);
transition: background-color .25s cubic-bezier(.22, 1, .36, 1), -webkit-transform .2s cubic-bezier(.22, 1, .36, 1);
transition: background-color .25s cubic-bezier(.22, 1, .36, 1), transform .2s cubic-bezier(.22, 1, .36, 1);
transition: background-color .25s cubic-bezier(.22, 1, .36, 1), transform .2s cubic-bezier(.22, 1, .36, 1), -webkit-transform .2s cubic-bezier(.22, 1, .36, 1);
font-size: clamp(16px, .3703703704vw + 14.6666666667px, 20px)
}
.popup-modal__submit:active {
-webkit-transform: translateY(1px) scale(.98);
-ms-transform: translateY(1px) scale(.98);
transform: translateY(1px) scale(.98)
}
.popup-modal__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem
}
.popup-modal__form .form__control {
min-height: 3.25rem;
padding-block: .875rem
}
.popup-modal__visual {
display: none;
position: relative;
height: 100%
}
.popup-modal__photo {
border-radius: .625rem;
overflow: hidden
}
.popup-modal__photo img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.popup-modal__media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 1rem
}
.popup-modal__media img {
max-width: 17.5rem;
width: 100%;
height: auto;
-webkit-filter: drop-shadow(.125rem .125rem .5rem #26668c);
filter: drop-shadow(.125rem .125rem .5rem #26668c)
}
.popup-modal__partners {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .625rem;
width: 100%
}
.popup-modal__partner {
-webkit-box-flex: 0;
-ms-flex: 0 1 calc((100% - .625rem)/ 2);
flex: 0 1 calc((100% - .625rem)/ 2);
min-width: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: .625rem;
min-height: 7.1875rem;
padding: .75rem .625rem;
border: .03125rem solid #fff;
border-radius: .625rem;
background: #def3f9;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
text-decoration: none;
-webkit-transition: -webkit-box-shadow .25s ease;
transition: -webkit-box-shadow .25s ease;
transition: box-shadow .25s ease;
transition: box-shadow .25s ease, -webkit-box-shadow .25s ease
}
.popup-modal__partner-logo {
display: block;
max-width: 7.5rem;
max-height: 3.3125rem;
width: auto;
height: auto;
-o-object-fit: contain;
object-fit: contain;
margin: auto
}
.popup-modal__partner-action {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .625rem;
color: #26668c;
font-weight: 500;
font-size: .875rem;
line-height: 1.2;
letter-spacing: -.02em;
text-transform: uppercase
}
.popup-modal__partner-icon {
width: 1.5rem;
height: 1.5rem
}
.popup-modal--consult {
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/modal-consult-decor-mobile.webp) 0 0/cover no-repeat, linear-gradient(61deg, #26668c 0, #55acbf 99.68%);
text-align: center
}
.popup-modal--order {
text-align: left;
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/modal-order-bg.svg) 0 0/cover no-repeat, linear-gradient(61deg, #26668c 0, #55acbf 99.68%)
}
.popup-modal--presentation {
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/modal-presentation-bg.svg) 0 0/cover no-repeat, linear-gradient(61deg, #26668c 0, #55acbf 99.68%)
}
.popup-modal--partners {
max-width: 54.5625rem;
text-align: center
}
.popup-modal--partners .popup-modal__lead {
max-width: 31.25rem;
margin-inline: auto
}
.popup-modal--status {
max-width: 40.625rem;
width: 100%
}
.popup-modal--status .popup-modal__inner {
min-height: 7.75rem;
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
}
.popup-modal__status {
position: relative;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .625rem;
text-align: center
}
.popup-modal__status-icon {
width: 1.75rem;
height: 1.75rem;
color: #fff
}
.popup-modal__status-icon--error {
color: #ffd4d4
}
.popup-modal__status-title {
font-weight: 500;
line-height: 1.2;
letter-spacing: -.04em;
font-size: clamp(22px, .5555555556vw + 20px, 28px)
}
.fancybox-popup {
--fancybox-bg: rgba(34, 34, 34, 0.55)
}
.fancybox-popup .fancybox__backdrop {
background: var(--fancybox-bg)
}
.fancybox-popup .fancybox__content {
padding: 0;
background: 0 0
}
.fancybox-popup .fancybox__slide {
padding: 1rem
}
.fancybox-popup .f-button.is-close-btn {
display: none
}
.fancybox__container.fancybox-video {
--fancybox-bg: rgba($color-primary, 0.88);
--f-html-padding: 0;
--f-html-margin: 0;
--f-html-bg: #0a1012;
--f-video-bg: #0a1012;
--f-carousel-slide-padding: 0;
--f-carousel-slide-bg: transparent;
--f-button-color: #fff;
--f-button-bg: rgba(255, 255, 255, 0.12);
--f-button-border-radius: 0.625rem;
--f-button-svg-stroke-width: 2
}
.fancybox__container.fancybox-video .fancybox__backdrop {
background: var(--fancybox-bg);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px)
}
.fancybox__container.fancybox-video .fancybox__slide {
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;
width: 100%;
height: 100%;
padding: .75rem;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.fancybox__container.fancybox-video .fancybox__slide::after,
.fancybox__container.fancybox-video .fancybox__slide::before {
display: none
}
.fancybox__container.fancybox-video .fancybox__slide.has-html {
padding: .75rem;
overflow: visible
}
.fancybox__container.fancybox-video .fancybox__content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: min(96vw, 60rem);
max-width: 60rem;
height: auto;
aspect-ratio: 16/9;
margin: auto;
padding: 0;
background: #0a1012;
border: 1px solid rgba(255, 255, 255, .12);
border-radius: .625rem;
overflow: hidden;
-webkit-box-shadow: 0 1.25rem 3.125rem rgba(0, 0, 0, .45);
box-shadow: 0 1.25rem 3.125rem rgba(0, 0, 0, .45)
}
.fancybox__container.fancybox-video .fancybox__content.has-html,
.fancybox__container.fancybox-video .fancybox__content.has-iframe {
padding: 0;
overflow: hidden
}
.fancybox__container.fancybox-video .fancybox__content.is-loading {
background: #0a1012
}
.fancybox__container.fancybox-video .f-html {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
height: 100%;
min-height: 0;
max-width: none;
max-height: none;
margin: 0;
padding: 0;
background: #0a1012;
aspect-ratio: auto;
border-radius: inherit;
overflow: hidden
}
.fancybox__container.fancybox-video .f-iframe {
display: block;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
height: 100%;
min-height: 0;
border: 0;
background: #0a1012
}
.fancybox__container.fancybox-video .f-spinner {
--f-spinner-color-1: rgba(255, 255, 255, 0.15);
--f-spinner-color-2: #55acbf
}
.fancybox__container.fancybox-video .f-button.is-close-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
top: .75rem;
right: .75rem;
width: 2.75rem;
height: 2.75rem;
border: 1px solid rgba(255, 255, 255, .25);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
-webkit-transition: background-color .2s ease, border-color .2s ease, -webkit-transform .2s ease;
transition: background-color .2s ease, border-color .2s ease, -webkit-transform .2s ease;
transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
transition: background-color .2s ease, border-color .2s ease, transform .2s ease, -webkit-transform .2s ease
}
.fancybox__container.fancybox-video .f-button.is-arrow {
border: 1px solid rgba(255, 255, 255, .2);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px)
}
.popups {
display: none
}
.news-card {
position: relative;
background: #def3f9;
border-radius: .625rem;
overflow: hidden;
min-height: 8.9375rem
}
.news-card__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100%;
min-height: inherit;
color: inherit;
text-decoration: none
}
.news-card__media {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 9.4375rem;
overflow: hidden;
border-radius: .625rem
}
.news-card__img {
display: block;
width: 100%;
height: 100%;
min-height: 8.9375rem;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
.news-card__body {
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;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
padding: .625rem;
gap: .3125rem
}
.news-card__meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.news-card__date {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: .3125rem;
border-radius: .25rem;
background: #26668c;
color: #fff;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: .625rem;
font-weight: 500;
line-height: 1.3;
white-space: nowrap;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px)
}
.news-card__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .3125rem;
min-width: 0
}
.news-card__title {
color: #26668c;
font-weight: 500;
font-style: italic;
line-height: 1.2;
letter-spacing: -.02em;
font-size: .75rem;
-webkit-transition: color .2s ease;
transition: color .2s ease;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;
}
.news-card__excerpt {
color: #425460;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
line-height: 1.3;
font-size: .5rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden
}
.news-card__more {
margin-top: auto;
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: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
gap: .5rem;
color: #26668c;
font-weight: 500;
font-size: .875rem;
line-height: 1.2;
letter-spacing: -.02em;
-webkit-transition: color .2s ease;
transition: color .2s ease
}
.news-card__more-label {
font-style: normal;
text-decoration: underline;
text-decoration-color: transparent;
text-underline-offset: .125rem;
-webkit-transition: color .2s ease, text-decoration-color .2s ease;
transition: color .2s ease, text-decoration-color .2s ease
}
.news-card__more-icon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 1rem;
height: 1rem
}
.news-card__more-icon .icon {
width: 100%;
height: 100%
}
.news-card--feed {
background: #def3f9
}
.news-card--feed .news-card__body {
gap: .625rem
}
.news-card--feed .news-card__meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: .5rem;
width: 100%
}
.news-card--feed .news-card__badge {
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;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: .3125rem .625rem;
border-radius: .375rem;
background: #26668c;
color: #fff;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: .875rem;
font-style: normal;
font-weight: 500;
line-height: 1.3;
white-space: nowrap;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px)
}
.news-card--feed .news-card__date.news-card__date--pill {
-ms-flex-item-align: auto;
-ms-grid-row-align: auto;
align-self: auto;
padding: .25rem .625rem;
border: .5px solid #55acbf;
border-radius: 3.125rem;
background: rgba(222, 243, 249, .9);
color: #26668c;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: .75rem;
font-style: normal;
font-weight: 500;
line-height: 1.3;
white-space: nowrap;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px)
}
.news-card--feed .news-card__more-label {
font-style: normal
}
.accordion__item {
border: 1px solid #55acbf;
border-radius: .625rem;
background: #edfbff;
overflow: hidden;
-webkit-transition: background-color .5s cubic-bezier(.33, 1, .68, 1), border-color .5s cubic-bezier(.33, 1, .68, 1);
transition: background-color .5s cubic-bezier(.33, 1, .68, 1), border-color .5s cubic-bezier(.33, 1, .68, 1)
}
.accordion__item._active {
background: #def3f9;
border-color: transparent
}
.accordion__item._active .accordion__chevron {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.accordion__item._active .accordion__body {
-ms-grid-rows: 1fr;
grid-template-rows: 1fr
}
.accordion__item._active .accordion__header {
min-height: 0
}
.accordion__header {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: .75rem;
padding: 1rem;
border: 0;
background: 0 0;
cursor: pointer;
text-align: left;
font-family: inherit;
-webkit-transition: padding .5s cubic-bezier(.33, 1, .68, 1), min-height .5s cubic-bezier(.33, 1, .68, 1);
transition: padding .5s cubic-bezier(.33, 1, .68, 1), min-height .5s cubic-bezier(.33, 1, .68, 1)
}
.accordion__item._active .accordion__header {
padding: 1rem 1rem 0;
min-height: 0
}
.accordion__question {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
max-width: 16.625rem;
color: #26668c;
font-weight: 500;
font-style: italic;
line-height: 1.2;
letter-spacing: -.02em;
font-size: 1.125rem
}
.accordion__chevron {
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 1.75rem;
height: 1.75rem;
color: #26668c;
-webkit-transition: -webkit-transform .5s cubic-bezier(.33, 1, .68, 1);
transition: -webkit-transform .5s cubic-bezier(.33, 1, .68, 1);
transition: transform .5s cubic-bezier(.33, 1, .68, 1);
transition: transform .5s cubic-bezier(.33, 1, .68, 1), -webkit-transform .5s cubic-bezier(.33, 1, .68, 1)
}
.accordion__body {
display: -ms-grid;
display: grid;
-ms-grid-rows: 0fr;
grid-template-rows: 0fr;
-webkit-transition: grid-template-rows .5s cubic-bezier(.33, 1, .68, 1);
transition: grid-template-rows .5s cubic-bezier(.33, 1, .68, 1);
transition: grid-template-rows .5s cubic-bezier(.33, 1, .68, 1), -ms-grid-rows .5s cubic-bezier(.33, 1, .68, 1)
}
.accordion__inner {
overflow: hidden;
min-height: 0
}
.accordion__answer {
padding: 0 1rem 1rem;
color: #425460;
font-family: Manrope, Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 1.3;
opacity: 0;
-webkit-transform: translateY(-.375rem);
-ms-transform: translateY(-.375rem);
transform: translateY(-.375rem);
-webkit-transition: opacity .35s ease, padding-top .5s cubic-bezier(.33, 1, .68, 1), -webkit-transform .5s cubic-bezier(.33, 1, .68, 1);
transition: opacity .35s ease, padding-top .5s cubic-bezier(.33, 1, .68, 1), -webkit-transform .5s cubic-bezier(.33, 1, .68, 1);
transition: opacity .35s ease, transform .5s cubic-bezier(.33, 1, .68, 1), padding-top .5s cubic-bezier(.33, 1, .68, 1);
transition: opacity .35s ease, transform .5s cubic-bezier(.33, 1, .68, 1), padding-top .5s cubic-bezier(.33, 1, .68, 1), -webkit-transform .5s cubic-bezier(.33, 1, .68, 1)
}
.accordion__answer:empty {
display: none
}
.accordion__item._active .accordion__answer {
padding-top: .625rem;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: .12s, .12s, 0s;
transition-delay: .12s, .12s, 0s
}
.accordion__item:not(._active) .accordion__answer {
-webkit-transition-delay: 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s
}
.tooltip-float {
position: fixed;
z-index: 200;
max-width: min(19.6875rem, 100vw - 2rem);
padding: .75rem 1rem;
border: .5px solid rgba(38, 102, 140, .2);
border-radius: .5rem;
background: #fff;
-webkit-box-shadow: 0 .25rem 1.5rem rgba(38, 102, 140, .12);
box-shadow: 0 .25rem 1.5rem rgba(38, 102, 140, .12);
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: .875rem;
line-height: 1.35;
color: #425460;
pointer-events: none;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .15s ease, visibility .15s ease;
transition: opacity .15s ease, visibility .15s ease
}
.tooltip-float._visible {
opacity: 1;
visibility: visible
}
.tooltip-float--mint {
max-width: min(19.6875rem, 100vw - 1.75rem);
padding: 1rem;
border: .03125rem solid #55acbf;
border-radius: .625rem;
background: #edfbff;
-webkit-box-shadow: none;
box-shadow: none;
line-height: 1.3
}
.tooltip-float--mobile-left {
width: 13.375rem;
max-width: 13.375rem
}
.tooltip-trigger:focus-visible {
outline: 2px solid #55acbf;
outline-offset: 2px;
border-radius: .25rem
}
.contacts-card {
min-height: 7.4375rem
}
.contacts-card__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem;
height: 100%;
padding: .625rem;
border-radius: .625rem;
background: rgba(222, 243, 249, .9);
color: #425460;
-webkit-transition: background-color .2s ease, -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
transition: background-color .2s ease, -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease;
transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease, -webkit-transform .2s ease, -webkit-box-shadow .2s ease
}
.contacts-card__icon {
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;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 1.5rem;
height: 1.5rem;
padding: .3125rem;
border-radius: .25rem;
background: #26668c;
color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.contacts-card__icon .icon {
width: .75rem;
height: .75rem
}
.contacts-card__body {
font-weight: 450;
font-size: .75rem;
line-height: 1.3
}
.contacts-card__link {
display: block;
color: inherit;
text-decoration: none;
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease
}
.contacts-card__link+.contacts-card__link {
margin-top: .125rem
}
.heading {
position: relative;
padding: 1rem 0 2rem
}
.heading.heading--catalog {
padding-bottom: 1.25rem
}
.heading.heading--devices {
padding: 1rem 0 1.5rem
}
.heading.heading--devices .heading__actions {
margin-top: 0
}
.heading.heading--devices .heading__text {
font-size: 1.125rem
}
.heading.heading--blog {
padding-bottom: 1.125rem
}
.heading.heading--contacts {
padding: 1rem 0 .625rem
}
.heading.heading--contacts .heading__title {
font-weight: 500
}
.heading.heading--contacts .heading__main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.heading__wrapper {
position: relative;
padding: 1.5rem 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.heading__points {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none
}
.heading__point {
position: absolute;
background: #55acbf;
border-radius: 50%;
width: .5rem;
height: .5rem
}
.heading__point:nth-child(1) {
left: 0;
top: 0
}
.heading__point:nth-child(2) {
top: 0;
right: 0
}
.heading__point:nth-child(3) {
bottom: 0;
left: 0
}
.heading__point:nth-child(4) {
bottom: 0;
right: 0
}
.heading__grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.25rem
}
.heading__main {
display: contents
}
.heading__cta {
width: 100%;
margin-top: 1.25rem
}
.heading__actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem;
margin-top: 1.25rem
}
.heading__btn {
width: 100%
}
.heading__text {
color: #425460;
line-height: 1.3;
font-size: .875rem
}
.heading__text--main {
margin-top: .5rem;
font-size: clamp(14px, .3703703704vw + 12.6666666667px, 18px)
}
.heading__aside {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem;
min-width: 0;
margin-left: auto
}
.heading__tags {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
gap: .625rem
}
.heading__tag {
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;
padding: .375rem .125rem;
border: .03125rem solid #55acbf;
border-radius: 100px;
background: #edfbff;
color: #26668c;
font-weight: 500;
font-size: .5rem;
line-height: 1.2;
letter-spacing: -.02em;
text-transform: uppercase;
text-decoration: none;
width: 100%;
-webkit-transition: border-color .2s ease, background-color .2s ease;
transition: border-color .2s ease, background-color .2s ease
}
.heading__products {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: .625rem
}
.heading__product-wrapper {
padding: 1.25rem;
border: 1px solid #55acbf;
border-radius: .625rem;
background: #edfbff;
height: 100%;
-webkit-transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
transition: transform .3s ease, box-shadow .3s ease;
transition: transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.heading__product-wrapper .cover-image,
.heading__product-wrapper img {
display: block;
width: 100%;
height: auto;
max-width: 100%;
-o-object-fit: contain;
object-fit: contain
}
.heading__divider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: .875rem;
margin-top: 3.75rem;
padding: .25rem 0
}
.heading__divider._anim-items.a-divider-slide {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
overflow: hidden
}
.heading__divider._anim-items.a-divider-slide::before {
-webkit-transform: translateX(-105%);
-ms-transform: translateX(-105%);
transform: translateX(-105%);
opacity: 0;
-webkit-transition: opacity 575ms ease, -webkit-transform 1.035s cubic-bezier(.25, 1, .5, 1);
transition: opacity 575ms ease, -webkit-transform 1.035s cubic-bezier(.25, 1, .5, 1);
transition: transform 1.035s cubic-bezier(.25, 1, .5, 1), opacity 575ms ease;
transition: transform 1.035s cubic-bezier(.25, 1, .5, 1), opacity 575ms ease, -webkit-transform 1.035s cubic-bezier(.25, 1, .5, 1)
}
.heading__divider._anim-items.a-divider-slide._active::before {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: .85
}
.heading__divider::before {
content: "";
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
height: .75rem;
background-image: radial-gradient(circle, #55acbf 45%, transparent 46%);
background-size: 1.625rem .75rem;
background-repeat: repeat-x;
background-position: left center;
opacity: .85
}
@-webkit-keyframes map-shimmer {
0% {
background-position: -200% 0
}
100% {
background-position: 200% 0
}
}
@keyframes map-shimmer {
0% {
background-position: -200% 0
}
100% {
background-position: 200% 0
}
}
[data-counter] {
font-variant-numeric: tabular-nums;
display: inline-block;
white-space: nowrap
}
._anim-items {
opacity: 0;
-webkit-transform: translateY(3rem);
-ms-transform: translateY(3rem);
transform: translateY(3rem);
-webkit-transition: opacity 575ms ease, -webkit-transform 575ms ease;
transition: opacity 575ms ease, -webkit-transform 575ms ease;
transition: opacity 575ms ease, transform 575ms ease;
transition: opacity 575ms ease, transform 575ms ease, -webkit-transform 575ms ease
}
._anim-items._active {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.anim-wrap {
display: block
}
.anim-wrap--inline {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
max-width: 100%
}
.anim-wrap--fill {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%
}
.anim-wrap--fill>.btn {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%
}
.a-ripple {
position: relative;
overflow: hidden;
outline: 0
}
.a-ripple:hover {
opacity: 1
}
.a-ripple::before {
content: "";
position: absolute;
display: block;
background: var(--ripple-background, #fff);
border-radius: 50%;
pointer-events: none;
top: calc(var(--y) * 1px);
left: calc(var(--x) * 1px);
width: calc(var(--d) * 1px);
height: calc(var(--d) * 1px);
opacity: calc(var(--o, 1) * var(--ripple-opacity, .4));
-webkit-transition: calc(var(--t, 0) * var(--ripple-duration, 600ms)) var(--ripple-easing, linear);
transition: calc(var(--t, 0) * var(--ripple-duration, 600ms)) var(--ripple-easing, linear);
-webkit-transform: translate(-50%, -50%) scale(var(--s, 1));
-ms-transform: translate(-50%, -50%) scale(var(--s, 1));
transform: translate(-50%, -50%) scale(var(--s, 1));
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes a-float {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(.95) translateX(40px);
transform: scale(.95) translateX(40px)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes a-float {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(.95) translateX(40px);
transform: scale(.95) translateX(40px)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
.a-float {
-webkit-animation: a-float 6s ease infinite;
animation: a-float 6s ease infinite
}
.a-parallax {
-webkit-transition: -webkit-transform .1s ease-out;
transition: -webkit-transform .1s ease-out;
transition: transform .1s ease-out;
transition: transform .1s ease-out, -webkit-transform .1s ease-out;
will-change: transform
}
.a-fade {
opacity: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transition: opacity .69s ease;
transition: opacity .69s ease
}
.a-fade._active {
opacity: 1
}
.a-fade-up {
opacity: 0;
-webkit-transform: translateY(3rem);
-ms-transform: translateY(3rem);
transform: translateY(3rem);
-webkit-transition: opacity 575ms ease, -webkit-transform .69s cubic-bezier(.22, 1, .36, 1);
transition: opacity 575ms ease, -webkit-transform .69s cubic-bezier(.22, 1, .36, 1);
transition: transform .69s cubic-bezier(.22, 1, .36, 1), opacity 575ms ease;
transition: transform .69s cubic-bezier(.22, 1, .36, 1), opacity 575ms ease, -webkit-transform .69s cubic-bezier(.22, 1, .36, 1)
}
.a-fade-up._active {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.a-fade-down {
opacity: 0;
-webkit-transform: translateY(-3rem);
-ms-transform: translateY(-3rem);
transform: translateY(-3rem);
-webkit-transition: opacity 575ms ease, -webkit-transform .69s ease;
transition: opacity 575ms ease, -webkit-transform .69s ease;
transition: opacity 575ms ease, transform .69s ease;
transition: opacity 575ms ease, transform .69s ease, -webkit-transform .69s ease
}
.a-fade-down._active {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.a-fade-left {
opacity: 0;
-webkit-transform: translateX(-3rem);
-ms-transform: translateX(-3rem);
transform: translateX(-3rem);
-webkit-transition: opacity 575ms ease, -webkit-transform 575ms ease;
transition: opacity 575ms ease, -webkit-transform 575ms ease;
transition: opacity 575ms ease, transform 575ms ease;
transition: opacity 575ms ease, transform 575ms ease, -webkit-transform 575ms ease
}
.a-fade-left._active {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.a-fade-right {
opacity: 0;
-webkit-transform: translateX(3rem);
-ms-transform: translateX(3rem);
transform: translateX(3rem);
-webkit-transition: opacity 575ms ease, -webkit-transform 575ms ease;
transition: opacity 575ms ease, -webkit-transform 575ms ease;
transition: opacity 575ms ease, transform 575ms ease;
transition: opacity 575ms ease, transform 575ms ease, -webkit-transform 575ms ease
}
.a-fade-right._active {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.a-scale-up {
opacity: 0;
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
-webkit-transition: opacity 575ms ease, -webkit-transform .69s cubic-bezier(.22, 1, .36, 1);
transition: opacity 575ms ease, -webkit-transform .69s cubic-bezier(.22, 1, .36, 1);
transition: opacity 575ms ease, transform .69s cubic-bezier(.22, 1, .36, 1);
transition: opacity 575ms ease, transform .69s cubic-bezier(.22, 1, .36, 1), -webkit-transform .69s cubic-bezier(.22, 1, .36, 1)
}
.a-scale-up._active {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.a-blur-up {
opacity: 0;
-webkit-transform: translateY(3rem);
-ms-transform: translateY(3rem);
transform: translateY(3rem);
-webkit-filter: blur(5px);
filter: blur(5px);
-webkit-transition: opacity 575ms ease, -webkit-transform .69s cubic-bezier(.22, 1, .36, 1), -webkit-filter .69s cubic-bezier(.22, 1, .36, 1);
transition: opacity 575ms ease, -webkit-transform .69s cubic-bezier(.22, 1, .36, 1), -webkit-filter .69s cubic-bezier(.22, 1, .36, 1);
transition: opacity 575ms ease, transform .69s cubic-bezier(.22, 1, .36, 1), filter .69s cubic-bezier(.22, 1, .36, 1);
transition: opacity 575ms ease, transform .69s cubic-bezier(.22, 1, .36, 1), filter .69s cubic-bezier(.22, 1, .36, 1), -webkit-transform .69s cubic-bezier(.22, 1, .36, 1), -webkit-filter .69s cubic-bezier(.22, 1, .36, 1)
}
.a-blur-up._active {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-filter: blur(0);
filter: blur(0)
}
.a-reveal {
opacity: 0;
clip-path: inset(0 0 100% 0);
-webkit-transition: clip-path 1.38s cubic-bezier(.25, 1, .5, 1), opacity .46s ease;
transition: clip-path 1.38s cubic-bezier(.25, 1, .5, 1), opacity .46s ease
}
.a-reveal._active {
opacity: 1;
clip-path: inset(0 0 0 0)
}
.a-zoom {
opacity: 0;
-webkit-transform: scale(.8);
-ms-transform: scale(.8);
transform: scale(.8);
-webkit-filter: blur(8px);
filter: blur(8px);
-webkit-transition: opacity 575ms ease, -webkit-transform 575ms ease, -webkit-filter 575ms ease;
transition: opacity 575ms ease, -webkit-transform 575ms ease, -webkit-filter 575ms ease;
transition: opacity 575ms ease, transform 575ms ease, filter 575ms ease;
transition: opacity 575ms ease, transform 575ms ease, filter 575ms ease, -webkit-transform 575ms ease, -webkit-filter 575ms ease
}
.a-zoom._active {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-filter: blur(0);
filter: blur(0)
}
.a-slide-left {
opacity: 0;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: opacity 575ms ease, -webkit-transform 1.035s cubic-bezier(.25, 1, .5, 1);
transition: opacity 575ms ease, -webkit-transform 1.035s cubic-bezier(.25, 1, .5, 1);
transition: transform 1.035s cubic-bezier(.25, 1, .5, 1), opacity 575ms ease;
transition: transform 1.035s cubic-bezier(.25, 1, .5, 1), opacity 575ms ease, -webkit-transform 1.035s cubic-bezier(.25, 1, .5, 1)
}
.a-slide-left._active {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.a-slide-right {
opacity: 0;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: opacity 575ms ease, -webkit-transform 1.035s cubic-bezier(.25, 1, .5, 1);
transition: opacity 575ms ease, -webkit-transform 1.035s cubic-bezier(.25, 1, .5, 1);
transition: transform 1.035s cubic-bezier(.25, 1, .5, 1), opacity 575ms ease;
transition: transform 1.035s cubic-bezier(.25, 1, .5, 1), opacity 575ms ease, -webkit-transform 1.035s cubic-bezier(.25, 1, .5, 1)
}
.a-slide-right._active {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.a-flip {
-webkit-perspective: 1000px;
perspective: 1000px;
opacity: 0
}
.a-flip._active .a-flip-inner {
-webkit-transform: rotateY(0);
transform: rotateY(0);
opacity: 1
}
.a-flip-inner {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
opacity: 0;
-webkit-transition: opacity .69s ease, -webkit-transform 1.38s cubic-bezier(.25, 1, .5, 1);
transition: opacity .69s ease, -webkit-transform 1.38s cubic-bezier(.25, 1, .5, 1);
transition: transform 1.38s cubic-bezier(.25, 1, .5, 1), opacity .69s ease;
transition: transform 1.38s cubic-bezier(.25, 1, .5, 1), opacity .69s ease, -webkit-transform 1.38s cubic-bezier(.25, 1, .5, 1);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.a-stagger>* {
opacity: 0;
-webkit-transform: translateY(2rem);
-ms-transform: translateY(2rem);
transform: translateY(2rem);
-webkit-transition: opacity 575ms ease, -webkit-transform 575ms ease;
transition: opacity 575ms ease, -webkit-transform 575ms ease;
transition: opacity 575ms ease, transform 575ms ease;
transition: opacity 575ms ease, transform 575ms ease, -webkit-transform 575ms ease;
will-change: opacity, transform
}
.a-stagger._active>:nth-child(1) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 115ms;
transition-delay: 115ms
}
.a-stagger._active>:nth-child(2) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: .23s;
transition-delay: .23s
}
.a-stagger._active>:nth-child(3) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 345ms;
transition-delay: 345ms
}
.a-stagger._active>:nth-child(4) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: .46s;
transition-delay: .46s
}
.a-stagger._active>:nth-child(5) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 575ms;
transition-delay: 575ms
}
.a-stagger._active>:nth-child(6) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: .69s;
transition-delay: .69s
}
.a-stagger._active>:nth-child(7) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 805ms;
transition-delay: 805ms
}
.a-stagger._active>:nth-child(8) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: .92s;
transition-delay: .92s
}
.a-stagger._active>:nth-child(9) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1.035s;
transition-delay: 1.035s
}
.a-stagger._active>:nth-child(10) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1.15s;
transition-delay: 1.15s
}
.a-stagger._active>:nth-child(11) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1.265s;
transition-delay: 1.265s
}
.a-stagger._active>:nth-child(12) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1.38s;
transition-delay: 1.38s
}
.a-stagger._active>:nth-child(13) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1.495s;
transition-delay: 1.495s
}
.a-stagger._active>:nth-child(14) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1.61s;
transition-delay: 1.61s
}
.a-stagger._active>:nth-child(15) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1.725s;
transition-delay: 1.725s
}
.a-stagger._active>:nth-child(16) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1.84s;
transition-delay: 1.84s
}
.a-stagger._active>:nth-child(17) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1.955s;
transition-delay: 1.955s
}
.a-stagger._active>:nth-child(18) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 2.07s;
transition-delay: 2.07s
}
.a-stagger._active>:nth-child(19) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 2.185s;
transition-delay: 2.185s
}
.a-stagger._active>:nth-child(20) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 2.3s;
transition-delay: 2.3s
}
.a-stagger-x>* {
opacity: 0;
-webkit-transform: translateX(-2rem);
-ms-transform: translateX(-2rem);
transform: translateX(-2rem);
-webkit-transition: opacity 575ms ease, -webkit-transform 575ms ease;
transition: opacity 575ms ease, -webkit-transform 575ms ease;
transition: opacity 575ms ease, transform 575ms ease;
transition: opacity 575ms ease, transform 575ms ease, -webkit-transform 575ms ease
}
.a-stagger-x._active>:nth-child(1) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 115ms;
transition-delay: 115ms
}
.a-stagger-x._active>:nth-child(2) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: .23s;
transition-delay: .23s
}
.a-stagger-x._active>:nth-child(3) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 345ms;
transition-delay: 345ms
}
.a-stagger-x._active>:nth-child(4) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: .46s;
transition-delay: .46s
}
.a-stagger-x._active>:nth-child(5) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 575ms;
transition-delay: 575ms
}
.a-stagger-x._active>:nth-child(6) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: .69s;
transition-delay: .69s
}
.a-stagger-x._active>:nth-child(7) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 805ms;
transition-delay: 805ms
}
.a-stagger-x._active>:nth-child(8) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: .92s;
transition-delay: .92s
}
.a-stagger-x._active>:nth-child(9) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 1.035s;
transition-delay: 1.035s
}
.a-stagger-x._active>:nth-child(10) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 1.15s;
transition-delay: 1.15s
}
.a-stagger-x._active>:nth-child(11) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 1.265s;
transition-delay: 1.265s
}
.a-stagger-x._active>:nth-child(12) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 1.38s;
transition-delay: 1.38s
}
.a-stagger-x._active>:nth-child(13) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 1.495s;
transition-delay: 1.495s
}
.a-stagger-x._active>:nth-child(14) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 1.61s;
transition-delay: 1.61s
}
.a-stagger-x._active>:nth-child(15) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 1.725s;
transition-delay: 1.725s
}
.a-stagger-x._active>:nth-child(16) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 1.84s;
transition-delay: 1.84s
}
.a-stagger-x._active>:nth-child(17) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 1.955s;
transition-delay: 1.955s
}
.a-stagger-x._active>:nth-child(18) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 2.07s;
transition-delay: 2.07s
}
.a-stagger-x._active>:nth-child(19) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 2.185s;
transition-delay: 2.185s
}
.a-stagger-x._active>:nth-child(20) {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 2.3s;
transition-delay: 2.3s
}
.a-wipe-x {
position: relative;
overflow: hidden
}
.a-wipe-x::after {
content: "";
position: absolute;
inset: 0;
background: currentColor;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 1.15s cubic-bezier(.22, 1, .36, 1);
transition: -webkit-transform 1.15s cubic-bezier(.22, 1, .36, 1);
transition: transform 1.15s cubic-bezier(.22, 1, .36, 1);
transition: transform 1.15s cubic-bezier(.22, 1, .36, 1), -webkit-transform 1.15s cubic-bezier(.22, 1, .36, 1);
z-index: 1
}
.a-wipe-x._active::after {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)
}
.a-rotate-in {
opacity: 0;
-webkit-transform: rotate(-15deg) scale(.9);
-ms-transform: rotate(-15deg) scale(.9);
transform: rotate(-15deg) scale(.9);
-webkit-transition: opacity 575ms ease, -webkit-transform .69s cubic-bezier(.22, 1, .36, 1);
transition: opacity 575ms ease, -webkit-transform .69s cubic-bezier(.22, 1, .36, 1);
transition: opacity 575ms ease, transform .69s cubic-bezier(.22, 1, .36, 1);
transition: opacity 575ms ease, transform .69s cubic-bezier(.22, 1, .36, 1), -webkit-transform .69s cubic-bezier(.22, 1, .36, 1)
}
.a-rotate-in._active {
opacity: 1;
-webkit-transform: rotate(0) scale(1);
-ms-transform: rotate(0) scale(1);
transform: rotate(0) scale(1)
}
.a-reveal-circle {
opacity: 0;
clip-path: circle(0 at 50% 50%);
-webkit-transition: clip-path 1.15s cubic-bezier(.22, 1, .36, 1), opacity .46s ease;
transition: clip-path 1.15s cubic-bezier(.22, 1, .36, 1), opacity .46s ease
}
.a-reveal-circle._active {
opacity: 1;
clip-path: circle(75% at 50% 50%)
}
.a-bounce-up {
opacity: 0;
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
-webkit-transition: opacity .46s ease, -webkit-transform 805ms cubic-bezier(.34, 1.56, .64, 1);
transition: opacity .46s ease, -webkit-transform 805ms cubic-bezier(.34, 1.56, .64, 1);
transition: transform 805ms cubic-bezier(.34, 1.56, .64, 1), opacity .46s ease;
transition: transform 805ms cubic-bezier(.34, 1.56, .64, 1), opacity .46s ease, -webkit-transform 805ms cubic-bezier(.34, 1.56, .64, 1)
}
.a-bounce-up._active {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.a-form-rise {
opacity: 0;
-webkit-transform: translateY(45px) scale(.96);
-ms-transform: translateY(45px) scale(.96);
transform: translateY(45px) scale(.96);
-webkit-filter: blur(8px);
filter: blur(8px);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transition: opacity 575ms ease, -webkit-transform .8625s cubic-bezier(.22, 1, .36, 1), -webkit-filter .7475s cubic-bezier(.22, 1, .36, 1);
transition: opacity 575ms ease, -webkit-transform .8625s cubic-bezier(.22, 1, .36, 1), -webkit-filter .7475s cubic-bezier(.22, 1, .36, 1);
transition: opacity 575ms ease, transform .8625s cubic-bezier(.22, 1, .36, 1), filter .7475s cubic-bezier(.22, 1, .36, 1);
transition: opacity 575ms ease, transform .8625s cubic-bezier(.22, 1, .36, 1), filter .7475s cubic-bezier(.22, 1, .36, 1), -webkit-transform .8625s cubic-bezier(.22, 1, .36, 1), -webkit-filter .7475s cubic-bezier(.22, 1, .36, 1)
}
.a-form-rise._active {
opacity: 1;
-webkit-transform: translateY(0) scale(1);
-ms-transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
-webkit-filter: blur(0);
filter: blur(0)
}
.tag._anim-items.a-bounce-up,
.tag._anim-items.a-scale-up {
opacity: 0;
-webkit-transform: translateY(.875rem) scale(.82) rotate(-2deg);
-ms-transform: translateY(.875rem) scale(.82) rotate(-2deg);
transform: translateY(.875rem) scale(.82) rotate(-2deg);
-webkit-filter: blur(.25rem);
filter: blur(.25rem);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
-webkit-transition: opacity .5175s ease, -webkit-transform .7475s cubic-bezier(.34, 1.45, .64, 1), -webkit-filter 575ms ease;
transition: opacity .5175s ease, -webkit-transform .7475s cubic-bezier(.34, 1.45, .64, 1), -webkit-filter 575ms ease;
transition: opacity .5175s ease, transform .7475s cubic-bezier(.34, 1.45, .64, 1), filter 575ms ease;
transition: opacity .5175s ease, transform .7475s cubic-bezier(.34, 1.45, .64, 1), filter 575ms ease, -webkit-transform .7475s cubic-bezier(.34, 1.45, .64, 1), -webkit-filter 575ms ease
}
.tag._anim-items.a-bounce-up._active,
.tag._anim-items.a-scale-up._active {
opacity: 1;
-webkit-transform: translateY(0) scale(1) rotate(0);
-ms-transform: translateY(0) scale(1) rotate(0);
transform: translateY(0) scale(1) rotate(0);
-webkit-filter: blur(0);
filter: blur(0)
}
.a-gradient-move {
background-size: 200% 200%;
-webkit-animation: a-gradient 6s ease infinite;
animation: a-gradient 6s ease infinite
}
@-webkit-keyframes a-gradient {
0% {
background-position: 0 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0 50%
}
}
@keyframes a-gradient {
0% {
background-position: 0 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0 50%
}
}
.a-hover-lift {
-webkit-transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
transition: transform .3s ease, box-shadow .3s ease;
transition: transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease, -webkit-box-shadow .3s ease
}
.a-hover-zoom {
overflow: hidden
}
[data-motion] {
--mx: 0px;
--my: 0px;
--mrotate: 0deg;
--scroll-x: 0px;
--scroll-y: 0px
}
.header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 50;
width: 100%;
background: #26668c;
-webkit-backdrop-filter: blur(.625rem);
backdrop-filter: blur(.625rem);
-wekbit-backdrop-filter: blur(.625rem);
border-radius: 0 0 .625rem .625rem
}
.header__bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1rem;
min-height: 3.5rem;
padding: .5rem 0;
background: 0 0;
color: #fff
}
.header__logo {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0
}
.header__logo-img {
display: block;
width: 6.9375rem;
height: auto
}
.header__menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 2rem;
row-gap: .625rem
}
.header__link {
font-weight: 450;
text-transform: uppercase;
line-height: 1.2;
font-size: clamp(16px, .1851851852vw + 15.3333333333px, 18px);
position: relative
}
.header__link::after {
content: "";
position: absolute;
right: 0;
bottom: -2px;
left: 0;
height: 2px;
border-radius: 999px;
opacity: 0;
background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(33%, #55acbf), color-stop(66%, #55acbf), to(transparent));
background: linear-gradient(90deg, transparent 0, #55acbf 33%, #55acbf 66%, transparent 100%);
-webkit-transform: scaleX(.35);
-ms-transform: scaleX(.35);
transform: scaleX(.35);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transition: opacity .68s cubic-bezier(.18, .88, .24, 1), -webkit-transform .68s cubic-bezier(.18, .88, .24, 1);
transition: opacity .68s cubic-bezier(.18, .88, .24, 1), -webkit-transform .68s cubic-bezier(.18, .88, .24, 1);
transition: opacity .68s cubic-bezier(.18, .88, .24, 1), transform .68s cubic-bezier(.18, .88, .24, 1);
transition: opacity .68s cubic-bezier(.18, .88, .24, 1), transform .68s cubic-bezier(.18, .88, .24, 1), -webkit-transform .68s cubic-bezier(.18, .88, .24, 1);
pointer-events: none
}
.header__link._active::after {
opacity: 1;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1)
}
.header__toggle {
margin-left: auto
}
.header__phones {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.25rem;
white-space: nowrap;
-ms-flex-negative: 0;
flex-shrink: 0
}
.header__phone {
color: #fff;
text-decoration: none;
font-weight: 500;
line-height: 1.2;
text-transform: uppercase;
font-size: clamp(16px, .1851851852vw + 15.3333333333px, 18px);
position: relative;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.header__phone::after {
content: "";
position: absolute;
right: 0;
bottom: -2px;
left: 0;
height: 2px;
border-radius: 999px;
opacity: 0;
background: -webkit-gradient(linear, left top, right top, from(#26668c), color-stop(33%, #55acbf), color-stop(66%, #55acbf), to(#26668c));
background: linear-gradient(90deg, #26668c 0, #55acbf 33%, #55acbf 66%, #26668c 100%);
-webkit-transform: scaleX(.35);
-ms-transform: scaleX(.35);
transform: scaleX(.35);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transition: opacity .68s cubic-bezier(.18, .88, .24, 1), -webkit-transform .68s cubic-bezier(.18, .88, .24, 1);
transition: opacity .68s cubic-bezier(.18, .88, .24, 1), -webkit-transform .68s cubic-bezier(.18, .88, .24, 1);
transition: opacity .68s cubic-bezier(.18, .88, .24, 1), transform .68s cubic-bezier(.18, .88, .24, 1);
transition: opacity .68s cubic-bezier(.18, .88, .24, 1), transform .68s cubic-bezier(.18, .88, .24, 1), -webkit-transform .68s cubic-bezier(.18, .88, .24, 1);
pointer-events: none
}
.header__sep {
width: 1px;
height: 1.3125rem;
background: rgba(255, 255, 255, .45);
-ms-flex-negative: 0;
flex-shrink: 0
}
.admin-bar .header {
top: 32px
}
.icon-menu {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: .4375rem;
min-width: 2.25rem;
height: 2.25rem;
padding: 0;
border: 0;
background: 0 0;
color: #fff;
cursor: pointer;
z-index: 11;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.icon-menu span {
display: block;
width: 100%;
padding: 0;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
-webkit-transition: opacity .4s ease .4s, -webkit-transform .4s ease .4s;
transition: opacity .4s ease .4s, -webkit-transform .4s ease .4s;
transition: transform .4s ease .4s, opacity .4s ease .4s;
transition: transform .4s ease .4s, opacity .4s ease .4s, -webkit-transform .4s ease .4s;
will-change: transform
}
.icon-menu span::before {
content: "";
display: block;
height: .1875rem;
border-radius: .625rem;
background: currentColor;
-webkit-transition: -webkit-transform .3s ease 0s;
transition: -webkit-transform .3s ease 0s;
transition: transform .3s ease 0s;
transition: transform .3s ease 0s, -webkit-transform .3s ease 0s;
will-change: transform
}
.icon-menu span:nth-child(2) {
width: 1.5rem;
-ms-flex-item-align: end;
align-self: flex-end
}
.header.open-menu .icon-menu {
background: 0 0
}
.header.open-menu .icon-menu span {
width: 2.25rem;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
-webkit-transition: opacity .3s ease 0s, -webkit-transform .3s ease 0s;
transition: opacity .3s ease 0s, -webkit-transform .3s ease 0s;
transition: transform .3s ease 0s, opacity .3s ease 0s;
transition: transform .3s ease 0s, opacity .3s ease 0s, -webkit-transform .3s ease 0s
}
.header.open-menu .icon-menu span::before {
-webkit-transition: width .3s ease 0s, -webkit-transform .45s ease .35s;
transition: width .3s ease 0s, -webkit-transform .45s ease .35s;
transition: transform .45s ease .35s, width .3s ease 0s;
transition: transform .45s ease .35s, width .3s ease 0s, -webkit-transform .45s ease .35s
}
.header.open-menu .icon-menu span:first-child {
-webkit-transform: translateY(.625rem);
-ms-transform: translateY(.625rem);
transform: translateY(.625rem)
}
.header.open-menu .icon-menu span:first-child::before {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg)
}
.header.open-menu .icon-menu span:nth-child(2) {
opacity: 0
}
.header.open-menu .icon-menu span:nth-child(3) {
-webkit-transform: translateY(-.625rem);
-ms-transform: translateY(-.625rem);
transform: translateY(-.625rem)
}
.header.open-menu .icon-menu span:nth-child(3)::before {
-webkit-transform: rotate(-225deg);
-ms-transform: rotate(-225deg);
transform: rotate(-225deg)
}
.footer {
padding-top: 1rem;
padding-bottom: 1.5rem;
color: #fff;
background: linear-gradient(106.85deg, #26668c 0, #55acbf 100%)
}
.footer__brand-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 1rem;
width: 100%
}
.footer__logo {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
text-decoration: none
}
.footer__logo img {
display: block;
width: 8.0625rem;
height: 2.25rem;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: left bottom;
object-position: left bottom
}
.footer__phone {
-ms-flex-negative: 0;
flex-shrink: 0;
color: #fff;
text-transform: uppercase;
white-space: nowrap;
font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
letter-spacing: -.0141666667em;
font-size: clamp(18px, .5555555556vw + 16px, 24px);
position: relative
}
.footer__phone::after {
content: "";
position: absolute;
right: 0;
bottom: -2px;
left: 0;
height: 2px;
border-radius: 999px;
opacity: 0;
background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(33%, #fff), color-stop(66%, #fff), to(transparent));
background: linear-gradient(90deg, transparent 0, #fff 33%, #fff 66%, transparent 100%);
-webkit-transform: scaleX(.35);
-ms-transform: scaleX(.35);
transform: scaleX(.35);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transition: opacity .68s cubic-bezier(.18, .88, .24, 1), -webkit-transform .68s cubic-bezier(.18, .88, .24, 1);
transition: opacity .68s cubic-bezier(.18, .88, .24, 1), -webkit-transform .68s cubic-bezier(.18, .88, .24, 1);
transition: opacity .68s cubic-bezier(.18, .88, .24, 1), transform .68s cubic-bezier(.18, .88, .24, 1);
transition: opacity .68s cubic-bezier(.18, .88, .24, 1), transform .68s cubic-bezier(.18, .88, .24, 1), -webkit-transform .68s cubic-bezier(.18, .88, .24, 1);
pointer-events: none
}
.footer__nav {
width: 100%;
margin-top: 2.5rem
}
.footer__menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: .75rem;
width: 100%;
font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif
}
.footer__link {
color: #fff;
text-decoration: none;
font-weight: 400;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: -.04em;
white-space: nowrap;
position: relative;
font-size: clamp(14px, .1851851852vw + 13.3333333333px, 16px)
}
.footer__link::after {
content: "";
position: absolute;
right: 0;
bottom: -2px;
left: 0;
height: 2px;
border-radius: 999px;
opacity: 0;
background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(33%, #fff), color-stop(66%, #fff), to(transparent));
background: linear-gradient(90deg, transparent 0, #fff 33%, #fff 66%, transparent 100%);
-webkit-transform: scaleX(.35);
-ms-transform: scaleX(.35);
transform: scaleX(.35);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transition: opacity .68s cubic-bezier(.18, .88, .24, 1), -webkit-transform .68s cubic-bezier(.18, .88, .24, 1);
transition: opacity .68s cubic-bezier(.18, .88, .24, 1), -webkit-transform .68s cubic-bezier(.18, .88, .24, 1);
transition: opacity .68s cubic-bezier(.18, .88, .24, 1), transform .68s cubic-bezier(.18, .88, .24, 1);
transition: opacity .68s cubic-bezier(.18, .88, .24, 1), transform .68s cubic-bezier(.18, .88, .24, 1), -webkit-transform .68s cubic-bezier(.18, .88, .24, 1);
pointer-events: none
}
.footer__divider {
background: rgba(255, 255, 255, .4)
}
.footer__docs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .625rem;
width: 100%;
margin-top: 2.25rem
}
.footer__doc {
font-family: Manrope, Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 400;
line-height: 1.3;
color: #e2ebef;
text-decoration: underline;
text-underline-offset: 2px;
white-space: nowrap;
font-size: clamp(14px, .1851851852vw + 13.3333333333px, 16px);
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease
}
.footer__meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .625rem;
width: 100%;
margin-top: 2.5rem
}
.footer__copy {
font-family: Manrope, Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 500;
line-height: 1.3;
color: #f7f7f7;
text-align: center;
white-space: nowrap;
font-size: clamp(12px, .1851851852vw + 11.3333333333px, 14px)
}
.footer__dev {
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;
gap: .625rem;
-webkit-transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
transition: -webkit-transform .4s cubic-bezier(.25, .46, .45, .94);
transition: transform .4s cubic-bezier(.25, .46, .45, .94);
transition: transform .4s cubic-bezier(.25, .46, .45, .94), -webkit-transform .4s cubic-bezier(.25, .46, .45, .94)
}
.footer__dev-logo {
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 1.625rem;
height: 1.375rem;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center bottom;
object-position: center bottom;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all .4s ease;
transition: all .4s ease
}
.footer__dev-text {
font-family: Manrope, Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 500;
line-height: 1.3;
color: #f7f7f7;
white-space: nowrap;
font-size: clamp(12px, .1851851852vw + 11.3333333333px, 14px)
}
.home-arrow {
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
}
.section-head {
margin-bottom: 1.75rem
}
.section-head--row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem
}
.section-head__main {
max-width: 45rem
}
.section-head__text {
margin: .625rem 0 0
}
.section-head__aside {
max-width: 26.25rem
}
.section-head__note {
color: #55acbf;
font-style: italic;
line-height: 1.55
}
.main--home .visually-hidden,
.main--home .wpcf7-form-control-wrap:has(.visually-hidden) {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0
}
.visually-hidden,
.wpcf7-form-control-wrap:has(.visually-hidden) {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0
}
.hero {
position: relative;
overflow: hidden;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 53.6875rem;
padding: 4.5rem 0 1.25rem;
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/home/hero-bg-mobile.webp) center/cover no-repeat, linear-gradient(83.39deg, #26668c 0, #55acbf 99.68%)
}
.hero__container {
position: relative;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%
}
.hero__grid {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 1.125rem
}
.hero__main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.hero__title {
max-width: 45rem;
font-weight: 400;
line-height: 1.1;
color: #fff
}
.hero__title._anim-items {
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.hero__actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem;
margin-top: 1.375rem;
width: 100%;
margin-bottom: auto;
max-width: 100%
}
.hero__actions._anim-items {
-webkit-transition-delay: 138ms;
transition-delay: 138ms
}
.hero__btn {
width: 100%;
min-height: 3.25rem
}
.hero__note {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: .9375rem;
margin-top: 1.25rem;
max-width: 42.5625rem;
font-size: .875rem;
line-height: 1.3
}
.hero__note p._anim-items {
-webkit-transition-delay: 276ms;
transition-delay: 276ms
}
.hero__flag {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 4.4375rem;
height: 4.4375rem;
border-radius: 50%;
background: #fff;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.hero__flag._anim-items {
-webkit-transition-delay: 368ms;
transition-delay: 368ms
}
.hero__flag img {
display: block;
width: 72%;
height: auto;
-o-object-fit: contain;
object-fit: contain
}
.hero__cards {
display: -ms-grid;
display: grid;
gap: .625rem;
-ms-grid-row-align: start;
align-self: start
}
.hero__card:nth-child(1)._anim-items {
-webkit-transition-delay: 207ms;
transition-delay: 207ms
}
.hero__card:nth-child(2)._anim-items {
-webkit-transition-delay: 322ms;
transition-delay: 322ms
}
.hero__card:nth-child(3)._anim-items {
-webkit-transition-delay: 437ms;
transition-delay: 437ms
}
.hero__card:nth-child(4)._anim-items {
-webkit-transition-delay: 552ms;
transition-delay: 552ms
}
.hero__card-inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.25rem;
width: 100%;
padding: 1rem;
border: 1px solid transparent;
border-radius: .625rem;
background: #edfbff;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
color: #425460;
overflow: hidden
}
.hero__card-inner::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(105deg, transparent 42%, rgba(255, 255, 255, .45) 50%, transparent 58%);
-webkit-transform: translateX(-120%);
-ms-transform: translateX(-120%);
transform: translateX(-120%);
-webkit-transition: -webkit-transform .65s ease;
transition: -webkit-transform .65s ease;
transition: transform .65s ease;
transition: transform .65s ease, -webkit-transform .65s ease;
pointer-events: none
}
.hero__card-icon {
position: relative;
z-index: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 2.625rem;
height: 2.625rem;
border-radius: .625rem;
background: #26668c;
color: #fff;
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;
overflow: hidden;
-webkit-transition: background-color .25s ease, -webkit-transform .35s cubic-bezier(.22, 1, .36, 1), -webkit-box-shadow .25s ease;
transition: background-color .25s ease, -webkit-transform .35s cubic-bezier(.22, 1, .36, 1), -webkit-box-shadow .25s ease;
transition: transform .35s cubic-bezier(.22, 1, .36, 1), background-color .25s ease, box-shadow .25s ease;
transition: transform .35s cubic-bezier(.22, 1, .36, 1), background-color .25s ease, box-shadow .25s ease, -webkit-transform .35s cubic-bezier(.22, 1, .36, 1), -webkit-box-shadow .25s ease
}
.hero__card-icon svg {
display: block;
width: 58%;
height: 58%;
-o-object-fit: contain;
object-fit: contain;
-webkit-transition: -webkit-transform .35s cubic-bezier(.22, 1, .36, 1);
transition: -webkit-transform .35s cubic-bezier(.22, 1, .36, 1);
transition: transform .35s cubic-bezier(.22, 1, .36, 1);
transition: transform .35s cubic-bezier(.22, 1, .36, 1), -webkit-transform .35s cubic-bezier(.22, 1, .36, 1)
}
.hero__card-text {
position: relative;
z-index: 1;
font-weight: 500;
font-size: .875rem;
line-height: 1.3;
-webkit-transition: color .25s ease, -webkit-transform .35s cubic-bezier(.22, 1, .36, 1);
transition: color .25s ease, -webkit-transform .35s cubic-bezier(.22, 1, .36, 1);
transition: color .25s ease, transform .35s cubic-bezier(.22, 1, .36, 1);
transition: color .25s ease, transform .35s cubic-bezier(.22, 1, .36, 1), -webkit-transform .35s cubic-bezier(.22, 1, .36, 1)
}
.audience {
padding: 3.75rem 0 1.25rem
}
.audience__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: .625rem;
margin-bottom: 1.25rem
}
.audience__tag {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.audience__photo {
border-radius: .625rem;
overflow: hidden;
margin-top: .5rem
}
.audience__scene {
position: relative;
min-height: 33.75rem
}
.audience__molecules {
display: block;
width: min(100%, 31.25rem);
height: auto;
margin: 0 auto;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: bottom center;
object-position: bottom center;
pointer-events: none;
position: absolute;
left: 50%;
top: 6.875rem;
z-index: 0;
opacity: 0;
will-change: transform, opacity;
-webkit-transform: translateX(calc(-50% + var(--mx, 0) + var(--scroll-x, 0))) translateY(calc(var(--my, 0) + var(--scroll-y, 0))) rotate(var(--mrotate, 0deg));
-ms-transform: translateX(calc(-50% + var(--mx, 0) + var(--scroll-x, 0))) translateY(calc(var(--my, 0) + var(--scroll-y, 0))) rotate(var(--mrotate, 0deg));
transform: translateX(calc(-50% + var(--mx, 0) + var(--scroll-x, 0))) translateY(calc(var(--my, 0) + var(--scroll-y, 0))) rotate(var(--mrotate, 0deg));
-webkit-transition: opacity .85s ease;
transition: opacity .85s ease
}
.audience__molecules.is-visible {
opacity: 1
}
.audience__cards {
position: relative;
z-index: 1;
min-height: 31.25rem
}
.audience__card-wrap {
position: absolute;
width: 15.375rem;
max-width: calc(100% - 2rem);
z-index: 1
}
.audience__card-wrap:nth-child(1) {
left: 0;
top: 0
}
.audience__card-wrap:nth-child(2) {
left: 0;
top: 20.0625rem
}
.audience__card-wrap:nth-child(3) {
right: 0;
top: 24.4375rem
}
.audience__card-wrap:nth-child(4) {
right: 0;
top: 3.875rem
}
.audience__card-wrap:nth-child(5) {
left: 0;
top: 28.8125rem
}
.audience__card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: .25rem;
row-gap: .75rem;
width: 100%;
padding: .5rem 1rem;
border: .5px solid #26668c;
border-radius: 100px;
background: #def3f9;
color: #26668c;
text-align: left;
cursor: pointer;
-webkit-transition: border-radius .25s cubic-bezier(.22, 1, .36, 1), background-color .2s ease, -webkit-box-shadow .2s ease;
transition: border-radius .25s cubic-bezier(.22, 1, .36, 1), background-color .2s ease, -webkit-box-shadow .2s ease;
transition: border-radius .25s cubic-bezier(.22, 1, .36, 1), background-color .2s ease, box-shadow .2s ease;
transition: border-radius .25s cubic-bezier(.22, 1, .36, 1), background-color .2s ease, box-shadow .2s ease, -webkit-box-shadow .2s ease
}
.audience__card._active {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
border-radius: .625rem
}
.audience__card._active .audience__card-text {
display: block
}
.audience__card-wrap:has(.audience__card._active) {
z-index: 10
}
.audience__card-title {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
font-style: italic;
font-weight: 500;
font-size: 1.125rem;
line-height: 1.2;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center
}
.audience__toggle {
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
width: 2.25rem;
height: 2.25rem;
border-radius: 50%
}
.audience__toggle::after,
.audience__toggle::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #26668c;
border-radius: .125rem;
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease
}
.audience__toggle::before {
width: 1rem;
height: .1875rem
}
.audience__toggle::after {
width: .1875rem;
height: 1rem;
opacity: 1
}
.audience__card._active .audience__toggle::after {
opacity: 0
}
.audience__card-text {
display: none;
width: 100%;
font-size: .875rem;
line-height: 1.3;
color: #26668c
}
.catalog-teaser {
padding: 1rem 0 1.875rem
}
.catalog-teaser__container {
position: relative;
z-index: 1
}
.catalog-teaser__container::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/decor-bg.svg) center 86%/90% auto no-repeat;
will-change: transform;
-webkit-transform: translate3d(calc(var(--mx) + var(--scroll-x)), calc(var(--my) + var(--scroll-y)), 0) rotate(var(--mrotate));
transform: translate3d(calc(var(--mx) + var(--scroll-x)), calc(var(--my) + var(--scroll-y)), 0) rotate(var(--mrotate))
}
.catalog-teaser__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem
}
.catalog-teaser__title {
max-width: 43.75rem
}
.catalog-teaser__tag {
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.catalog-teaser__body {
margin-top: .5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem;
row-gap: 3.875rem
}
.catalog-teaser__main {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.catalog-teaser__actions {
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-wrap: wrap;
flex-wrap: wrap;
gap: .625rem;
margin-top: 1.125rem
}
.catalog-teaser__btn {
width: 100%;
min-height: 3.25rem
}
.catalog-teaser__btn .btn__icon {
width: 1.75rem;
height: 1.75rem
}
.catalog-teaser__gallery {
position: relative;
z-index: 1;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
gap: .625rem
}
.catalog-teaser__gallery-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 6.5rem;
flex: 0 0 6.5rem;
list-style: none
}
.catalog-teaser__gallery-item:nth-child(1)._anim-items {
-webkit-transition-delay: 115ms;
transition-delay: 115ms
}
.catalog-teaser__gallery-item:nth-child(2)._anim-items {
-webkit-transition-delay: .23s;
transition-delay: .23s
}
.catalog-teaser__gallery-item:nth-child(3)._anim-items {
-webkit-transition-delay: 345ms;
transition-delay: 345ms
}
.catalog-teaser__card {
width: 100%;
height: 100%;
min-height: 6.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none;
color: inherit;
border: .03125rem solid #55acbf;
border-radius: .625rem;
padding: .625rem;
background: #edfbff;
overflow: hidden
}
.catalog-teaser__card img {
height: auto
}
.pick {
padding: 1.5rem 0
}
.pick__header {
display: -ms-grid;
display: grid;
gap: .75rem
}
.pick__text {
margin: .625rem 0 0;
font-family: Manrope, Manrope, system-ui, -apple-system, "Segoe UI", sans-serif
}
.pick__tags {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: .5rem;
gap: .625rem
}
.pick__benefits {
margin-top: .25rem
}
.pick__subtitle {
color: #26668c;
font-weight: 500;
font-style: italic;
line-height: 1.2;
letter-spacing: -.02em;
font-size: clamp(18px, .5555555556vw + 16px, 24px)
}
.pick__list {
margin: .625rem 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem
}
.pick__list li {
position: relative;
padding-left: 1.9375rem;
color: #425460;
font-family: Manrope, Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 500;
line-height: 1.3;
font-size: clamp(14px, .1851851852vw + 13.3333333333px, 16px)
}
.pick__list li::before {
content: "";
position: absolute;
left: .28125rem;
top: .28125rem;
width: .75rem;
height: .75rem;
border-radius: 50%;
background: #55acbf
}
.pick__videos {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: .625rem;
margin-top: .625rem
}
.pick__video {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.pick__video-media {
position: relative;
display: block;
width: 100%;
border-radius: .625rem;
overflow: hidden;
aspect-ratio: 332/195;
background: #55acbf;
cursor: pointer;
text-align: inherit;
font: inherit;
color: inherit;
-webkit-tap-highlight-color: transparent
}
.pick__video-media:focus-visible {
outline: .125rem solid #55acbf;
outline-offset: .1875rem
}
.pick__video-media>img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: opacity .25s ease, -webkit-transform .35s ease;
transition: opacity .25s ease, -webkit-transform .35s ease;
transition: transform .35s ease, opacity .25s ease;
transition: transform .35s ease, opacity .25s ease, -webkit-transform .35s ease
}
.pick__video-media:active .pick__play {
-webkit-transform: translate(-50%, -50%) scale(1.02);
-ms-transform: translate(-50%, -50%) scale(1.02);
transform: translate(-50%, -50%) scale(1.02)
}
.pick__play {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
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;
width: 3rem;
height: 3rem;
padding: .625rem;
border: .03125rem solid #fff;
border-radius: .625rem;
background: rgba(255, 255, 255, .1);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
-wekbit-backdrop-filter: blur(5px);
pointer-events: none;
-webkit-transition: background-color .2s ease, border-color .2s ease, -webkit-transform .25s ease, -webkit-box-shadow .2s ease;
transition: background-color .2s ease, border-color .2s ease, -webkit-transform .25s ease, -webkit-box-shadow .2s ease;
transition: transform .25s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
transition: transform .25s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, -webkit-transform .25s ease, -webkit-box-shadow .2s ease
}
.pick__play img,
.pick__play svg {
display: block;
width: 1.0625rem;
height: 1.75rem;
-o-object-fit: contain;
object-fit: contain
}
.pick__caption {
padding: .34375rem .34375rem .34375rem .34375rem;
border: .03125rem solid #55acbf;
border-radius: .375rem;
background: #edfbff;
color: #26668c;
font-size: .625rem;
line-height: 1.3;
letter-spacing: -.02em;
font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif
}
.pick__caption p+p {
margin-top: 0
}
.panels {
padding: 2.25rem 0 2.25rem
}
.panels__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: .625rem;
margin-bottom: 1.25rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.panels__tag {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.panels__lead {
margin: .625rem 0 0
}
.panels__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem
}
.panels__item {
border: 1px solid #55acbf;
border-radius: .625rem;
background: #fff;
overflow: hidden
}
.panels__item._active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.25rem;
padding: 1rem;
background: #def3f9;
border: .03125rem solid #fff
}
.panels__item._active .panels__chevron {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.panels__item._active .panels__body {
-ms-grid-rows: 1fr;
grid-template-rows: 1fr
}
.panels__item._active .panels__heading {
padding: 0
}
.panels__heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: .625rem;
width: 100%;
padding: .75rem 1rem;
background: 0 0;
cursor: pointer
}
.panels__name {
color: #26668c;
font-weight: 500;
font-style: italic;
line-height: 1.2;
letter-spacing: -.02em;
font-size: clamp(18px, .5555555556vw + 16px, 24px)
}
.panels__chevron {
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 1.75rem;
height: 1.75rem;
color: #26668c;
-webkit-transition: -webkit-transform .25s ease;
transition: -webkit-transform .25s ease;
transition: transform .25s ease;
transition: transform .25s ease, -webkit-transform .25s ease
}
.panels__body {
display: -ms-grid;
display: grid;
-ms-grid-rows: 0fr;
grid-template-rows: 0fr;
-webkit-transition: grid-template-rows .3s cubic-bezier(.22, 1, .36, 1);
transition: grid-template-rows .3s cubic-bezier(.22, 1, .36, 1);
transition: grid-template-rows .3s cubic-bezier(.22, 1, .36, 1), -ms-grid-rows .3s cubic-bezier(.22, 1, .36, 1)
}
.panels__inner {
overflow: hidden;
min-height: 0
}
.panels__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem
}
.panels__desc {
min-width: 0
}
.panels__desc p {
color: #425460;
line-height: 1.3;
font-size: clamp(14px, .3703703704vw + 12.6666666667px, 18px)
}
.panels__desc p+p {
margin-top: 0
}
.panels__img {
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 100%;
height: auto;
width: 100%
}
.panels__more {
width: 100%;
min-height: 3rem;
background: #def3f9;
border-color: #26668c
}
.panels__more .btn__icon {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 2rem;
height: 2rem
}
.panels__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 1rem
}
.panels__footer-btn {
width: 100%;
min-height: 3.25rem
}
.choose {
position: relative;
margin: 1.5rem 0;
border-radius: .625rem;
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/choose-bg.webp) 0 0/cover no-repeat, #55acbf;
color: #fff;
overflow: hidden
}
.choose__container {
position: relative;
z-index: 1;
padding-top: 1.25rem;
padding-bottom: 1.25rem
}
.choose__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.25rem;
margin-bottom: 1.25rem
}
.choose__head-main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem
}
.choose__note {
font-weight: 500;
font-style: italic;
line-height: 1.2;
font-size: clamp(18px, .5555555556vw + 16px, 24px)
}
.choose__slider {
margin-top: 1.5rem
}
.choose__card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
height: auto;
gap: 1.25rem;
min-height: 8.1875rem;
padding: 1rem;
border: .03125rem solid #fff;
border-radius: .625rem;
background: #def3f9
}
.choose__card-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: .625rem;
min-width: 0
}
.choose__card-title {
color: #26668c;
font-weight: 500;
font-style: italic;
line-height: 1.2;
letter-spacing: -.02em;
font-size: clamp(18px, .5555555556vw + 16px, 24px)
}
.choose__card-desc {
color: #425460;
line-height: 1.3;
font-size: clamp(12px, .5555555556vw + 10px, 18px)
}
.choose__card-media {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 7.0625rem;
flex: 0 0 7.0625rem;
width: 7.0625rem;
height: 100%;
overflow: hidden;
border-radius: .625rem;
background: #fff;
height: 6.1875rem
}
.choose__card-img {
display: block;
width: 131.42%;
max-width: none;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: left center;
object-position: left center
}
.choose__card-img--respiratory {
width: 100%;
-o-object-position: center center;
object-position: center center
}
.choose__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.25rem;
margin-top: .75rem
}
.choose__nav {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: .625rem
}
.choose__arrow {
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;
width: 2.75rem;
height: 2.75rem;
padding: .625rem;
border: .0458125rem solid #fff;
border-radius: 50%;
background: 0 0;
cursor: pointer;
-webkit-transition: background-color .2s ease, opacity .2s ease;
transition: background-color .2s ease, opacity .2s ease
}
.choose__arrow.swiper-button-disabled,
.choose__arrow:disabled,
.choose__arrow[aria-disabled=true] {
opacity: .3;
cursor: default;
pointer-events: none
}
.choose__arrow svg {
display: block;
width: 1.4666875rem;
height: 1.4666875rem
}
.choose__arrow--prev svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.choose__arrow--next svg {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0)
}
.choose__btn {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 100%;
min-height: 3.25rem
}
.choose--related {
margin-top: 2rem;
margin-bottom: 3rem
}
.choose--related .choose__btn,
.choose--related .choose__lead,
.choose--related .choose__note,
.choose--related .choose__tag {
display: none
}
.choose--related .choose__head {
margin-bottom: 1.5rem
}
.choose--related .choose__head-main {
max-width: none
}
.choose--related .choose__footer {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.choose--related .choose__nav {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.equipment {
position: relative;
padding: 2.25rem 0
}
.equipment__container {
position: relative
}
.equipment__container::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/analyzers/equipment-decor.svg) 68% 0/auto no-repeat;
pointer-events: none;
will-change: transform;
-webkit-transform: translate3d(calc(var(--mx) + var(--scroll-x)), calc(var(--my) + var(--scroll-y)), 0) rotate(var(--mrotate));
transform: translate3d(calc(var(--mx) + var(--scroll-x)), calc(var(--my) + var(--scroll-y)), 0) rotate(var(--mrotate))
}
.equipment__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem;
margin-bottom: 1.25rem
}
.equipment__tag {
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.equipment__lead {
margin: .625rem 0 0;
max-width: 40.625rem
}
.equipment__grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: .625rem
}
.equipment__card {
height: 100%
}
.equipment__card-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
min-height: 100%;
padding: .625rem;
border: .03125rem solid #fff;
border-radius: .625rem;
background: #def3f9;
color: inherit;
text-decoration: none;
-webkit-transition: background-color .25s ease, -webkit-box-shadow .25s ease;
transition: background-color .25s ease, -webkit-box-shadow .25s ease;
transition: box-shadow .25s ease, background-color .25s ease;
transition: box-shadow .25s ease, background-color .25s ease, -webkit-box-shadow .25s ease
}
.equipment__card-name {
-webkit-transition: color .2s ease;
transition: color .2s ease;
color: #26668c;
font-weight: 500;
font-style: italic;
font-size: 1rem;
line-height: 1.2;
letter-spacing: -.02em;
min-height: 2.625rem
}
.equipment__card-name--long {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: .75rem;
letter-spacing: -.02em;
white-space: normal
}
.equipment__card-media {
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;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
margin-top: .75rem;
border-radius: .375rem;
background: #edfbff;
overflow: hidden;
aspect-ratio: 141/106;
-webkit-transition: background-color .25s ease;
transition: background-color .25s ease
}
.equipment__card-media img {
-webkit-transition: -webkit-transform .25s ease;
transition: -webkit-transform .25s ease;
transition: transform .25s ease;
transition: transform .25s ease, -webkit-transform .25s ease;
max-width: 90%;
height: auto;
width: auto;
max-height: 90%
}
.equipment__card-text {
margin: .625rem 0 0;
color: #425460;
line-height: 1.3;
font-size: clamp(12px, .5555555556vw + 10px, 18px)
}
.equipment__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 1.25rem
}
.equipment__btn {
width: 100%;
min-height: 3.25rem
}
.equipment--related {
padding: 2rem 0 3rem
}
.equipment--related .equipment__container::before {
content: none
}
.equipment--related .equipment__head {
margin-bottom: 1.5rem
}
.equipment--related .equipment__title {
max-width: none
}
.equipment--related .equipment__nav {
display: none;
-ms-flex-negative: 0;
flex-shrink: 0;
gap: 1.25rem
}
.equipment--related .equipment__arrow {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 3.75rem;
height: 3.75rem;
padding: .625rem;
border: 0;
border-radius: 50%;
background: #55acbf;
cursor: pointer;
-webkit-transition: background-color .2s ease, opacity .2s ease;
transition: background-color .2s ease, opacity .2s ease
}
.equipment--related .equipment__arrow-icon {
display: block;
width: 2rem;
height: 2rem;
color: #fff
}
.equipment--related .equipment__arrow--prev .equipment__arrow-icon {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.equipment--related .equipment__arrow.swiper-button-disabled {
opacity: .3;
cursor: default
}
.equipment--related .equipment__slider {
overflow: visible
}
.equipment--related .equipment__slide {
height: auto
}
.process {
padding: 1.75rem 0
}
.process__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem;
margin-bottom: 1.25rem
}
.process__tag {
-ms-flex-item-align: start;
align-self: flex-start;
padding: .375rem .625rem;
font-size: .875rem;
letter-spacing: -.02em
}
.process__slider {
overflow: visible
}
.process__grid.a-stagger>.process__slide {
opacity: 0;
-webkit-transform: translateY(1.75rem) scale(.94);
-ms-transform: translateY(1.75rem) scale(.94);
transform: translateY(1.75rem) scale(.94);
-webkit-filter: blur(.25rem);
filter: blur(.25rem);
-webkit-transition: opacity .6325s ease, -webkit-transform .7475s cubic-bezier(.22, 1, .36, 1), -webkit-filter .6325s ease;
transition: opacity .6325s ease, -webkit-transform .7475s cubic-bezier(.22, 1, .36, 1), -webkit-filter .6325s ease;
transition: opacity .6325s ease, transform .7475s cubic-bezier(.22, 1, .36, 1), filter .6325s ease;
transition: opacity .6325s ease, transform .7475s cubic-bezier(.22, 1, .36, 1), filter .6325s ease, -webkit-transform .7475s cubic-bezier(.22, 1, .36, 1), -webkit-filter .6325s ease;
will-change: opacity, transform, filter
}
.process__grid._active>.process__slide:nth-child(1) {
opacity: 1;
-webkit-transform: translateY(0) scale(1);
-ms-transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
-webkit-filter: blur(0);
filter: blur(0);
-webkit-transition-delay: 138ms;
transition-delay: 138ms
}
.process__grid._active>.process__slide:nth-child(2) {
opacity: 1;
-webkit-transform: translateY(0) scale(1);
-ms-transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
-webkit-filter: blur(0);
filter: blur(0);
-webkit-transition-delay: 276ms;
transition-delay: 276ms
}
.process__grid._active>.process__slide:nth-child(3) {
opacity: 1;
-webkit-transform: translateY(0) scale(1);
-ms-transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
-webkit-filter: blur(0);
filter: blur(0);
-webkit-transition-delay: 414ms;
transition-delay: 414ms
}
.process__grid._active>.process__slide:nth-child(4) {
opacity: 1;
-webkit-transform: translateY(0) scale(1);
-ms-transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
-webkit-filter: blur(0);
filter: blur(0);
-webkit-transition-delay: 552ms;
transition-delay: 552ms
}
.process__grid._active>.process__slide:nth-child(5) {
opacity: 1;
-webkit-transform: translateY(0) scale(1);
-ms-transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
-webkit-filter: blur(0);
filter: blur(0);
-webkit-transition-delay: .69s;
transition-delay: .69s
}
.process__grid._active>.process__slide:nth-child(6) {
opacity: 1;
-webkit-transform: translateY(0) scale(1);
-ms-transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
-webkit-filter: blur(0);
filter: blur(0);
-webkit-transition-delay: 828ms;
transition-delay: 828ms
}
.process__grid._active>.process__slide:nth-child(7) {
opacity: 1;
-webkit-transform: translateY(0) scale(1);
-ms-transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
-webkit-filter: blur(0);
filter: blur(0);
-webkit-transition-delay: 966ms;
transition-delay: 966ms
}
.process__grid._active>.process__slide:nth-child(8) {
opacity: 1;
-webkit-transform: translateY(0) scale(1);
-ms-transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
-webkit-filter: blur(0);
filter: blur(0);
-webkit-transition-delay: 1.104s;
transition-delay: 1.104s
}
.process__slide.swiper-slide {
width: 16.0625rem;
height: auto
}
.process__card {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem;
height: 100%;
padding: 1rem;
border: 1px solid #55acbf;
border-radius: .625rem;
background: #edfbff;
overflow: hidden;
-webkit-transition: border-color .25s ease, background-color .25s ease, -webkit-transform .35s cubic-bezier(.22, 1, .36, 1), -webkit-box-shadow .35s ease;
transition: border-color .25s ease, background-color .25s ease, -webkit-transform .35s cubic-bezier(.22, 1, .36, 1), -webkit-box-shadow .35s ease;
transition: transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s ease, border-color .25s ease, background-color .25s ease;
transition: transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s ease, border-color .25s ease, background-color .25s ease, -webkit-transform .35s cubic-bezier(.22, 1, .36, 1), -webkit-box-shadow .35s ease
}
.process__card::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(105deg, transparent 42%, rgba(255, 255, 255, .45) 50%, transparent 58%);
-webkit-transform: translateX(-120%);
-ms-transform: translateX(-120%);
transform: translateX(-120%);
-webkit-transition: -webkit-transform .65s ease;
transition: -webkit-transform .65s ease;
transition: transform .65s ease;
transition: transform .65s ease, -webkit-transform .65s ease;
pointer-events: none
}
.process__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem;
min-width: 0
}
.process__step {
position: relative;
z-index: 1;
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;
-ms-flex-item-align: start;
align-self: flex-start;
min-height: 2.0625rem;
padding: .5rem 1.25rem;
border-radius: .625rem;
background: #def3f9;
color: #26668c;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.2;
letter-spacing: -.02em;
white-space: nowrap;
-webkit-transition: background-color .25s ease, color .25s ease, -webkit-transform .35s cubic-bezier(.22, 1, .36, 1), -webkit-box-shadow .25s ease;
transition: background-color .25s ease, color .25s ease, -webkit-transform .35s cubic-bezier(.22, 1, .36, 1), -webkit-box-shadow .25s ease;
transition: transform .35s cubic-bezier(.22, 1, .36, 1), background-color .25s ease, color .25s ease, box-shadow .25s ease;
transition: transform .35s cubic-bezier(.22, 1, .36, 1), background-color .25s ease, color .25s ease, box-shadow .25s ease, -webkit-transform .35s cubic-bezier(.22, 1, .36, 1), -webkit-box-shadow .25s ease
}
.process__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem
}
.process__card-title {
position: relative;
z-index: 1;
color: #26668c;
font-weight: 500;
font-style: italic;
font-size: 1.125rem;
line-height: 1.2;
letter-spacing: -.02em;
-webkit-transition: color .25s ease, -webkit-transform .35s cubic-bezier(.22, 1, .36, 1);
transition: color .25s ease, -webkit-transform .35s cubic-bezier(.22, 1, .36, 1);
transition: color .25s ease, transform .35s cubic-bezier(.22, 1, .36, 1);
transition: color .25s ease, transform .35s cubic-bezier(.22, 1, .36, 1), -webkit-transform .35s cubic-bezier(.22, 1, .36, 1)
}
.process__card-title--split {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.process__card-title--split span {
display: block
}
.process__card-title--split span:not(:last-child)::after {
content: " "
}
.process__card-desc {
position: relative;
z-index: 1;
margin-top: auto;
color: #425460;
font-size: .875rem;
line-height: 1.3;
-webkit-transition: color .25s ease, -webkit-transform .35s cubic-bezier(.22, 1, .36, 1);
transition: color .25s ease, -webkit-transform .35s cubic-bezier(.22, 1, .36, 1);
transition: color .25s ease, transform .35s cubic-bezier(.22, 1, .36, 1);
transition: color .25s ease, transform .35s cubic-bezier(.22, 1, .36, 1), -webkit-transform .35s cubic-bezier(.22, 1, .36, 1)
}
.process__media {
position: relative;
z-index: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 11rem;
border-radius: .625rem;
overflow: hidden;
-webkit-transition: -webkit-box-shadow .35s ease;
transition: -webkit-box-shadow .35s ease;
transition: box-shadow .35s ease;
transition: box-shadow .35s ease, -webkit-box-shadow .35s ease
}
.process__media .cover-image {
-webkit-transition: -webkit-transform .45s cubic-bezier(.22, 1, .36, 1);
transition: -webkit-transform .45s cubic-bezier(.22, 1, .36, 1);
transition: transform .45s cubic-bezier(.22, 1, .36, 1);
transition: transform .45s cubic-bezier(.22, 1, .36, 1), -webkit-transform .45s cubic-bezier(.22, 1, .36, 1)
}
.partners {
padding: 2.5rem 0
}
.partners__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: .625rem;
margin-bottom: .75rem
}
.partners__desc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: .625rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.partners__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 1.25rem
}
.partners__btn {
width: 100%;
min-height: 3.25rem
}
.partners__tag {
margin-top: 1rem
}
.partners__note {
color: #26668c;
font-weight: 500;
font-style: italic;
line-height: 1.2;
letter-spacing: -.02em;
font-size: clamp(18px, .5555555556vw + 16px, 24px)
}
.partners__slider {
overflow: visible;
margin-top: 1.125rem
}
.partners__slider .swiper-wrapper.a-stagger>.partners__slide {
-webkit-transition: opacity 575ms ease, -webkit-transform 575ms ease;
transition: opacity 575ms ease, -webkit-transform 575ms ease;
transition: opacity 575ms ease, transform 575ms ease;
transition: opacity 575ms ease, transform 575ms ease, -webkit-transform 575ms ease
}
.partners__card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: .75rem;
height: 4.5rem;
padding: .75rem 1.25rem;
border: .03125rem solid #fff;
border-radius: .625rem;
background: #def3f9;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
text-decoration: none;
-webkit-transition: background-color .25s ease, -webkit-box-shadow .25s ease;
transition: background-color .25s ease, -webkit-box-shadow .25s ease;
transition: box-shadow .25s ease, background-color .25s ease;
transition: box-shadow .25s ease, background-color .25s ease, -webkit-box-shadow .25s ease
}
.partners__card--static {
cursor: default
}
.partners__logo-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
min-width: 0;
height: 3rem;
max-width: 6.75rem;
overflow: hidden
}
.partners__logo {
display: block;
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: left center;
object-position: left center
}
.partners__logo-wrap--invitro .partners__logo {
max-height: 2rem
}
.partners__logo-wrap--helix .partners__logo {
max-width: 5.5rem;
max-height: 2.25rem
}
.partners__logo-wrap--kdl .partners__logo {
max-width: 6.5625rem;
max-height: 2.875rem
}
.partners__arrow {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.partners__arrow-icon {
display: block;
color: #26668c
}
.docs {
padding: 1.5rem 0
}
.docs__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem;
margin-bottom: 1.25rem
}
.docs__intro {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem
}
.docs__text {
font-family: Manrope, Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 400
}
.docs__nav {
display: none;
gap: 1.25rem
}
.docs__arrow {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 3.75rem;
height: 3.75rem;
padding: .625rem;
border: 0;
border-radius: 50%;
background: #55acbf;
cursor: pointer;
-webkit-transition: background-color .2s ease, opacity .2s ease;
transition: background-color .2s ease, opacity .2s ease
}
.docs__arrow-icon {
display: block;
width: 2rem;
height: 2rem;
color: #fff
}
.docs__arrow--prev .docs__arrow-icon {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.docs__arrow.swiper-button-disabled {
opacity: .3;
cursor: default
}
.docs__slide.swiper-slide {
height: auto
}
.docs__card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem;
height: 100%;
padding: 1rem;
border: .03125rem solid #fff;
border-radius: .625rem;
background: #def3f9;
-webkit-backdrop-filter: blur(8.159px);
backdrop-filter: blur(8.159px);
-webkit-transition: background-color .25s ease;
transition: background-color .25s ease
}
.docs__media {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
aspect-ratio: 225/322;
border-radius: .375rem;
overflow: hidden;
background: #fff
}
.docs__img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center top;
object-position: center top
}
.docs__caption {
-ms-flex-negative: 0;
flex-shrink: 0;
color: #26668c;
font-weight: 400;
line-height: 1.3;
letter-spacing: -.02em;
font-size: clamp(14px, .3703703704vw + 12.6666666667px, 18px)
}
.request {
padding: 2.5rem 0
}
.request__box {
position: relative;
width: 100%;
color: #fff;
overflow: hidden;
border-radius: .625rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
background: #55acbf
}
.request__box::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/request-decor-mobile.webp) 0 0/cover no-repeat;
pointer-events: none;
will-change: transform;
-webkit-transform: translate3d(calc(var(--mx) + var(--scroll-x)), calc(var(--my) + var(--scroll-y)), 0) rotate(var(--mrotate));
transform: translate3d(calc(var(--mx) + var(--scroll-x)), calc(var(--my) + var(--scroll-y)), 0) rotate(var(--mrotate))
}
.request__container {
position: relative;
z-index: 1
}
.request--plain .request__box {
background: #55acbf
}
.request--plain .request__box::before {
content: none
}
.request--plain .request__note {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.25rem;
margin-top: 1.5rem;
max-width: 32.5rem;
font-style: normal;
font-weight: 400;
font-size: inherit;
line-height: inherit;
letter-spacing: normal
}
.request--plain .request__note-icon {
-ms-flex-negative: 0;
flex-shrink: 0;
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;
width: 3.375rem;
height: 3.375rem;
border-radius: .375rem;
background: #26668c;
color: #fff
}
.request--plain .request__note-icon-svg {
width: 2.1875rem;
height: 2.1875rem
}
.request--plain .request__note-text {
margin: 0;
font-weight: 500;
font-style: italic;
line-height: 1.2;
letter-spacing: -.02em;
font-size: clamp(18px, .5555555556vw + 16px, 24px)
}
.request__grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: .5rem
}
.request__info {
display: contents
}
.request__title {
max-width: 40.6875rem;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.request__note {
max-width: 35.5rem;
font-style: italic;
font-weight: 500;
font-size: 1.125rem;
line-height: 1.2;
letter-spacing: -.02em
}
.request__form-col {
display: contents
}
.request__lead {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
font-size: .875rem;
line-height: 1.3
}
.request__form {
margin-top: 1.25rem
}
.request__form.a-form-rise .wpcf7-form>*,
.request__form.a-form-rise>.checkbox,
.request__form.a-form-rise>.form__field,
.request__form.a-form-rise>.form__row,
.request__form.a-form-rise>.form__submit,
.request__form.a-form-rise>button.form__submit,
.request__form.a-form-rise>label.form__field {
opacity: 0;
-webkit-transform: translateY(18px);
-ms-transform: translateY(18px);
transform: translateY(18px);
-webkit-transition: opacity .5175s ease, -webkit-transform .6325s cubic-bezier(.22, 1, .36, 1);
transition: opacity .5175s ease, -webkit-transform .6325s cubic-bezier(.22, 1, .36, 1);
transition: opacity .5175s ease, transform .6325s cubic-bezier(.22, 1, .36, 1);
transition: opacity .5175s ease, transform .6325s cubic-bezier(.22, 1, .36, 1), -webkit-transform .6325s cubic-bezier(.22, 1, .36, 1)
}
.request__form.a-form-rise._active .wpcf7-form>:nth-child(1),
.request__form.a-form-rise._active>:nth-child(1) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 322ms;
transition-delay: 322ms
}
.request__form.a-form-rise._active .wpcf7-form>:nth-child(2),
.request__form.a-form-rise._active>:nth-child(2) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 414ms;
transition-delay: 414ms
}
.request__form.a-form-rise._active .wpcf7-form>:nth-child(3),
.request__form.a-form-rise._active>:nth-child(3) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 506ms;
transition-delay: 506ms
}
.request__form.a-form-rise._active .wpcf7-form>:nth-child(4),
.request__form.a-form-rise._active>:nth-child(4) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 598ms;
transition-delay: 598ms
}
.request__form.a-form-rise._active .wpcf7-form>:nth-child(5),
.request__form.a-form-rise._active>:nth-child(5) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: .69s;
transition-delay: .69s
}
.request__form.a-form-rise._active .wpcf7-form>:nth-child(6),
.request__form.a-form-rise._active>:nth-child(6) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 782ms;
transition-delay: 782ms
}
.request__form.a-form-rise._active .wpcf7-form>:nth-child(7),
.request__form.a-form-rise._active>:nth-child(7) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 874ms;
transition-delay: 874ms
}
.request__form.a-form-rise._active .wpcf7-form>:nth-child(8),
.request__form.a-form-rise._active>:nth-child(8) {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 966ms;
transition-delay: 966ms
}
.about {
padding: 1.25rem 0
}
.about__layout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.25rem
}
.about__main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.25rem;
min-width: 0
}
.about__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem
}
.about__tag {
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;
-ms-flex-item-align: start;
align-self: flex-start;
border-radius: 100px;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: .875rem;
font-weight: 500;
line-height: 1.2;
text-transform: uppercase;
background: #55acbf;
color: #fff;
padding: .375rem .625rem;
letter-spacing: -.02em;
white-space: nowrap
}
.about__logo-wrap {
display: block;
width: 10.6875rem;
max-width: 100%;
line-height: 0
}
.about__logo-wrap img {
width: auto;
height: auto
}
.about__photos {
margin-top: 1.25rem;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: .625rem
}
.about__photo {
border-radius: .625rem;
background: #fff;
overflow: hidden
}
.about__concept {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .75rem
}
.about__concept-title {
color: #26668c;
font-weight: 500;
font-style: italic;
font-size: 1.125rem;
line-height: 1.2;
letter-spacing: -.02em
}
.about__concept-footer,
.about__concept-lead {
color: #425460;
font-family: Manrope, Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 1.3
}
.about__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .75rem
}
.about__list li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .625rem;
color: #425460;
font-family: Manrope, Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: .875rem;
font-weight: 500;
line-height: 1.3
}
.about__list li::before {
content: "";
-webkit-box-flex: 0;
-ms-flex: 0 0 .75rem;
flex: 0 0 .75rem;
width: .75rem;
height: .75rem;
margin: .28125rem 0;
border-radius: 50%;
background: #55acbf
}
.about__aside {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.25rem;
min-width: 0
}
.about__lead {
color: #26668c;
font-weight: 500;
font-style: italic;
font-size: 1.125rem;
line-height: 1.23
}
.about__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem;
color: #425460;
font-family: Manrope, Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 1.3
}
.benefits {
padding: 2.5rem 0
}
.benefits__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: .625rem;
margin-bottom: 1.0625rem
}
.benefits__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.25rem
}
.benefits__grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem;
min-width: 0
}
.benefits__brand {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: .75rem;
min-width: 0
}
.benefits__text {
margin: 0;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: .875rem;
line-height: 1.3;
color: #425460
}
.benefits__text p:not(:last-child) {
margin-bottom: 1em
}
.benefits__card {
min-height: 7.375rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.benefits__card-wrapper {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem;
padding: 1rem;
border: .03125rem solid rgba(255, 255, 255, .8);
border-radius: .625rem;
background: rgba(222, 243, 249, .95);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
-webkit-transition: background-color .3s ease, -webkit-box-shadow .3s ease;
transition: background-color .3s ease, -webkit-box-shadow .3s ease;
transition: background-color .3s ease, box-shadow .3s ease;
transition: background-color .3s ease, box-shadow .3s ease, -webkit-box-shadow .3s ease;
height: 100%
}
.benefits__card-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: .625rem
}
.benefits__num {
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;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 2rem;
height: 2rem;
border: 1px solid #26668c;
border-radius: 50%;
background: #26668c;
color: #fff;
font-weight: 500;
font-size: 1.125rem;
line-height: 1.2;
letter-spacing: -.02em
}
.benefits__info {
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;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 0;
border: 0;
background: 0 0;
color: #26668c;
cursor: pointer;
-webkit-transition: color .2s ease, opacity .2s ease;
transition: color .2s ease, opacity .2s ease
}
.benefits__info._active {
color: #2f79a6
}
.benefits__info-icon {
display: block;
width: 2rem;
height: 2rem
}
.benefits__card-title {
margin: 0;
font-weight: 500;
font-style: italic;
line-height: 1.2;
letter-spacing: -.02em;
color: #26668c;
font-size: clamp(18px, .5555555556vw + 16px, 24px)
}
.faq {
padding: 2.5rem 0
}
.faq__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem;
margin-bottom: 1.0625rem
}
.faq__tag {
-ms-flex-item-align: start;
align-self: flex-start
}
.faq__title {
color: #26668c
}
.faq__columns {
display: -ms-grid;
display: grid;
gap: 1.25rem
}
.faq__col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.25rem;
min-width: 0
}
.contacts {
padding: 2.5rem 0
}
.contacts__box {
position: relative;
padding: .875rem;
border-radius: .625rem;
background: #55acbf;
color: #fff;
overflow: hidden
}
.contacts__box::before {
content: "";
position: absolute;
inset: -12%;
z-index: 0;
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/contacts-decor.svg) center 0/cover no-repeat;
pointer-events: none;
will-change: transform;
-webkit-transform: translate3d(calc(var(--mx) + var(--scroll-x)), calc(var(--my) + var(--scroll-y)), 0) rotate(var(--mrotate));
transform: translate3d(calc(var(--mx) + var(--scroll-x)), calc(var(--my) + var(--scroll-y)), 0) rotate(var(--mrotate))
}
.contacts__hero,
.contacts__main {
position: relative;
z-index: 1
}
.contacts__hero {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.25rem;
margin-bottom: 1.25rem
}
.contacts__lead {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem;
min-width: 0
}
.contacts__text {
max-width: 38.125rem;
font-size: .875rem;
line-height: 1.3
}
.contacts__figure {
border-radius: .625rem;
background: #edfbff;
overflow: hidden
}
.contacts__photo {
display: block;
width: 100%;
height: 13.5625rem;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center top;
object-position: center top;
-webkit-transform: scale(1.06);
-ms-transform: scale(1.06);
transform: scale(1.06);
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center
}
.contacts__main {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: .625rem
}
.contacts__cards {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: .625rem
}
.contacts__map {
position: relative;
overflow: hidden;
background: #edfbff;
border-radius: .625rem;
height: 13.75rem
} .contacts__map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.news {
padding: 2.5rem 0;
position: relative
}
.news__container {
position: relative;
z-index: 1
}
.news__container::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/decor-bg.svg) center 86%/90% auto no-repeat;
will-change: transform;
-webkit-transform: translate3d(calc(var(--mx) + var(--scroll-x)), calc(var(--my) + var(--scroll-y)), 0) rotate(var(--mrotate));
transform: translate3d(calc(var(--mx) + var(--scroll-x)), calc(var(--my) + var(--scroll-y)), 0) rotate(var(--mrotate))
}
.news__head {
margin-bottom: 1.25rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: .625rem
}
.news__intro {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem
}
.news__tag {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-item-align: start;
align-self: flex-start
}
.news__grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: .625rem
}
.news__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 1.25rem
}
.news__btn {
width: 100%;
min-height: 3.25rem;
font-size: 1rem;
letter-spacing: -.02em
}
.not-found {
padding: 1rem 0 3.75rem
}
.not-found__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.not-found__head {
width: 100%;
max-width: 20.75rem;
text-align: center
}
.not-found__text {
margin: .625rem 0 0
}
.not-found__visual {
width: 100%;
max-width: 43.9375rem;
margin-top: .875rem;
margin-inline: auto
}
.not-found__visual img {
width: 100%;
height: auto
}
.not-found__actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
gap: .625rem;
margin-top: 1.125rem
}
.not-found__btn {
width: 100%;
min-height: 3.25rem
}
.policy {
position: relative;
padding: 2.5rem 0 5rem;
overflow: hidden
}
.policy::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/policy-decor.svg) 0 0/100% auto repeat-y;
pointer-events: none;
will-change: transform;
-webkit-transform: translate3d(calc(var(--mx) + var(--scroll-x)), calc(var(--my) + var(--scroll-y)), 0) rotate(var(--mrotate));
transform: translate3d(calc(var(--mx) + var(--scroll-x)), calc(var(--my) + var(--scroll-y)), 0) rotate(var(--mrotate))
}
.policy__container {
position: relative;
z-index: 1
}
.policy__inner {
max-width: 54.75rem;
margin: 0 auto
}
.main--contacts {
background: #edfbff
}
.main--contacts .visually-hidden,
.main--contacts .wpcf7-form-control-wrap:has(.visually-hidden) {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0
}
.contacts-order {
padding: .625rem 0 2.5rem
}
.contacts-order__grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: .625rem
}
.contacts-order__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem;
padding: 1rem;
border-radius: .625rem;
background: #55acbf;
color: #fff
}
.contacts-order__map {
position: relative;
overflow: hidden;
background: #edfbff;
border: 1px solid #55acbf;
border-radius: .625rem;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
min-height: 18.75rem
} .contacts-order__map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.contacts-info {
position: relative
}
.contacts-info__body {
padding: 1.25rem 0 3.75rem;
display: -ms-grid;
display: grid;
position: relative;
z-index: 1;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: .625rem
}
.contacts-info__body::before {
content: "";
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/contacts-page-decor.webp) center/contain no-repeat;
z-index: -1;
left: 50%;
pointer-events: none;
will-change: transform;
-webkit-transform: translateX(calc(-50% + var(--mx) + var(--scroll-x))) translateY(calc(var(--my) + var(--scroll-y))) rotate(var(--mrotate));
-ms-transform: translateX(calc(-50% + var(--mx) + var(--scroll-x))) translateY(calc(var(--my) + var(--scroll-y))) rotate(var(--mrotate));
transform: translateX(calc(-50% + var(--mx) + var(--scroll-x))) translateY(calc(var(--my) + var(--scroll-y))) rotate(var(--mrotate))
}
.contacts-info__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem;
-ms-grid-column-span: 2;
grid-column: span 2;
margin-bottom: .625rem
}
.contacts-info__text {
color: #425460;
line-height: 1.3;
max-width: 33.625rem;
font-size: clamp(14px, .3703703704vw + 12.6666666667px, 18px)
}
.contacts-info__cards {
display: contents
}
.blog-hero {
padding: 0 0 2.25rem
}
.blog-hero__layout {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 1.25rem
}
.blog-featured {
position: relative;
border-radius: .625rem;
overflow: hidden;
background: #55acbf
}
.blog-featured__link {
display: block;
color: inherit;
text-decoration: none
}
.blog-featured__media {
position: relative;
width: 100%;
aspect-ratio: 873/582
}
.blog-featured__img {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.blog-featured__date {
position: absolute;
top: .625rem;
left: .625rem;
z-index: 2;
padding: .375rem .625rem;
border-radius: .375rem;
background: #26668c;
color: #fff;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: .875rem;
font-weight: 500;
line-height: 1.3;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px)
}
.blog-featured__caption {
position: absolute;
right: .625rem;
bottom: .625rem;
left: .625rem;
z-index: 2;
padding: .625rem;
border: .5px solid #55acbf;
border-radius: .375rem;
background: rgba(237, 251, 255, .9)
}
.blog-featured__title {
color: #26668c;
font-weight: 500;
font-style: italic;
line-height: 1.3;
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease;
font-size: clamp(14px, .9259259259vw + 10.6666666667px, 24px)
}
.blog-recent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.blog-recent__heading {
color: #26668c;
font-weight: 500;
font-style: italic;
line-height: 1.2;
letter-spacing: -.02em;
font-size: clamp(18px, .5555555556vw + 16px, 24px)
}
.blog-recent__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.25rem;
margin-top: 1.25rem
}
.blog-recent__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .625rem;
text-decoration: none;
color: inherit
}
.blog-recent__thumb {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 5.375rem;
height: 5.375rem;
border-radius: .625rem;
-o-object-fit: cover;
object-fit: cover;
background: #55acbf
}
.blog-recent__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-width: 0;
min-height: 5.375rem;
gap: .5rem
}
.blog-recent__title {
color: #425460;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 700;
line-height: 1.3;
font-size: .875rem;
-webkit-transition: color .2s ease;
transition: color .2s ease
}
.blog-recent__date {
color: rgba(66, 84, 96, .6);
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: .625rem;
font-weight: 500;
line-height: 1.3
}
.blog-feed {
padding: 1.5rem 0 3rem;
background: #edfbff
}
.blog-feed__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2.25rem
}
.blog-tabs {
gap: .625rem;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.blog-tabs__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: .625rem;
text-decoration: none;
padding: .625rem .875rem;
border: .5px solid #26668c;
border-radius: 100px;
font-weight: 500;
font-style: italic;
font-size: 1rem;
letter-spacing: -.02em;
line-height: 1.2;
cursor: pointer;
-webkit-transition: background-color .25s ease, color .25s ease, border-color .25s ease;
transition: background-color .25s ease, color .25s ease, border-color .25s ease;
background: #def3f9;
color: #26668c;
width: 100%
}
.blog-tabs__btn._active {
background: #26668c;
color: #fff;
border-color: #26668c
}
.blog-tabs__icon {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 1.75rem;
height: 1.75rem
}
.blog-panel {
display: none
}
.blog-panel._active {
display: block
}
.blog-grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 1.25rem
}
.blog-pagination {
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;
gap: 1.25rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.blog-pagination__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
margin: 0;
padding: 0;
list-style: none
}
.blog-pagination__num {
color: #425460;
font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.3;
text-decoration: none;
white-space: nowrap
}
.blog-pagination__num._active {
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;
width: 1.5rem;
height: 1.5rem;
border-radius: .25rem;
background: #55acbf;
color: #fff;
font-weight: 800
}
.blog-pagination__num--dots {
pointer-events: none
}
.blog-pagination__arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 1.34375rem;
height: 1.34375rem;
color: #26668c;
text-decoration: none;
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease
}
.blog-pagination__arrow .icon {
display: block;
width: 100%;
height: 100%
}
.blog-pagination__arrow--prev .icon {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.article {
position: relative;
padding: 1rem 0 2rem
}
.article__title.title-lg {
font-size: clamp(26px, calc(1.4815vw + 20.6667px), 42px);
}
.article__container {
position: relative;
z-index: 1
}
.article__layout {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 1.5rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start
}
.article__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem
}
.article__intro {
min-width: 0
}
.article__hero {
border-radius: .625rem;
overflow: hidden
}
.article__hero-img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 332/304;
-o-object-fit: cover;
object-fit: cover
}
.article__body {
min-width: 0
}
.article__body.typography-block:not([data-article-anim-prepared])>* {
opacity: 0
}
.article__body.typography-block img._anim-items,
.article__body.typography-block>._anim-items {
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.article__body.typography-block img._anim-items.a-fade,
.article__body.typography-block>._anim-items.a-fade {
opacity: 0;
-webkit-transition: opacity .4025s ease;
transition: opacity .4025s ease
}
.article__body.typography-block img._anim-items.a-fade._active,
.article__body.typography-block>._anim-items.a-fade._active {
opacity: 1
}
.article__body.typography-block img._anim-items.a-fade-up,
.article__body.typography-block>._anim-items.a-fade-up {
opacity: 0;
-webkit-transform: translateY(1.25rem);
-ms-transform: translateY(1.25rem);
transform: translateY(1.25rem);
-webkit-transition: opacity .4025s ease, -webkit-transform .46s cubic-bezier(.22, 1, .36, 1);
transition: opacity .4025s ease, -webkit-transform .46s cubic-bezier(.22, 1, .36, 1);
transition: opacity .4025s ease, transform .46s cubic-bezier(.22, 1, .36, 1);
transition: opacity .4025s ease, transform .46s cubic-bezier(.22, 1, .36, 1), -webkit-transform .46s cubic-bezier(.22, 1, .36, 1)
}
.article__body.typography-block img._anim-items.a-fade-up._active,
.article__body.typography-block>._anim-items.a-fade-up._active {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.article__body.typography-block h2:not(:first-child) {
margin-top: 2.5rem
}
.article__body.typography-block ul>li {
padding-left: 2.875rem;
min-height: 2.25rem;
-ms-flex-line-pack: center;
align-content: center
}
.article__body.typography-block ul>li::before {
width: 2.25rem;
height: 2.25rem;
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/list-marker-plus.svg) no-repeat center/contain
}
.article__body.typography-block ol>li::before {
width: 1.5rem;
height: 1.5rem;
min-width: 1.5rem;
font-size: 1.125rem
}
.article__body.typography-block>.wp-block-image,
.article__body.typography-block>figure {
border-radius: .5rem;
overflow: hidden;
background: #fff
}
.article__body.typography-block img {
margin: 1.25rem 0 0;
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
border-radius: .5rem;
overflow: hidden
}
.article__body.typography-block p.article__image-paragraph img,
.article__body.typography-block>.wp-block-image img,
.article__body.typography-block>figure img {
margin: 0
}
.article__body.typography-block p.article__image-paragraph img {
display: block
}
.article__body.typography-block .gallery img {
margin: 0;
height: 100%;
border-radius: 0
}
.article__body.typography-block>.article__gallery,
.article__body.typography-block>.gallery {
margin: 1.25rem 0 0
}
.article__gallery {
display: -ms-grid;
display: grid;
gap: .625rem
}
.article__gallery--duo,
.article__gallery.gallery-columns-2 {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.article__gallery.gallery-columns-3 {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr)
}
.article__gallery.gallery-columns-4 {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.article__gallery .gallery-item,
.article__gallery figure {
margin: 0;
border-radius: .5rem;
overflow: hidden;
background: #fff
}
.article__gallery--duo .gallery-item,
.article__gallery--duo figure,
.article__gallery.gallery-columns-2 .gallery-item,
.article__gallery.gallery-columns-2 figure {
aspect-ratio: 1
}
.article__gallery .gallery-icon {
height: 100%
}
.article__gallery .gallery-icon a {
display: block;
height: 100%;
text-decoration: none
}
.article__gallery .gallery-item img,
.article__gallery figure img {
margin: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0
}
.article__aside {
display: none
}
.article__aside .blog-recent__heading {
margin-bottom: 1.875rem
}
.article__aside .blog-recent__list {
gap: 1.875rem
}
.article__aside .blog-recent__title {
font-weight: 700;
color: #425460
}
.article-more {
padding: 1.5rem 0 3rem;
background: #edfbff
}
.article-more__title {
margin: 0 0 1rem;
color: #26668c
}
.article-more__grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: .625rem
}
.catalog {
padding: 1.875rem 0 2rem
}
.catalog__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.25rem
}
.catalog__main {
border-radius: .625rem;
background: #def3f9;
width: 100%;
padding: 1rem 1rem 7.5rem
}
.catalog__info {
max-width: 26.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem
}
.catalog__text {
max-width: 26.5rem
}
.catalog__side {
display: contents
}
.catalog__tag {
position: relative;
z-index: 2;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.catalog__gallery {
margin-top: -7.5rem;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: .875rem;
padding: 0 1rem;
position: relative;
z-index: 1
}
.catalog__gallery>._anim-items:nth-child(1) {
-webkit-transition-delay: 115ms;
transition-delay: 115ms
}
.catalog__gallery>._anim-items:nth-child(2) {
-webkit-transition-delay: .23s;
transition-delay: .23s
}
.catalog__gallery>._anim-items:nth-child(3) {
-webkit-transition-delay: 345ms;
transition-delay: 345ms
}
.catalog__gallery>._anim-items:nth-child(4) {
-webkit-transition-delay: .46s;
transition-delay: .46s
}
.catalog__gallery>._anim-items:nth-child(5) {
-webkit-transition-delay: 575ms;
transition-delay: 575ms
}
.catalog__gallery>._anim-items:nth-child(6) {
-webkit-transition-delay: .69s;
transition-delay: .69s
}
.catalog__gallery>._anim-items:nth-child(7) {
-webkit-transition-delay: 805ms;
transition-delay: 805ms
}
.catalog__gallery>._anim-items:nth-child(8) {
-webkit-transition-delay: .92s;
transition-delay: .92s
}
.catalog__gallery-decor {
position: absolute;
bottom: -25%;
left: 0;
width: 100%;
height: 100%;
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/catalog-decor.svg) center bottom/contain no-repeat;
z-index: -1;
pointer-events: none;
will-change: transform;
-webkit-transform: translate3d(calc(var(--mx) + var(--scroll-x)), calc(var(--my) + var(--scroll-y)), 0) rotate(var(--mrotate));
transform: translate3d(calc(var(--mx) + var(--scroll-x)), calc(var(--my) + var(--scroll-y)), 0) rotate(var(--mrotate))
}
.catalog__product-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.catalog__product-wrapper .catalog__product {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.catalog__product {
border-radius: .375rem;
border: .0625rem solid #55acbf;
background: #edfbff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: .875rem .25rem;
color: inherit;
text-decoration: none;
overflow: hidden;
-webkit-transition: border-color .25s ease, -webkit-box-shadow .25s ease;
transition: border-color .25s ease, -webkit-box-shadow .25s ease;
transition: border-color .25s ease, box-shadow .25s ease;
transition: border-color .25s ease, box-shadow .25s ease, -webkit-box-shadow .25s ease
}
.catalog__product-media {
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;
width: 100%;
position: relative
}
.catalog__product-img {
width: 100%;
height: auto;
-webkit-transition: opacity .25s ease, -webkit-transform .25s ease;
transition: opacity .25s ease, -webkit-transform .25s ease;
transition: opacity .25s ease, transform .25s ease;
transition: opacity .25s ease, transform .25s ease, -webkit-transform .25s ease
}
.catalog__product-img--hover {
position: absolute;
inset: 0;
margin: auto;
opacity: 0
}
.category {
padding: .5rem 0 2.5rem
}
.category__grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 1.75rem
}
.category__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem
}
.category__card {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.25rem;
min-height: 14.375rem;
padding: 1rem;
border-radius: .625rem;
background: #def3f9
}
.category__content {
position: relative;
z-index: 1
}
.category__title {
margin: 0 0 .625rem;
font-style: normal
}
.category__title a {
color: inherit;
text-decoration: none;
-webkit-transition: color .3s ease;
transition: color .3s ease
}
.category__text {
color: #425460;
font-size: .875rem;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden
}
.category__footer {
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: .625rem
}
.category__actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem;
width: 100%
}
.category__media {
margin-top: -4rem;
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;
width: 9.0625rem;
height: 8rem;
border: .03125rem solid #55acbf;
border-radius: .625rem;
background: #edfbff;
overflow: hidden;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease;
transition: transform .3s ease, box-shadow .3s ease;
transition: transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease, -webkit-box-shadow .3s ease
}
.category__media img {
width: auto;
height: auto;
max-width: 75%
}
.category__btn {
width: 100%;
min-height: 2.75rem
}
.devices-work {
padding: 2.5rem 0
}
.devices-work__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: 1.25rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.devices-work__tag {
-ms-flex-negative: 0;
flex-shrink: 0
}
.devices-work__title {
max-width: 40.8125rem
}
.devices-work__body {
margin-top: 1.25rem;
display: -ms-grid;
display: grid;
gap: 2rem
}
.devices-work__intro {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem
}
.devices-work__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.375rem;
color: #425460;
font-size: .875rem;
line-height: 1.3
}
.devices-work__more {
-ms-flex-item-align: start;
align-self: flex-start;
padding: 0;
border: 0;
background: 0 0;
color: #55acbf;
font-family: inherit;
font-weight: 700;
font-size: .875rem;
line-height: 1.3;
text-decoration: underline;
cursor: pointer
}
.devices-work__gallery {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: .625rem
}
.devices-work__photo {
border-radius: .625rem;
background: #55acbf;
overflow: hidden;
aspect-ratio: 161/150
}
.devices-work__photo:nth-child(1)._anim-items {
-webkit-transition-delay: 115ms;
transition-delay: 115ms
}
.devices-work__photo:nth-child(2)._anim-items {
-webkit-transition-delay: .23s;
transition-delay: .23s
}
.devices-work__photo:nth-child(3)._anim-items {
-webkit-transition-delay: 345ms;
transition-delay: 345ms
}
.devices-work__photo:nth-child(4)._anim-items {
-webkit-transition-delay: .46s;
transition-delay: .46s
}
.devices-work__photo:nth-child(5)._anim-items {
-webkit-transition-delay: 575ms;
transition-delay: 575ms
}
.devices-work__photo:nth-child(6)._anim-items {
-webkit-transition-delay: .69s;
transition-delay: .69s
}
.devices-work__photo img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.devices-benefits {
padding: 2.5rem 0 3rem
}
.devices-benefits__container {
position: relative;
z-index: 1
}
.devices-benefits__container::before {
content: "";
position: absolute;
top: 0;
left: 50%;
height: 32.1875rem;
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/devices-benefits-decor.webp) center/contain no-repeat;
pointer-events: none;
mix-blend-mode: screen;
z-index: -1;
width: 100%;
will-change: transform;
-webkit-transform: translateX(calc(-50% + var(--mx) + var(--scroll-x))) translateY(calc(var(--my) + var(--scroll-y))) rotate(var(--mrotate));
-ms-transform: translateX(calc(-50% + var(--mx) + var(--scroll-x))) translateY(calc(var(--my) + var(--scroll-y))) rotate(var(--mrotate));
transform: translateX(calc(-50% + var(--mx) + var(--scroll-x))) translateY(calc(var(--my) + var(--scroll-y))) rotate(var(--mrotate))
}
.devices-benefits__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1.25rem
}
.devices-benefits__nav {
display: none;
-ms-flex-negative: 0;
flex-shrink: 0;
gap: 1.25rem
}
.devices-benefits__arrow {
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;
width: 3.75rem;
height: 3.75rem;
padding: 0;
border: 0;
border-radius: 50%;
background: #55acbf;
cursor: pointer;
-webkit-transition: background-color .2s ease, -webkit-transform .2s cubic-bezier(.22, 1, .36, 1);
transition: background-color .2s ease, -webkit-transform .2s cubic-bezier(.22, 1, .36, 1);
transition: background-color .2s ease, transform .2s cubic-bezier(.22, 1, .36, 1);
transition: background-color .2s ease, transform .2s cubic-bezier(.22, 1, .36, 1), -webkit-transform .2s cubic-bezier(.22, 1, .36, 1)
}
.devices-benefits__arrow::before {
content: "";
width: .75rem;
height: .75rem;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff
}
.devices-benefits__arrow--prev::before {
-webkit-transform: rotate(135deg) translate(-2px, -2px);
-ms-transform: rotate(135deg) translate(-2px, -2px);
transform: rotate(135deg) translate(-2px, -2px)
}
.devices-benefits__arrow--next::before {
-webkit-transform: rotate(-45deg) translate(-2px, -2px);
-ms-transform: rotate(-45deg) translate(-2px, -2px);
transform: rotate(-45deg) translate(-2px, -2px)
}
.devices-benefits__arrow:active {
-webkit-transform: translateY(1px) scale(.98);
-ms-transform: translateY(1px) scale(.98);
transform: translateY(1px) scale(.98)
}
.devices-benefits__arrow.swiper-button-disabled {
opacity: .35;
pointer-events: none
}
.devices-benefits__slider {
overflow: visible
}
.devices-benefits__slide {
position: relative;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem;
min-height: 12.125rem;
padding: 1rem;
border: .03125rem solid #26668c;
border-radius: .625rem;
background: #def3f9;
overflow: hidden;
-webkit-transition: border-color .25s ease, background-color .25s ease, -webkit-transform .35s cubic-bezier(.22, 1, .36, 1), -webkit-box-shadow .35s cubic-bezier(.22, 1, .36, 1);
transition: border-color .25s ease, background-color .25s ease, -webkit-transform .35s cubic-bezier(.22, 1, .36, 1), -webkit-box-shadow .35s cubic-bezier(.22, 1, .36, 1);
transition: transform .35s cubic-bezier(.22, 1, .36, 1), border-color .25s ease, background-color .25s ease, box-shadow .35s cubic-bezier(.22, 1, .36, 1);
transition: transform .35s cubic-bezier(.22, 1, .36, 1), border-color .25s ease, background-color .25s ease, box-shadow .35s cubic-bezier(.22, 1, .36, 1), -webkit-transform .35s cubic-bezier(.22, 1, .36, 1), -webkit-box-shadow .35s cubic-bezier(.22, 1, .36, 1)
}
.devices-benefits__slide::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(105deg, transparent 42%, rgba(255, 255, 255, .5) 50%, transparent 58%);
-webkit-transform: translateX(-120%);
-ms-transform: translateX(-120%);
transform: translateX(-120%);
-webkit-transition: -webkit-transform .65s ease;
transition: -webkit-transform .65s ease;
transition: transform .65s ease;
transition: transform .65s ease, -webkit-transform .65s ease;
pointer-events: none
}
.devices-benefits__card-title {
position: relative;
z-index: 1;
color: #26668c;
font-weight: 500;
font-style: italic;
line-height: 1.2;
letter-spacing: -.02em;
-webkit-transition: color .25s ease;
transition: color .25s ease;
font-size: clamp(18px, .5555555556vw + 16px, 24px)
}
.devices-benefits__card-text {
position: relative;
z-index: 1;
color: #425460;
font-size: .875rem;
line-height: 1.3;
-webkit-transition: color .25s ease;
transition: color .25s ease
}
.devices-cta {
position: relative;
z-index: 2;
padding: 2rem 0 3rem
}
.devices-cta__grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem
}
.devices-cta__box {
border-radius: .625rem;
background: #55acbf;
color: #fff;
overflow: hidden
}
.devices-cta__box--form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem;
padding: 1rem;
min-height: 22.1875rem
}
.devices-cta__box--visual {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem;
min-height: 20.625rem;
padding: 1rem
}
.devices-cta__text {
font-size: .875rem;
line-height: 1.3
}
.devices-cta__btn {
margin-top: auto;
width: 100%
}
.devices-cta__visual {
border-radius: .625rem;
overflow: hidden;
aspect-ratio: 298/156
}
.devices-cta__visual img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.devices-cta__note {
font-weight: 500;
font-style: italic;
line-height: 1.2;
letter-spacing: -.02em;
font-size: clamp(18px, .5555555556vw + 16px, 24px)
}
.product-hero {
padding: 1rem 0 1.5rem
}
.product-hero__card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.25rem;
padding: 1rem;
border-radius: .625rem;
background: linear-gradient(55.23deg, #26668c 0, #55acbf 99.68%);
color: #fff;
overflow: hidden
}
.product-hero__content {
display: contents
}
.product-hero__title {
font-weight: 400;
letter-spacing: -.04em;
font-size: clamp(26px, calc(1.4815vw + 20.6667px), 42px);
}
.product-hero__title-line {
display: block
}
.product-hero__text {
font-size: 1.125rem;
line-height: 1.3;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.product-hero .anim-wrap:has(.product-hero__order) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.product-hero__order {
margin-top: auto;
width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.product-hero__media {
--hero-media-aspect: 608/446;
--hero-ref-w: 608;
--hero-ref-h: 446;
position: relative;
width: 100%;
aspect-ratio: var(--hero-media-aspect);
overflow: visible;
container-type: size;
container-name: product-hero-media
}
.product-hero__media-defs {
position: absolute;
width: 0;
height: 0;
overflow: hidden
}
.product-hero__media-shape {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
pointer-events: none
}
.product-hero__media-shape--mobile {
display: none
}
.product-hero__media-inner {
position: relative;
z-index: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
padding: 17.937% 3.289% 4.484% 3.289%;
clip-path: url(#product-hero-media-clip);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.product-hero__media-inner img {
width: auto;
height: auto;
max-width: 74.18%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
-webkit-transition: -webkit-transform .25s ease;
transition: -webkit-transform .25s ease;
transition: transform .25s ease;
transition: transform .25s ease, -webkit-transform .25s ease
}
.product-hero__stock {
position: absolute;
top: 3.587%;
left: 2.632%;
z-index: 2;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .5em;
color: #425460;
line-height: 1.3;
font-size: clamp(10px, .7407407407vw + 7.3333333333px, 18px)
}
.product-hero__stock::before {
content: "";
-ms-flex-negative: 0;
flex-shrink: 0;
width: .6666666667em;
height: .6666666667em;
background: #55acbf;
border-radius: 50%
}
.product-hero__stock-icon {
color: #55acbf
}
.product-hero__rating {
position: absolute;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
top: 0;
right: 0;
width: calc(171 / var(--hero-ref-w) * 100%);
gap: calc(10 / var(--hero-ref-w) * 100cqw);
padding-block: calc(8 / var(--hero-ref-h) * 100cqh);
padding-inline: calc(16 / var(--hero-ref-w) * 100cqw);
border-radius: calc(10 / var(--hero-ref-w) * 100cqw);
background: #edfbff
}
.product-hero__rating-label {
font-size: calc(12.5 / var(--hero-ref-w) * 100cqw);
font-weight: 500;
line-height: 1.2;
letter-spacing: -.02em;
text-transform: uppercase;
color: #26668c;
-ms-flex-negative: 0;
flex-shrink: 0;
font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif
}
.product-hero__rating-value {
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;
gap: calc(4 / var(--hero-ref-w) * 100cqw);
font-size: calc(20 / var(--hero-ref-w) * 100cqw);
font-weight: 700;
font-style: italic;
line-height: 1.2;
letter-spacing: -.02em;
text-transform: uppercase;
color: #26668c;
-ms-flex-negative: 0;
flex-shrink: 0;
font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif
}
.product-hero__rating-star {
-ms-flex-negative: 0;
flex-shrink: 0;
width: calc(32 / var(--hero-ref-w) * 100cqw);
height: calc(32 / var(--hero-ref-w) * 100cqw);
color: inherit
}
.product-hero__img {
position: relative;
width: 100%;
max-width: 20rem;
margin: 3rem auto 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.product-hero__img img {
display: block;
width: 100%;
height: auto;
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.product-detail {
padding: 0 0 2.5rem
}
.product-tabs {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: .625rem;
margin-bottom: 1.5rem
}
.product-tabs__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: .625rem;
width: 100%;
padding: .625rem .875rem;
border: .5px solid #26668c;
border-radius: 100px;
background: #def3f9;
color: #26668c;
font-weight: 500;
font-style: italic;
line-height: 1.2;
letter-spacing: -.02em;
cursor: pointer;
-webkit-transition: background-color .25s cubic-bezier(.22, 1, .36, 1), color .25s ease, border-color .25s ease, border-width .25s ease;
transition: background-color .25s cubic-bezier(.22, 1, .36, 1), color .25s ease, border-color .25s ease, border-width .25s ease;
font-size: clamp(18px, .5555555556vw + 16px, 24px)
}
.product-tabs__btn._active {
background: #55acbf;
border-color: #55acbf;
color: #fff
}
.product-tabs__btn._active .product-tabs__icon {
color: #fff
}
.product-tabs__icon {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #26668c
}
.product-tabs__icon .icon {
display: block;
width: 100%;
height: 100%
}
.product-panels {
width: 100%
}
.product-panel {
display: none
}
.product-panel._active {
display: block
}
.product-panel__inner {
margin: 0 auto
}
.product-panel__inner--description,
.product-panel__inner--ru {
max-width: 54.625rem
}
.product-panel__lead {
margin: 0 0 2.5rem;
font-family: Manrope, Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: 1.125rem;
line-height: 1.3;
color: #425460
}
.product-panel__content {
margin: 0 0 2.5rem;
font-family: Manrope, Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: 1.125rem;
line-height: 1.3;
color: #425460
}
.product-panel__content>:first-child {
margin-top: 0
}
.product-panel__content>:last-child {
margin-bottom: 0
}
.product-panel__content h2 {
margin: 0 0 1.25rem
}
.product-panel__content p:not(:last-child) {
margin-bottom: 1.25rem
}
.product-panel__content ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem;
margin: 0 0 2.5rem;
padding: 0;
list-style: none
}
.product-panel__content ul li {
position: relative;
padding-left: 1.9375rem;
font-weight: 500;
font-size: 1rem;
line-height: 1.3
}
.product-panel__content ul li::before {
content: "";
position: absolute;
left: .375rem;
top: .25rem;
width: .75rem;
height: .75rem;
border-radius: 50%;
background: #55acbf
}
.product-panel__heading {
margin: 0 0 2.5rem;
font-weight: 500;
font-style: italic;
line-height: 1.2;
letter-spacing: -.02em;
color: #26668c;
font-size: clamp(20px, .3703703704vw + 18.6666666667px, 24px)
}
.product-block {
margin-bottom: 2.5rem
}
.product-block__title {
margin: 0 0 1.25rem
}
.product-block__text {
margin: 0 0 1.25rem;
font-family: Manrope, Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: 1.125rem;
line-height: 1.3;
color: #425460
}
.product-block--allergens {
margin-bottom: 0
}
.product-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem
}
.product-list__item {
position: relative;
padding-left: 1.9375rem;
font-family: Manrope, Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 500;
font-size: 1rem;
line-height: 1.3;
color: #425460
}
.product-list__item::before {
content: "";
position: absolute;
left: .375rem;
top: .25rem;
width: .75rem;
height: .75rem;
border-radius: 50%;
background: #55acbf
}
.product-table-wrap {
overflow-x: auto;
max-width: 100%;
width: 100%;
border: 1px solid #55acbf;
border-radius: .625rem;
scrollbar-width: none
}
.product-table-wrap::-webkit-scrollbar {
display: none
}
.product-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
font-weight: 400;
font-size: .625rem;
line-height: 1.3;
color: #425460
}
.product-table__col-num {
width: 1.6875rem
}
.product-table__col-name {
width: 8.625rem
}
.product-table__col-allergen {
width: 6.4375rem
}
.product-table__col-code {
width: 4rem
}
.product-table thead {
background: #55acbf;
color: #fff
}
.product-table thead th {
height: 2.125rem;
padding: .625rem .6875rem;
font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
font-weight: 500;
font-style: italic;
font-size: .75rem;
line-height: 1.2;
letter-spacing: -.02em;
text-align: left;
vertical-align: middle;
border-right: 1px solid #55acbf
}
.product-table thead th:last-child {
border-right: none;
text-align: right;
padding-right: .75rem
}
.product-table tbody td {
padding: .625rem .6875rem;
border-top: 1px solid #55acbf;
border-right: 1px solid #55acbf;
vertical-align: middle
}
.product-table tbody td:last-child {
border-right: none;
text-align: left;
padding-right: .75rem
}
.product-table__foot {
display: none
}
.product-table__foot tr {
background: #fff
}
.product-table__foot td {
padding: .625rem .6875rem;
border-top: 1px solid #55acbf;
border-right: 1px solid #55acbf;
vertical-align: middle
}
.product-table__foot td:last-child {
border-right: none
}
.product-table__more {
font-weight: 600;
font-size: .6875rem;
line-height: 1.3;
color: #425460;
text-decoration: underline;
text-underline-offset: .125rem;
cursor: pointer;
-webkit-transition: color .2s ease;
transition: color .2s ease
}
.product-table--expanded .product-table__foot {
display: none
}
.product-spec {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.product-spec__row {
display: -ms-grid;
display: grid;
-ms-grid-columns: .75fr 1fr;
grid-template-columns: .75fr 1fr;
gap: .5rem;
border: 1px solid #55acbf;
border-radius: .625rem;
background: #def3f9;
font-size: .625rem;
padding: .625rem
}
.product-spec__row:not(:last-child) {
margin-bottom: -.0625rem
}
.product-spec__term {
font-weight: 600;
color: #26668c
}
.product-spec__value {
font-weight: 400;
line-height: 1.3;
color: #425460
}
.product-spec__link {
color: #425460;
text-decoration: underline;
text-underline-offset: .1875rem;
-webkit-transition: color .2s ease;
transition: color .2s ease;
font-weight: 600;
color: #26668c;
font-size: .875rem
}
.product-video {
position: relative;
display: block;
width: 100%;
max-width: 54.625rem;
margin: 0 auto;
padding: 0;
border: 1px solid #55acbf;
border-radius: .625rem;
overflow: hidden;
cursor: pointer;
background: #def3f9
}
.product-video__poster {
display: block;
width: 100%;
height: auto;
min-height: 13.75rem;
-o-object-fit: cover;
object-fit: cover;
vertical-align: top
}
.product-video__play {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #55acbf;
-webkit-filter: drop-shadow(0 .25rem 1.25rem rgba(38, 102, 140, .25));
filter: drop-shadow(0 .25rem 1.25rem rgba(38, 102, 140, .25));
pointer-events: none
}
.product-doc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 1.25rem;
width: 100%;
max-width: 54.625rem;
margin: 0 auto;
padding: 1rem;
border: .5px solid rgba(255, 255, 255, .6);
border-radius: .625rem;
background: #26668c;
color: #fff;
text-decoration: none;
-webkit-transition: background-color .25s ease;
transition: background-color .25s ease
}
.product-doc__main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem
}
.product-doc__preview {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 2.125rem;
height: 3.125rem;
border-radius: .125rem;
overflow: hidden
}
.product-doc__preview img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.product-doc__name {
font-weight: 500;
font-style: italic;
line-height: 1.2;
letter-spacing: -.02em;
font-size: clamp(18px, .5555555556vw + 16px, 24px)
}
.product-doc__size {
font-weight: 400;
line-height: 1.2;
letter-spacing: -.02em;
font-size: clamp(18px, .5555555556vw + 16px, 24px)
}
.product-doc__icon {
-ms-flex-negative: 0;
flex-shrink: 0;
color: #fff
}
@media (min-width:575.98px) {
._container {
-webkit-box-sizing: content-box;
box-sizing: content-box;
max-width: 33.75rem
}
span.tag {
padding: .5rem 1.0625rem;
font-size: 1.25rem
}
.tooltip-float {
font-size: 1rem;
padding: .875rem 1.125rem
}
.footer__docs {
margin-top: 0
}
.hero__actions {
max-width: 20.75rem
}
.news__btn {
max-width: 20.75rem
}
.contacts-info__body {
gap: 1.375rem
}
.blog-tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.blog-tabs__btn {
min-width: 0;
max-width: 10.0625rem;
-webkit-box-flex: 1;
-ms-flex: 1 1 calc(50% - .3125rem);
flex: 1 1 calc(50% - .3125rem)
}
}
@media (min-width:767.98px) {
._container {
max-width: 39rem
}
.form__row {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.form__control {
padding: 1.25rem;
font-size: 1.125rem;
min-height: 3.875rem
}
.form__control:is(textarea) {
min-height: 8.5625rem
}
.form__submit:not(.wpcf7-submit):not(:has(.wpcf7-form-control-wrap)) {
margin-top: 0;
min-height: 3.75rem;
font-size: 1.25rem
}
.form-field {
padding: 1.25rem;
font-size: 1.125rem;
min-height: 3.875rem
}
.wpcf7-form .form__submit:has(.wpcf7-form-control-wrap),
.wpcf7-form label.form__submit {
margin-top: 0;
min-height: 3.75rem;
font-size: 1.25rem
}
.wpcf7-form .wpcf7-form-control-wrap:has(.wpcf7-submit):not(label.form__submit.wpcf7-form-control-wrap):not(.form__submit.wpcf7-form-control-wrap) {
margin-top: 0;
min-height: 3.75rem;
font-size: 1.25rem
}
.f-button.is-close-button {
top: .875rem;
right: .875rem
}
.popup-modal__partner {
-ms-flex-preferred-size: calc((100% - 1.25rem)/ 3);
flex-basis: calc((100% - 1.25rem)/ 3)
}
.popup-modal--consult {
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/modal-consult-decor.webp) 0 0/cover no-repeat, linear-gradient(61deg, #26668c 0, #55acbf 99.68%)
}
.fancybox__container.fancybox-video .fancybox__slide {
padding: 1.5rem
}
.fancybox__container.fancybox-video .fancybox__slide.has-html {
padding: 1.5rem
}
.heading__main {
display: block
}
.heading__cta {
margin-top: 0;
width: 26.625rem
}
.heading__tags {
margin-top: 1rem
}
.heading__tag {
padding: .375rem 1.1875rem;
font-size: 1rem
}
.hero {
min-height: 47.5rem;
padding: 6.25rem 0 3.5rem;
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/home/hero-bg.webp) center/cover no-repeat, linear-gradient(62.34deg, #26668c 0, #55acbf 99.68%)
}
.hero__cards {
padding-top: .5rem;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.catalog-teaser__container::before {
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/decor-bg.svg) 67% 10%/auto no-repeat
}
.pick {
padding: 2.625rem 0
}
.pick__tags {
gap: 1.25rem
}
.choose__footer {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 2.25rem
}
.choose__nav {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
gap: 1.25rem
}
.choose__btn {
max-width: 20.75rem;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 26.625rem;
max-width: none;
min-height: 60px
}
.choose--related .choose__footer {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.partners__slider {
margin-top: 2rem
}
.request__box::before {
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/request-decor.webp) 0 0/cover no-repeat
}
.news__container::before {
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/decor-bg.svg) 67% 10%/auto no-repeat
}
.contacts-info__body::before {
width: 49.75rem
}
.blog-recent__list {
gap: 1.75rem;
margin-top: 2rem
}
.catalog__main {
padding: 2.5rem 2.5rem 7.5rem
}
.product-tabs__icon {
width: 1.25rem;
height: 1.25rem
}
.product-table {
font-size: 1rem
}
.product-table__col-num {
width: 5.6875rem
}
.product-table__col-name {
width: 22.1875rem
}
.product-table__col-allergen {
width: 19.6875rem
}
.product-table__col-code {
width: 7.0625rem
}
.product-table thead th {
height: 3.75rem;
padding: 1rem 1.3125rem;
font-size: 1.5rem
}
.product-table thead th:first-child {
padding-left: 2rem
}
.product-table thead th:last-child {
padding-right: 2rem
}
.product-table tbody td {
padding: .75rem 1.3125rem
}
.product-table tbody td:first-child {
padding-left: 2rem
}
.product-table tbody td:last-child {
padding-right: 2rem
}
.product-spec__row {
padding: 1.1875rem;
font-size: 1.125rem;
-ms-grid-columns: minmax(12.5rem, 18.4375rem) 1fr;
grid-template-columns: minmax(12.5rem, 18.4375rem) 1fr;
gap: 1.25rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start
}
.product-spec__link {
font-size: 1.125rem
}
.product-doc__main {
gap: 1rem 3.75rem
}
.product-doc__preview {
width: 3rem;
height: 4.375rem
}
}
@media screen and (min-width:783px) {
.admin-bar .main:not(.main--home) {
padding-top: calc(3.5rem + 32px)
}
}
@media (min-width:991.98px) {
._container {
max-width: 60rem
}
.main:not(.main--home) {
padding-top: 5rem
}
.admin-bar .main:not(.main--home) {
padding-top: calc(5rem + 32px)
}
.tag--white {
height: 2.5rem;
padding: .625rem 1rem;
font-size: 1.25rem
}
.typography-block h1 {
margin-bottom: 2.5rem
}
.typography-block .gallery.gallery-columns-4 {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr)
}
.typography-block .gallery.gallery-columns-2 .gallery-item {
aspect-ratio: auto;
min-height: 27.0625rem
}
.popup-modal__layout {
-ms-grid-columns: 1.1fr .9fr;
grid-template-columns: 1.1fr .9fr;
gap: 2rem
}
.popup-modal__layout--reverse {
-ms-grid-columns: .9fr 1.1fr;
grid-template-columns: .9fr 1.1fr
}
.popup-modal__visual {
display: block
}
.popup-modal__media {
margin-bottom: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.popup-modal__media img {
max-width: 20.4375rem
}
.popup-modal__partner {
-ms-flex-preferred-size: calc((100% - 2.5rem)/ 5);
flex-basis: calc((100% - 2.5rem)/ 5)
}
.news-card {
min-height: 17.3125rem
}
.news-card__media {
border-radius: .625rem 0 0 .625rem;
width: 18.4375rem
}
.news-card__img {
min-height: 17.3125rem
}
.news-card__body {
padding: 1.25rem;
gap: .625rem
}
.news-card__date {
padding: .625rem;
border-radius: .625rem;
font-size: 1.125rem;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px)
}
.news-card__text {
gap: .625rem
}
.news-card__title {
font-size: 1.5rem;
letter-spacing: -.02em
}
.news-card__excerpt {
font-size: 1rem;
-webkit-line-clamp: 3
}
.news-card__more {
font-size: 1.5rem;
letter-spacing: -.02em
}
.news-card__more-icon {
width: 1.75rem;
height: 1.75rem
}
.news-card--feed .news-card__body {
padding: 1.25rem;
gap: 1.25rem
}
.news-card--feed .news-card__date.news-card__date--pill {
padding: .25rem .625rem;
border-radius: 3.125rem;
font-size: .75rem
}
.accordion__header {
padding: .625rem 1.25rem;
min-height: 5.125rem
}
.accordion__item._active .accordion__header {
padding: .75rem 1.25rem 0
}
.accordion__question {
max-width: 34.625rem;
font-size: 1.5rem
}
.accordion__chevron {
width: 2rem;
height: 2rem
}
.accordion__answer {
padding: 0 1.25rem .75rem;
font-size: 1.125rem;
max-width: 33.375rem
}
.accordion__item._active .accordion__answer {
padding-top: 1.25rem
}
.tooltip-float--mint {
padding: 1.25rem;
font-size: 1.125rem
}
.contacts-card.contacts-card--legal .contacts-card__body {
font-size: 1rem
}
.contacts-card__wrapper {
gap: 1.25rem;
min-height: 12rem;
padding: 1.25rem
}
.contacts-card__icon {
width: 2.75rem;
height: 2.75rem;
padding: .625rem;
border-radius: .625rem
}
.contacts-card__icon .icon {
width: 1.375rem;
height: 1.375rem
}
.contacts-card__body {
font-size: 1rem
}
.contacts-card__link+.contacts-card__link {
margin-top: 0
}
.contacts-card--email .contacts-card__link,
.contacts-card--phone .contacts-card__link {
font-size: 1.25rem
}
.contacts-card--address .contacts-card__body,
.contacts-card--legal .contacts-card__body {
font-size: 1.25rem
}
.heading {
padding: 1.5rem 0 3rem
}
.heading.heading--catalog {
padding-bottom: 5.5rem
}
.heading.heading--devices {
padding: .5rem 0 3rem
}
.heading.heading--devices .heading__grid {
-ms-grid-columns: 1.875fr 1fr;
grid-template-columns: 1.875fr 1fr
}
.heading.heading--devices .heading__main {
max-width: 54.5625rem
}
.heading.heading--devices .heading__text {
font-size: 1.125rem;
max-width: 26.625rem
}
.heading.heading--devices .heading__actions {
margin-top: 2.3rem
}
.heading.heading--blog {
padding-bottom: 3.375rem
}
.heading.heading--blog .heading__aside {
padding-top: 0;
max-width: 100%
}
.heading.heading--blog .heading__text {
max-width: 100%
}
.heading.heading--contacts {
padding: 2rem 0 1.5rem
}
.heading.heading--contacts .heading__aside {
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: 0
}
.heading__point {
width: .75rem;
height: .75rem
}
.heading__point:nth-child(1) {
top: .5rem;
left: .25rem
}
.heading__point:nth-child(2) {
top: .5rem;
right: .25rem
}
.heading__point:nth-child(3) {
left: .25rem;
bottom: .5rem
}
.heading__point:nth-child(4) {
bottom: .5rem;
right: .25rem
}
.heading__grid {
margin-top: 1rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1.25fr 1fr;
grid-template-columns: 1.25fr 1fr;
gap: 2.5rem
}
.heading__actions {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: .625rem;
margin-top: 1.5rem;
max-width: 43.125rem
}
.heading__btn {
-webkit-box-flex: 1;
-ms-flex: 1 1 21.25rem;
flex: 1 1 21.25rem;
max-width: 21.25rem
}
.heading__text {
font-size: 1.125rem
}
.heading__aside {
padding-top: .5rem
}
.heading__aside .heading__text {
text-align: left
}
.heading__tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 3.375rem;
gap: 1.25rem
}
.heading__product-wrapper {
width: 8.75rem
}
.header__bar {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
min-height: 60px;
padding: .625rem 0
}
.header__toggle {
display: none
}
.header__phones {
margin-left: auto
}
.icon-menu {
display: none
}
.footer {
padding-top: 1.25rem;
padding-bottom: 1.875rem;
background: linear-gradient(157.64deg, #26668c 0, #55acbf 100%)
}
.footer__container {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1px 1fr;
grid-template-columns: 1fr 1px 1fr;
-webkit-column-gap: 2.5rem;
-moz-column-gap: 2.5rem;
column-gap: 2.5rem;
row-gap: 3.5rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start
}
.footer__brand-row {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-right: .375rem;
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
max-width: 38.75rem
}
.footer__logo img {
width: 8.8125rem;
height: 2.4375rem
}
.footer__nav {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 1;
grid-row: 1;
margin-top: .625rem;
max-width: 38.6875rem;
-ms-grid-column-align: end;
justify-self: end;
width: 100%
}
.footer__divider {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row-span: 2;
grid-row: span 2;
width: 1px;
-ms-grid-row-align: stretch;
align-self: stretch;
margin-top: -1.25rem;
margin-bottom: -1.875rem
}
.footer__docs {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 2;
grid-row: 2;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 1.125rem;
max-width: 38.75rem
}
.footer__meta {
-ms-grid-column: 3;
grid-column: 3;
-ms-grid-row: 2;
grid-row: 2;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 2.5rem;
margin-top: 0;
max-width: 38.75rem;
-ms-grid-column-align: end;
justify-self: end
}
.footer__copy {
text-align: left
}
.section-head--row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 2rem
}
.section-head__aside {
padding-top: .5rem
}
.hero__actions {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1.25rem;
max-width: none
}
.hero__btn {
-webkit-box-flex: 0;
-ms-flex: 0 1 21.25rem;
flex: 0 1 21.25rem;
min-height: 60px
}
.audience {
padding: 6.25rem 0 3.5rem
}
.audience__head {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
row-gap: 1rem;
margin-bottom: 2rem
}
.audience__intro {
max-width: 42.1875rem
}
.audience__tag {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.audience__photo {
margin-top: 0;
width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.audience__scene {
min-height: 29.8125rem;
margin-top: .5rem
}
.audience__molecules {
position: absolute;
left: 25.3%;
top: 0;
width: min(56%, 33.0625rem);
max-width: 33.0625rem;
-webkit-transform: translate3d(calc(var(--mx, 0) + var(--scroll-x, 0)), calc(var(--my, 0) + var(--scroll-y, 0)), 0) rotate(var(--mrotate, 0deg));
transform: translate3d(calc(var(--mx, 0) + var(--scroll-x, 0)), calc(var(--my, 0) + var(--scroll-y, 0)), 0) rotate(var(--mrotate, 0deg))
}
.audience__cards {
min-height: 29.8125rem
}
.audience__card-wrap {
max-width: 20.6875rem;
width: 100%
}
.audience__card-wrap:nth-child(1) {
left: 0;
top: 2.375rem
}
.audience__card-wrap:nth-child(2) {
left: 45.7%;
top: 1.875rem;
right: auto;
max-width: 25rem
}
.audience__card-wrap:nth-child(3) {
left: auto;
top: 13.1875rem;
max-width: 24.5rem
}
.audience__card-wrap:nth-child(4) {
left: 8.34%;
right: auto;
top: 17.5rem
}
.audience__card-wrap:nth-child(5) {
left: 43.4%;
top: 20.5rem;
right: auto
}
.audience__card {
gap: 1.25rem;
padding: .75rem 1.25rem
}
.catalog-teaser {
padding: 2.625rem 0 4rem
}
.catalog-teaser__head {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.catalog-teaser__tag {
margin-top: .875rem;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.catalog-teaser__text {
max-width: 36.5rem
}
.catalog-teaser__btn {
min-height: 60px
}
.pick__text {
max-width: 37.5rem
}
.pick__list {
margin-top: 1.25rem;
gap: 1.25rem
}
.pick__videos {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
gap: 1.25rem;
margin-top: 2.6875rem
}
.pick__video-media {
aspect-ratio: 650/382
}
.pick__play {
width: 6.3125rem;
height: 6.3125rem;
padding: 1.25rem 1.25rem 1.25rem 1.5rem;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px)
}
.pick__play img,
.pick__play svg {
width: 2.375rem;
height: 3.8125rem
}
.pick__caption {
min-height: 4.125rem;
padding: .5625rem;
border-width: 1px;
border-radius: .625rem;
font-size: 1.125rem;
line-height: 1.3;
letter-spacing: -.02em
}
.panels {
padding: 3.5rem 0 4.625rem
}
.panels__head {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
row-gap: 1rem;
margin-bottom: 2.5rem
}
.panels__tag {
margin-top: .75rem;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.panels__intro {
max-width: 58rem
}
.panels__list {
gap: 1.25rem
}
.panels__item._active {
padding: 1.25rem
}
.panels__chevron {
width: 2rem;
height: 2rem
}
.panels__content {
gap: 1.25rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.panels__desc {
-webkit-box-flex: 0;
-ms-flex: 0 0 25.8125rem;
flex: 0 0 25.8125rem;
max-width: 25.8125rem
}
.panels__img {
width: 50%
}
.panels__more {
-webkit-box-flex: 0;
-ms-flex: 0 0 26.625rem;
flex: 0 0 26.625rem;
width: 26.625rem;
min-height: 60px;
-ms-flex-item-align: start;
align-self: flex-start
}
.panels__footer-btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 26.625rem;
min-height: 60px
}
.choose {
border-radius: 1.25rem
}
.choose__container {
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.choose__note {
padding-top: .25rem
}
.choose__slider {
margin-top: 2.5rem
}
.choose__card {
min-height: 16rem;
padding: 1.25rem
}
.choose__card-text {
min-height: 13.5rem;
max-width: 23.5rem
}
.choose__card-media {
-webkit-box-flex: 0;
-ms-flex: 0 0 13.375rem;
flex: 0 0 13.375rem;
width: 13.375rem;
height: 100%
}
.choose__card-img {
position: absolute;
top: 0;
left: -2.375rem;
width: 18.125rem;
height: 100%
}
.choose__card-img--respiratory {
left: -2.375rem;
width: 18.125rem
}
.choose__arrow {
width: 3.75rem;
height: 3.75rem;
border-width: 1px
}
.choose__arrow svg {
width: 2rem;
height: 2rem
}
.choose--related {
margin-top: 3rem;
margin-bottom: 4.5rem
}
.choose--related .choose__head {
margin-bottom: 3rem
}
.equipment {
padding: 4.75rem 0
}
.equipment__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
row-gap: 1rem;
margin-bottom: 1.75rem;
padding-right: 1rem
}
.equipment__tag {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
margin-top: .55rem;
-ms-grid-column-align: end;
justify-self: end;
min-height: 2.5rem;
padding: .625rem 1rem
}
.equipment__intro {
max-width: 54.625rem
}
.equipment__title {
max-width: 46.25rem
}
.equipment__grid {
margin-top: 2.5rem;
gap: 1.25rem
}
.equipment__card-link {
padding: 1.25rem
}
.equipment__card-name {
min-height: 3.375rem;
font-size: 1.5rem;
letter-spacing: -.02em
}
.equipment__card-name--long {
font-size: 1.25rem;
letter-spacing: -.02em
}
.equipment__card-media {
margin-top: 1rem;
border-radius: .625rem;
aspect-ratio: 295/208
}
.equipment__card-text {
margin: 1.25rem 0 0
}
.equipment__footer {
margin-top: 2.25rem
}
.equipment__btn {
width: 26.625rem;
min-height: 60px
}
.equipment--related {
padding: 3rem 0 4.5rem
}
.equipment--related .equipment__head {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 3rem
}
.equipment--related .equipment__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.equipment--related .equipment__slider {
overflow: hidden
}
.process {
padding: 2.5rem 0
}
.process__head {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr auto;
grid-template-columns: 1fr auto;
-ms-grid-rows: auto;
grid-template-rows: auto;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
row-gap: 1rem;
margin-bottom: 1.75rem
}
.process__tag {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1;
-ms-grid-column-align: end;
justify-self: end;
min-height: 2.5rem;
padding: .625rem 1rem;
font-size: 1.25rem
}
.process__intro {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
max-width: 61.5625rem
}
.process__grid.swiper-wrapper {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 1.25rem;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important
}
.process__slide.swiper-slide {
width: auto !important;
margin: 0 !important
}
.process__card {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.25rem;
padding: 1.25rem
}
.process__step {
min-height: 0;
font-size: 2rem
}
.process__card-title {
font-size: 1.5rem
}
.process__card-title--split {
display: block
}
.process__card-title--split span {
display: inline
}
.process__card-title--split span:not(:last-child)::after {
content: none
}
.process__card-desc {
font-size: 1.125rem
}
.process__media {
width: 12.5rem;
height: 100%
}
.partners {
padding: 3.25rem 0
}
.partners__head {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 1.25rem 2rem;
margin-bottom: 1.75rem;
gap: 1.25rem
}
.partners__desc {
gap: 1.25rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.partners__footer {
margin-top: 2.25rem
}
.partners__btn {
width: 26.625rem;
min-height: 60px
}
.partners__title {
max-width: 44.25rem
}
.partners__text {
grid-area: text;
max-width: 39.375rem
}
.partners__note {
max-width: 40.625rem
}
.partners__card {
height: auto;
min-height: 5.6875rem
}
.partners__logo-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 9.4375rem;
flex: 0 0 9.4375rem;
height: 4.1875rem;
max-width: 9.4375rem
}
.partners__logo-wrap--invitro .partners__logo {
max-height: 2.6875rem
}
.partners__logo-wrap--helix .partners__logo {
max-width: 7.875rem;
max-height: 3.25rem
}
.partners__logo-wrap--kdl .partners__logo {
max-width: 7.375rem;
max-height: 4.1875rem
}
.docs {
padding: 3rem 0
}
.docs__head {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr auto;
grid-template-columns: 1fr auto;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
row-gap: .625rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
margin-bottom: 1.75rem
}
.docs__intro {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-row: 1/3;
gap: .625rem;
max-width: 60.9375rem
}
.docs__title {
max-width: 56.25rem
}
.docs__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1;
-ms-grid-row-align: start;
align-self: start;
margin-top: .625rem
}
.docs__card {
padding: 1.25rem;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px)
}
.docs__caption {
max-width: 17.25rem
}
.request {
padding: 3rem 0
}
.request__box {
border-radius: 1.25rem;
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.request--plain .request__note {
margin-top: 3rem
}
.request--plain .request__note-icon {
width: 5.75rem;
height: 5.75rem;
border-radius: .625rem
}
.request--plain .request__note-icon-svg {
width: 3.125rem;
height: 3.125rem
}
.request__grid {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
-webkit-column-gap: 1.3125rem;
-moz-column-gap: 1.3125rem;
column-gap: 1.3125rem;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
min-height: 33.125rem
}
.request__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 2.5rem;
min-height: 100%
}
.request__note {
font-size: 1.5rem
}
.request__form-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 1.25rem
}
.request__lead {
font-size: 1.125rem
}
.request__form {
margin-top: 0
}
.about {
padding: 3rem 0
}
.about__layout {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
-webkit-column-gap: 1.625rem;
-moz-column-gap: 1.625rem;
column-gap: 1.625rem;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.about__main {
gap: 0
}
.about__head {
gap: 1.625rem
}
.about__tag {
height: 2.5rem;
padding: .625rem 1rem;
font-size: 1.25rem;
letter-spacing: -.02em
}
.about__logo-wrap {
width: 15.875rem
}
.about__concept {
max-width: 40.5rem;
margin-top: 2.5rem
}
.about__concept-title {
font-size: 1.5rem;
letter-spacing: -.02em
}
.about__concept-footer,
.about__concept-lead {
font-size: 1rem
}
.about__list {
gap: .75rem
}
.about__list li {
font-size: 1rem
}
.about__aside {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 0;
max-width: 40.5rem;
-ms-grid-column-align: end;
justify-self: end;
width: 100%
}
.about__lead {
font-size: 1.5rem;
margin-top: 3.5rem;
letter-spacing: -.02em
}
.about__body {
gap: 1.0625rem;
font-size: 1.125rem;
max-width: 39.4375rem
}
.benefits {
padding: 4.25rem 0 2.875rem
}
.benefits__head {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: .625rem 1.5rem;
margin-bottom: 2.5rem
}
.benefits__tag {
margin-top: .3125rem
}
.benefits__body {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
gap: .625rem
}
.benefits__grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
-ms-grid-column-span: 2;
grid-column: span 2;
gap: 1.25rem
}
.benefits__brand {
padding-left: .5rem;
gap: 1.25rem
}
.benefits__text {
font-size: 1.125rem;
max-width: 24.5rem
}
.benefits__card {
min-height: 10.8125rem
}
.benefits__card-wrapper {
padding: 1.25rem
}
.benefits__num {
width: 2.25rem;
height: 2.25rem;
font-size: 1.5rem
}
.benefits__info-icon {
width: 2.25rem;
height: 2.25rem
}
.faq {
padding: 2.25rem 0
}
.faq:last-child {
padding-bottom: 7.5rem
}
.faq__head {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 1.5rem;
margin-bottom: 2.5rem
}
.faq__tag {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-top: .625rem
}
.faq__columns {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr
}
.contacts {
padding: 3rem 0
}
.contacts__box {
padding: 2.5rem;
border-radius: 1.25rem
}
.contacts__hero {
display: -ms-grid;
display: grid;
-ms-grid-columns: 38.125rem 24.1875rem;
grid-template-columns: 38.125rem 24.1875rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
margin-bottom: 2.0625rem
}
.contacts__text {
font-size: 1.125rem
}
.contacts__photo {
height: 16.3125rem
}
.contacts__main {
-ms-grid-columns: minmax(0, 40.625rem) 1fr;
grid-template-columns: minmax(0, 40.625rem) 1fr;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start
}
.contacts__cards {
gap: 1.25rem
}
.contacts__map {
height: 25.25rem
}
.news {
padding: 3rem 0 4.5rem
}
.news__head {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: .625rem 2rem;
margin-bottom: 2.5rem
}
.news__tag {
margin-top: 1rem
}
.news__title {
grid-area: title;
max-width: 60.3125rem
}
.news__text {
grid-area: text;
max-width: 60.3125rem
}
.news__footer {
margin-top: 2.5rem
}
.news__btn {
width: auto;
min-width: 26.625rem;
max-width: none;
min-height: 3.75rem;
font-size: 1.25rem;
padding-left: 2rem;
padding-right: 2rem
}
.not-found {
padding: 1.25rem 0 6.25rem
}
.not-found__head {
max-width: none
}
.not-found__visual {
margin-top: .75rem
}
.not-found__actions {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.25rem;
margin-top: 2.8125rem
}
.not-found__btn {
width: 26.625rem;
min-height: 60px
}
.contacts-order {
padding: 1.25rem 0
}
.contacts-order__grid {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 1.25rem;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.contacts-order__form {
padding: 2.5rem 2.5625rem;
border-radius: 1.25rem;
min-height: 26.9375rem
}
.contacts-order__map {
min-height: 26.9375rem;
height: auto
}
.contacts-info__body {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr)
}
.contacts-info__body::before {
right: 0;
left: auto;
-webkit-transform: translate3d(calc(var(--mx) + var(--scroll-x)), calc(var(--my) + var(--scroll-y)), 0) rotate(var(--mrotate));
transform: translate3d(calc(var(--mx) + var(--scroll-x)), calc(var(--my) + var(--scroll-y)), 0) rotate(var(--mrotate))
}
.contacts-info__head {
margin-bottom: 0;
gap: .875rem;
-ms-grid-column-span: 4;
grid-column: span 4
}
.contacts-info .contacts-card:nth-child(n+2) {
grid-column: auto;
grid-row: auto
}
.blog-hero {
padding: 0 0 2.25rem
}
.blog-hero__layout {
-ms-grid-columns: 1fr 25.4375rem;
grid-template-columns: 1fr 25.4375rem;
gap: 2.5rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start
}
.blog-featured__date {
top: 1rem;
left: 1rem;
padding: .625rem;
border-radius: .625rem;
font-size: 1.125rem
}
.blog-featured__caption {
right: 1.25rem;
bottom: 1.25rem;
left: 1.25rem;
padding: 1.1875rem;
border-radius: .625rem;
border-width: 1px
}
.blog-recent__link {
gap: 1.25rem
}
.blog-recent__thumb {
width: 6.5rem;
height: 6.5rem
}
.blog-recent__body {
min-height: 6.5rem
}
.blog-recent__title {
font-size: 1.125rem
}
.blog-recent__date {
font-size: .75rem
}
.blog-feed {
padding: 0 0 4.5rem
}
.blog-feed__container {
gap: 2.75rem
}
.blog-tabs {
gap: 1.25rem
}
.blog-tabs__btn {
max-width: 19.6875rem;
width: 100%;
padding: .75rem 1.25rem;
font-size: 1.5rem;
letter-spacing: -.02em
}
.blog-tabs__icon {
width: 2rem;
height: 2rem
}
.blog-grid {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.article {
padding: 2.5rem 0 3rem
}
.article__layout {
-ms-grid-columns: 1fr 2.3125rem 25.4375rem;
grid-template-columns: 1fr 25.4375rem;
-ms-grid-rows: auto 2.5rem auto;
grid-template-areas: "header hero" "content aside";
-webkit-column-gap: 2.3125rem;
-moz-column-gap: 2.3125rem;
column-gap: 2.3125rem;
row-gap: 2.5rem
}
.article__header {
grid-area: header;
gap: 1.25rem
}
.article__hero {
grid-area: hero;
-ms-grid-row-align: start;
align-self: start;
height: 26.25rem
}
.article__hero-img {
width: 100%;
height: 100%;
aspect-ratio: auto
}
.article__body {
grid-area: content
}
.article__body.typography-block::after {
content: "";
display: table;
clear: both
}
.article__body.typography-block h2:not(:first-child) {
clear: both
}
.article__body.typography-block ol>li::before {
width: 1.875rem;
height: 1.875rem;
min-width: 1.875rem;
font-size: 1.5rem
}
.article__body.typography-block>.wp-block-image,
.article__body.typography-block>figure,
.article__body.typography-block>p.article__image-paragraph {
float: left;
width: 25.4375rem;
max-width: 45%;
margin: 1.25rem 1.5rem 1.25rem 0
}
.article__body.typography-block>.wp-block-image.aligncenter,
.article__body.typography-block>.wp-block-image.alignfull,
.article__body.typography-block>.wp-block-image.alignwide,
.article__body.typography-block>figure.aligncenter,
.article__body.typography-block>figure.alignfull,
.article__body.typography-block>figure.alignwide {
float: none;
width: 100%;
max-width: none;
margin: 1.25rem 0 0
}
.article__body.typography-block>.article__gallery,
.article__body.typography-block>.gallery,
.article__body.typography-block>.wp-block-columns,
.article__body.typography-block>.wp-block-gallery {
clear: both
}
.article__gallery.gallery-columns-4 {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr)
}
.article__gallery--duo .gallery-item,
.article__gallery--duo figure,
.article__gallery.gallery-columns-2 .gallery-item,
.article__gallery.gallery-columns-2 figure {
aspect-ratio: auto;
min-height: 27.0625rem
}
.article__aside {
display: block;
grid-area: aside;
-ms-grid-row-align: start;
align-self: start;
position: sticky;
top: 5rem
}
.article-more {
padding: 2.5rem 0 4.5rem
}
.article-more__title {
margin-bottom: 1.75rem
}
.catalog {
padding: 1.875rem 0 4rem
}
.catalog__container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 0
}
.catalog__main {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: auto;
padding: 2.5rem 15.5rem 2.5rem 2.5rem
}
.catalog__btn {
margin-top: .625rem;
max-width: 26.5rem;
width: 100%
}
.catalog__side {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.catalog__gallery {
margin-top: 4.12rem;
margin-left: -13rem;
padding: 0;
gap: 1.25rem
}
.catalog__gallery-decor {
top: -6rem;
bottom: auto;
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/catalog-decor.svg) center/contain no-repeat
}
.catalog__product {
border-radius: .625rem;
padding: 1.5rem .5rem;
width: 16rem
}
.catalog--reverse .catalog__container {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.catalog--reverse .catalog__main {
padding: 2.5rem 2.5rem 2.5rem 15.5rem
}
.catalog--reverse .catalog__info {
margin-left: auto;
max-width: 33.5rem
}
.catalog--reverse .catalog__side {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.catalog--reverse .catalog__gallery {
margin-left: 0;
margin-right: -13rem
}
.catalog--reverse .catalog__gallery-decor {
left: auto;
right: 0;
-webkit-transform: scaleX(-1) translate3d(calc(var(--mx, 0) + var(--scroll-x, 0)), calc(var(--my, 0) + var(--scroll-y, 0)), 0) rotate(var(--mrotate, 0deg));
transform: scaleX(-1) translate3d(calc(var(--mx, 0) + var(--scroll-x, 0)), calc(var(--my, 0) + var(--scroll-y, 0)), 0) rotate(var(--mrotate, 0deg))
}
.category {
padding: 3.25rem 0 2.5rem
}
.category__grid {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 2.5rem 1.25rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start
}
.category__item--wide {
-ms-grid-column: 1;
grid-column: 1
}
.category__card {
min-height: 23.375rem;
padding: 1.25rem;
padding-bottom: 3.75rem
}
.category__text {
font-size: 1.125rem
}
.category__actions {
width: 19.6875rem
}
.category__media {
width: 18.4375rem;
height: 16.3125rem
}
.category__btn {
min-height: 60px
}
.devices-work {
padding: 4rem 0 2.5rem
}
.devices-work__head {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 2.5rem
}
.devices-work__tag {
margin-top: .5rem
}
.devices-work__body {
margin-top: 0;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end
}
.devices-work__intro {
position: relative;
padding-top: 3.5rem
}
.devices-work__text {
font-size: 1.125rem;
max-width: 37.6875rem
}
.devices-work__more {
display: none
}
.devices-work__gallery {
gap: 1.25rem
}
.devices-work__photo {
aspect-ratio: 315/293
}
.devices-benefits {
padding: 3.5rem 0 5rem
}
.devices-benefits__container::before {
width: 51.875rem
}
.devices-benefits__head {
margin-bottom: 2.5rem
}
.devices-benefits__slider {
overflow: hidden
}
.devices-benefits__slide {
min-height: 12.5rem;
padding: 1.25rem
}
.devices-benefits__card-text {
font-size: 1.125rem
}
.devices-cta {
padding: 3rem 0 4.5rem
}
.devices-cta__grid {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 1.25rem
}
.devices-cta__box--form {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 32.875rem;
padding: 2.5rem
}
.devices-cta__box--visual {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 32.875rem;
padding: 2.5rem
}
.devices-cta__text {
font-size: 1.125rem;
max-width: 35.625rem
}
.devices-cta__btn {
max-width: 26.625rem
}
.devices-cta__visual {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
max-height: 18.625rem;
aspect-ratio: auto
}
.product-hero {
padding: 2.5rem 0 2rem
}
.product-hero__card {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 2.5rem;
min-height: 32.875rem;
padding: 2.5rem;
overflow: visible
}
.product-hero__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: .625rem;
-webkit-box-flex: 0;
-ms-flex: 0 1 22.5rem;
flex: 0 1 22.5rem;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.product-hero__order {
max-width: 21.25rem;
margin-top: 1.5rem
}
.product-hero__visual {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: start;
align-self: flex-start
}
.product-hero__media {
max-width: 38rem
}
.product-hero__stock {
top: 4.484%;
left: 3.289%
}
.product-hero__img {
max-width: 28.1875rem;
max-height: 100%
}
.product-detail {
padding-bottom: 3.5rem
}
.product-tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1.25rem;
margin-bottom: 2.5rem
}
.product-tabs__btn {
-webkit-box-flex: 0;
-ms-flex: 0 0 19.6875rem;
flex: 0 0 19.6875rem;
max-width: 19.6875rem;
padding: .75rem 1.25rem
}
.product-video__poster {
min-height: 30.75rem
}
.product-doc {
padding: 1.25rem 2.5rem
}
}
@media (min-width:991.98px) {
.article__header {
-ms-grid-row: 1;
-ms-grid-column: 1
}
.article__hero {
-ms-grid-row: 1;
-ms-grid-column: 3
}
.article__body {
-ms-grid-row: 3;
-ms-grid-column: 1
}
.article__aside {
-ms-grid-row: 3;
-ms-grid-column: 3
}
}
@media (prefers-reduced-motion:reduce) and (min-width:991.98px) {
.audience__molecules {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.contacts-info__body::before {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
@media (min-width:991.98px) and (prefers-reduced-motion:reduce) {
.catalog--reverse .catalog__gallery-decor {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1)
}
}
@media (min-width:1199.98px) {
._container {
max-width: 71.25rem
}
.popup-modal__photo {
position: absolute;
width: 11.375rem;
height: 10.5625rem; }
.popup-modal__photo:first-child {
right: 0;
top: 2rem
}
.popup-modal__photo:last-child {
right: 11.375rem;
bottom: 0
}
.heading.heading--contacts {
padding: 1.25rem 0 3.4375rem
}
.heading__wrapper {
padding: 0 4rem
}
.heading__logo-wrap {
margin-top: 5.75rem
}
.heading__products {
-ms-grid-columns: (8.75rem)[2];
grid-template-columns: repeat(2, 8.75rem);
gap: 1.25rem
}
.hero__grid {
-ms-grid-columns: 1fr 26.625rem;
grid-template-columns: 1fr 26.625rem;
gap: 2.5rem
}
.hero__note {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 2.5rem;
font-size: 1.125rem
}
.hero__flag {
width: 7.1875rem;
height: 7.1875rem
}
.hero__cards {
gap: 1.125rem;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr
}
.hero__card-inner {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 1.25rem
}
.hero__card-text {
font-size: 1rem
}
.audience__head {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.audience__photo {
max-width: 26.6875rem;
height: 13.25rem;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0
}
.audience__card-title {
font-size: 1.5rem
}
.audience__card-text {
font-size: 1.125rem
}
.catalog-teaser__body {
margin-top: 1rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
column-gap: 2rem;
row-gap: 1.25rem;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.catalog-teaser__actions {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 2rem;
gap: 1.25rem;
max-width: 26.625rem
}
.catalog-teaser__gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 1.3125rem
}
.catalog-teaser__gallery-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.6875rem;
flex: 0 0 12.6875rem;
width: 12.6875rem;
height: 12.6875rem
}
.catalog-teaser__card {
min-height: 12.6875rem;
border-width: 1px
}
.pick__header {
gap: 1rem;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.pick__benefits {
margin-top: 4.125rem
}
.panels__desc {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%
}
.choose__head {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 1.25rem 2rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 1.75rem
}
.choose__head-main {
gap: 1rem;
max-width: 45.375rem
}
.choose__lead {
max-width: 40.625rem
}
.choose__note {
max-width: 30rem
}
.equipment__grid {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr)
}
.about__photos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 1.25rem;
margin-top: 2.4375rem
}
.about__photo {
-webkit-box-flex: 0;
-ms-flex: 0 0 13.375rem;
flex: 0 0 13.375rem;
width: 13.375rem;
height: 11.8125rem
}
.news__grid {
gap: 1.25rem;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.policy {
padding: 1.25rem 0 6.25rem
}
.contacts-info__body {
padding: 7.5rem 0 10.625rem
}
.contacts-info__head {
-ms-grid-column-span: 2;
grid-column: span 2
}
.blog-hero {
padding: 0 0 3.5rem
}
.article-more__grid {
gap: 1.25rem;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr)
}
.catalog__product {
width: 19.6875rem
}
.devices-benefits__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.product-hero__content {
-webkit-box-flex: 0;
-ms-flex: 0 1 32.375rem;
flex: 0 1 32.375rem
}
}
@media (min-width:1200px) and (any-hover:hover) {
.btn--primary:hover:not(:disabled):not([aria-disabled=true]) {
-webkit-transform: translateY(-.375rem);
-ms-transform: translateY(-.375rem);
transform: translateY(-.375rem);
-webkit-box-shadow: 0 .625rem 1.5625rem rgba(0, 0, 0, .1);
box-shadow: 0 .625rem 1.5625rem rgba(0, 0, 0, .1)
}
.btn--primary:hover:not(:disabled):not([aria-disabled=true])::after {
opacity: 1
}
.btn--white:hover:not(:disabled):not([aria-disabled=true]) {
-webkit-transform: translateY(-.375rem);
-ms-transform: translateY(-.375rem);
transform: translateY(-.375rem);
-webkit-box-shadow: 0 .625rem 1.5625rem rgba(0, 0, 0, .1);
box-shadow: 0 .625rem 1.5625rem rgba(0, 0, 0, .1);
background-color: #fff
}
}
@media (min-width:1200px) {
.a-hover-lift:hover {
-webkit-transform: translateY(-6px);
-ms-transform: translateY(-6px);
transform: translateY(-6px);
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
box-shadow: 0 10px 25px rgba(0, 0, 0, .1)
}
.a-hover-zoom img {
-webkit-transition: -webkit-transform .7s cubic-bezier(.22, 1, .36, 1);
transition: -webkit-transform .7s cubic-bezier(.22, 1, .36, 1);
transition: transform .7s cubic-bezier(.22, 1, .36, 1);
transition: transform .7s cubic-bezier(.22, 1, .36, 1), -webkit-transform .7s cubic-bezier(.22, 1, .36, 1);
will-change: transform
}
.a-hover-zoom:hover img {
-webkit-transform: scale(1.05) rotate(.7deg);
-ms-transform: scale(1.05) rotate(.7deg);
transform: scale(1.05) rotate(.7deg)
}
}
@media (min-width:1399.98px) {
._container._container--small {
max-width: 78.75rem
}
._container {
max-width: 82.5rem
}
.header__nav {
margin-left: 5.1875rem
}
.header__menu {
gap: 2.5rem
}
.panels__content {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.panels__content {
gap: 2.5rem
}
.panels__img {
width: 17.0625rem
}
.choose__note {
margin-right: 3.5rem
}
.process__body {
-webkit-box-flex: 0;
-ms-flex: 0 0 19.6875rem;
flex: 0 0 19.6875rem;
gap: 1.25rem
}
.process__media {
width: 17.1875rem
}
.docs__media {
aspect-ratio: 276/395;
border-radius: .625rem
}
.category__footer {
padding-right: 1.25rem
}
}
@media (max-width:1199.98px) and (any-hover:hover) {
.btn--primary:hover:not(:disabled):not([aria-disabled=true])::after {
opacity: 1
}
.btn--white:hover:not(:disabled):not([aria-disabled=true]) {
background-color: #fff
}
}
@media (max-width:1199.98px) {
.pick__side {
display: contents
}
}
@media (max-width:991.98px) {
.popup-modal__photo:first-child {
margin-top: 3.75rem
}
.popup-modal--order {
background: url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/modal-order-bg-mobile.svg) 0 0/cover no-repeat, linear-gradient(61deg, #26668c 0, #55acbf 99.68%)
}
.popup-modal--order .popup-modal__visual {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
gap: .625rem;
position: static;
min-height: 0
}
.popup-modal--order .popup-modal__visual .popup-modal__photo {
position: static;
width: 100%;
height: 8.75rem
}
.heading__divider {
margin-top: 1.875rem;
gap: 0
}
.heading__divider::before {
height: .5rem;
background-size: 1rem .5rem
}
.header__logo {
min-height: 2.25rem
}
.header__logo-img {
-o-object-fit: contain;
object-fit: contain;
-o-object-position: left bottom;
object-position: left bottom
}
.header__nav {
display: none;
width: 100%
}
.header__phones {
display: none;
width: 100%
}
.header.open-menu {
background: #26668c;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
overflow-y: auto;
max-height: 100svh
}
.header.open-menu .header__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh;
min-height: 100dvh
}
.header.open-menu .header__bar {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
position: relative;
padding-bottom: 3.75rem
}
.header.open-menu .header__logo {
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 2.75rem
}
.header.open-menu .header__toggle {
position: absolute;
top: 1rem;
right: 0;
margin-left: 0
}
.header.open-menu .header__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin-left: 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.header.open-menu .header__toggle {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.header.open-menu .header__menu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2.5rem;
padding-bottom: 3.75rem
}
.header.open-menu .header__link {
font-size: 1.5rem
}
.header.open-menu .header__phones {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.25rem;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.header.open-menu .header__phone {
font-size: 1.5rem
}
.header.open-menu .header__sep {
width: 3.3125rem;
height: 1px
}
.footer__divider {
width: 100%;
height: 1px;
margin: 2.5rem 0
}
.audience__photo {
aspect-ratio: 2.1012658228
}
.catalog-teaser__btn.btn--secondary .btn__icon {
display: none
}
.contacts-info .contacts-card:nth-child(2) {
grid-column: 1/-1;
-ms-grid-row: 2;
grid-row: 2;
max-width: calc(50% - .3125rem)
}
.contacts-info .contacts-card:nth-child(3) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 3;
grid-row: 3
}
.contacts-info .contacts-card:nth-child(4) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 4;
grid-row: 4
}
.contacts-info .contacts-card:nth-child(5) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 3;
grid-row: 3
}
.devices-work__text p:nth-child(2) {
display: none
}
.devices-work__text:not(._expanded) p:first-child {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden
}
.devices-work__text._expanded p:nth-child(2) {
display: block
}
.devices-benefits__slide {
width: 15.4375rem
}
.product-hero__media {
--hero-media-aspect: 300/212
}
.product-hero__media-shape--mobile {
display: block
}
.product-hero__media-shape--desktop {
display: none
}
.product-hero__media-inner {
clip-path: url(#product-hero-media-clip-mobile);
padding: 17.925% 3.333% 4.717% 3.333%
}
.product-hero__rating {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 30.6666666667%;
height: 10.3773584906%;
gap: 1.6666666667cqw;
padding: 0;
border-radius: 1.6666666667cqw
}
.product-hero__rating-label {
font-size: 2.6666666667cqw
}
.product-hero__rating-value {
gap: .6666666667cqw;
font-size: 3.3333333333cqw
}
.product-hero__rating-star {
width: 5.3333333333cqw;
height: 5.3333333333cqw
}
}
@media (max-width:991.96px) {
.article__body.typography-block>.wp-block-image,
.article__body.typography-block>figure {
margin: 1.25rem 0 0
}
.article__body.typography-block p.article__image-paragraph {
margin: 1.25rem 0 1.5rem
}
}
@media (max-width:990.98px) {
.docs__slide.swiper-slide {
width: 16.0625rem
}
.docs__caption {
max-width: 14.0625rem
}
}
@media screen and (max-width:782px) {
.admin-bar .header {
top: 46px
}
.admin-bar .header.open-menu {
max-height: calc(100svh - 46px)
}
}
@media (max-width:767.98px) {
.popup-modal--consult {
padding-bottom: 9.0625rem
}
.popup-modal--presentation .popup-modal__media {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.partners__slide {
width: 12.25rem
}
.docs__slider {
overflow: visible
}
.policy {
padding: 1rem 0 3rem
}
.product-table__foot {
display: table-footer-group
}
.product-table-wrap:not(.product-table-wrap--expanded) .product-table tbody tr:nth-child(n+11) {
display: none
}
.product-table-wrap:not(.product-table-wrap--expanded):not(:has(.product-tabletbodytr:nth-child(11))) .product-table__foot {
display: none
}
}
@media (max-width:575.98px) {
.title-lg {
letter-spacing: -.0230769231em
}
.title-md {
letter-spacing: -.04em
}
.title-md--panels {
letter-spacing: -.04em
}
.typography-block h1,
.typography-block h2 {
letter-spacing: -.01875em
}
.heading__product-wrapper {
aspect-ratio: 1
}
.footer__divider {
display: none
}
.contacts__container {
padding: 0
}
.not-found__text {
max-width: 80%;
margin-inline: auto
}
.blog-featured__title {
letter-spacing: -.0321428571em
}
}
@media (any-hover:hover) {
::-webkit-scrollbar-thumb:hover {
background: #1b4964
}
.typography-block a:not(.btn, .news-card__more):hover {
text-decoration: underline
}
.btn--secondary:hover:not(:disabled):not([aria-disabled=true]) {
border-color: #55acbf;
color: #55acbf
}
.btn--ghost-light:hover:not(:disabled):not([aria-disabled=true]) {
background: rgba(255, 255, 255, .1)
}
.btn--white-outline:hover:not(:disabled):not([aria-disabled=true]) {
background: rgba(255, 255, 255, .05)
}
.tab:hover:not(:disabled):not([aria-disabled=true]):not(.tab--disabled) {
border-width: 1px
}
.form__submit:not(.wpcf7-submit):not(:has(.wpcf7-form-control-wrap)):hover {
background: #fff
}
.wpcf7-form .form__submit:has(.wpcf7-form-control-wrap):hover,
.wpcf7-form label.form__submit:hover {
background: #fff
}
.wpcf7-form .wpcf7-form-control-wrap:has(.wpcf7-submit):not(label.form__submit.wpcf7-form-control-wrap):not(.form__submit.wpcf7-form-control-wrap):hover {
background: #fff
}
.popup-modal__close:hover {
opacity: .75
}
.popup-modal__agree .checkbox__text a:hover {
text-decoration: none
}
.popup-modal__submit:hover {
background: #fff;
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px)
}
.popup-modal__partner:hover {
-webkit-box-shadow: 0 .5rem 1.5rem rgba(38, 102, 140, .15);
box-shadow: 0 .5rem 1.5rem rgba(38, 102, 140, .15)
}
.fancybox__container.fancybox-video .f-button.is-close-btn:hover {
background: rgba(255, 255, 255, .2);
border-color: rgba(255, 255, 255, .45);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.fancybox__container.fancybox-video .f-button.is-arrow:hover {
background: rgba(255, 255, 255, .2)
}
.news-card__link:hover .news-card__title {
color: #55acbf
}
.news-card__link:hover .news-card__more {
color: #55acbf
}
.news-card__link:hover .news-card__more-label {
text-decoration-color: currentColor
}
.accordion__item:hover {
background-color: #d4f5ff
}
.contacts-card__wrapper:hover {
background-color: rgba(179, 227, 241, .9);
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
-webkit-box-shadow: rgba(38, 102, 140, .12) 0 .5rem 1.5rem;
box-shadow: rgba(38, 102, 140, .12) 0 .5rem 1.5rem
}
.contacts-card__link:hover {
opacity: .85
}
.heading__tag:hover {
border-color: #5fb9cd;
background: #def3f9
}
.heading__product-wrapper:hover {
-webkit-transform: translateY(-6px);
-ms-transform: translateY(-6px);
transform: translateY(-6px);
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
box-shadow: 0 10px 25px rgba(0, 0, 0, .1)
}
.header__link:hover {
-webkit-transform: translate3d(0, -1px, 0);
transform: translate3d(0, -1px, 0)
}
.header__link:hover::after {
opacity: 1;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1)
}
.header__phone:hover {
-webkit-transform: translate3d(0, -1px, 0);
transform: translate3d(0, -1px, 0)
}
.header__phone:hover::after {
opacity: 1;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1)
}
.footer__phone:hover::after {
opacity: 1;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1)
}
.footer__link:hover {
-webkit-transform: translate3d(0, -1px, 0);
transform: translate3d(0, -1px, 0)
}
.footer__link:hover::after {
opacity: 1;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1)
}
.footer__doc:hover {
opacity: .85;
text-decoration: none
}
.footer__dev:hover {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px)
}
.footer__dev:hover .footer__dev-logo {
-webkit-filter: grayscale(0);
filter: grayscale(0)
}
.hero__card-inner:hover {
border-color: #55acbf;
background-color: #fff;
-webkit-box-shadow: 0 .875rem 2.25rem rgba(38, 102, 140, .16);
box-shadow: 0 .875rem 2.25rem rgba(38, 102, 140, .16)
}
.hero__card-inner:hover::after {
-webkit-transform: translateX(120%);
-ms-transform: translateX(120%);
transform: translateX(120%)
}
.hero__card-inner:hover .hero__card-icon {
-webkit-transform: scale(1.06) translateY(-.125rem);
-ms-transform: scale(1.06) translateY(-.125rem);
transform: scale(1.06) translateY(-.125rem);
background: #55acbf;
-webkit-box-shadow: 0 .375rem 1rem rgba(38, 102, 140, .2);
box-shadow: 0 .375rem 1rem rgba(38, 102, 140, .2)
}
.hero__card-inner:hover .hero__card-icon svg {
-webkit-transform: scale(1.08);
-ms-transform: scale(1.08);
transform: scale(1.08)
}
.hero__card-inner:hover .hero__card-text {
color: #26668c;
-webkit-transform: translateX(.25rem);
-ms-transform: translateX(.25rem);
transform: translateX(.25rem)
}
.audience__card:hover {
background-color: #b3e3f1;
-webkit-box-shadow: rgba(38, 102, 140, .12) 0 .5rem 1.5rem;
box-shadow: rgba(38, 102, 140, .12) 0 .5rem 1.5rem
}
.pick__video-media:focus-visible>img,
.pick__video-media:hover>img {
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
opacity: .92
}
.pick__video-media:focus-visible .pick__play,
.pick__video-media:hover .pick__play {
-webkit-transform: translate(-50%, -50%) scale(1.08);
-ms-transform: translate(-50%, -50%) scale(1.08);
transform: translate(-50%, -50%) scale(1.08);
background: rgba(255, 255, 255, .22);
border-color: rgba(255, 255, 255, .95);
-webkit-box-shadow: 0 .5rem 1.5rem rgba(38, 102, 140, .2);
box-shadow: 0 .5rem 1.5rem rgba(38, 102, 140, .2)
}
.choose__arrow:not(:disabled):not([aria-disabled=true]):not(.swiper-button-disabled):hover {
background: rgba(255, 255, 255, .08)
}
.equipment__card-link:hover {
background-color: #b3e3f1;
-webkit-box-shadow: 0 .5rem 1.5rem rgba(38, 102, 140, .12);
box-shadow: 0 .5rem 1.5rem rgba(38, 102, 140, .12)
}
.equipment__card-link:hover .equipment__card-media .cover-image {
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04)
}
.equipment--related .equipment__arrow:not(.swiper-button-disabled):hover {
background: #5fb9cd
}
.process__card:hover {
-webkit-transform: translateY(-.375rem);
-ms-transform: translateY(-.375rem);
transform: translateY(-.375rem);
border-color: #55acbf;
background-color: #fff;
-webkit-box-shadow: 0 .875rem 2.25rem rgba(38, 102, 140, .16);
box-shadow: 0 .875rem 2.25rem rgba(38, 102, 140, .16)
}
.process__card:hover::after {
-webkit-transform: translateX(120%);
-ms-transform: translateX(120%);
transform: translateX(120%)
}
.process__card:hover .process__step {
-webkit-transform: scale(1.04) translateY(-.125rem);
-ms-transform: scale(1.04) translateY(-.125rem);
transform: scale(1.04) translateY(-.125rem);
background: #55acbf;
color: #fff;
-webkit-box-shadow: 0 .375rem 1rem rgba(38, 102, 140, .2);
box-shadow: 0 .375rem 1rem rgba(38, 102, 140, .2)
}
.process__card:hover .process__card-title {
color: #55acbf;
-webkit-transform: translateX(.25rem);
-ms-transform: translateX(.25rem);
transform: translateX(.25rem)
}
.process__card:hover .process__card-desc {
-webkit-transform: translateX(.25rem);
-ms-transform: translateX(.25rem);
transform: translateX(.25rem)
}
.process__card:hover .process__media {
-webkit-box-shadow: 0 .5rem 1.25rem rgba(38, 102, 140, .12);
box-shadow: 0 .5rem 1.25rem rgba(38, 102, 140, .12)
}
.process__card:hover .process__media .cover-image {
-webkit-transform: scale(1.06);
-ms-transform: scale(1.06);
transform: scale(1.06)
}
.partners__card:hover {
background-color: #b3e3f1;
-webkit-box-shadow: 0 .5rem 1.5rem rgba(38, 102, 140, .12);
box-shadow: 0 .5rem 1.5rem rgba(38, 102, 140, .12)
}
.partners__card--static:hover {
background-color: #def3f9;
-webkit-box-shadow: none;
box-shadow: none
}
.docs__arrow:not(.swiper-button-disabled):hover {
background: #5fb9cd
}
.docs__card:hover {
background-color: #b3e3f1;
-webkit-box-shadow: rgba(38, 102, 140, .12) 0 .5rem 1.5rem;
box-shadow: rgba(38, 102, 140, .12) 0 .5rem 1.5rem
}
.benefits__card-wrapper:hover {
background-color: #b3e3f1;
-webkit-box-shadow: rgba(38, 102, 140, .12) 0 .5rem 1.5rem;
box-shadow: rgba(38, 102, 140, .12) 0 .5rem 1.5rem
}
.benefits__info:hover {
color: #2f79a6
}
.blog-featured__link:hover .blog-featured__title {
opacity: .85
}
.blog-recent__link:hover .blog-recent__title {
color: #26668c
}
.blog-tabs__btn:not(._active):hover {
background: #d1eef7
}
.blog-pagination__arrow:hover {
opacity: .7
}
.catalog__product:hover {
-webkit-box-shadow: 0 .5rem 1.5rem rgba(38, 102, 140, .12);
box-shadow: 0 .5rem 1.5rem rgba(38, 102, 140, .12)
}
.catalog__product:not(.catalog__product--has-hover):hover .catalog__product-img {
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04)
}
.catalog__product--has-hover:hover .catalog__product-img--default {
opacity: 0
}
.catalog__product--has-hover:hover .catalog__product-img--hover {
opacity: 1;
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04)
}
.category__title a:hover {
color: #55acbf
}
.category__media:hover {
-webkit-transform: translateY(-6px);
-ms-transform: translateY(-6px);
transform: translateY(-6px);
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
box-shadow: 0 10px 25px rgba(0, 0, 0, .1)
}
.devices-benefits__arrow:hover {
background: #5fb9cd;
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px)
}
.devices-benefits__slide:hover {
border-color: #55acbf;
background-color: #fff;
-webkit-box-shadow: 0 .75rem 2rem rgba(38, 102, 140, .14);
box-shadow: 0 .75rem 2rem rgba(38, 102, 140, .14)
}
.devices-benefits__slide:hover::after {
-webkit-transform: translateX(120%);
-ms-transform: translateX(120%);
transform: translateX(120%)
}
.devices-benefits__slide:hover .devices-benefits__card-title {
color: #55acbf
}
.devices-benefits__slide:hover .devices-benefits__card-text {
color: #26668c
}
.product-hero__media-inner:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.product-tabs__btn:not(._active):hover {
border-width: 1px
}
.product-table__more:hover {
color: #55acbf
}
.product-spec__link:hover {
text-decoration: none
}
.product-doc:hover {
background: #2f79a6
}
}
@media (prefers-reduced-motion:reduce) {
.accordion__answer,
.accordion__body,
.accordion__chevron,
.accordion__header,
.accordion__item {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
-webkit-transition-delay: 0s !important;
transition-delay: 0s !important
}
.accordion__answer {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.hero__card-inner {
-webkit-transition: border-color .2s ease, background-color .2s ease, -webkit-box-shadow .2s ease;
transition: border-color .2s ease, background-color .2s ease, -webkit-box-shadow .2s ease;
transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, -webkit-box-shadow .2s ease
}
.hero__card-inner::after {
display: none
}
.hero__card-icon,
.hero__card-icon svg,
.hero__card-text {
-webkit-transition: background-color .2s ease, color .2s ease, -webkit-box-shadow .2s ease;
transition: background-color .2s ease, color .2s ease, -webkit-box-shadow .2s ease;
transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, -webkit-box-shadow .2s ease
}
.audience__molecules {
opacity: 1;
will-change: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.catalog-teaser__container::before {
will-change: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.equipment__container::before {
will-change: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.process__card {
-webkit-transition: border-color .2s ease, background-color .2s ease, -webkit-box-shadow .2s ease;
transition: border-color .2s ease, background-color .2s ease, -webkit-box-shadow .2s ease;
transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, -webkit-box-shadow .2s ease
}
.process__card::after {
display: none
}
.process__card-desc,
.process__card-title,
.process__media .cover-image,
.process__step {
-webkit-transition: background-color .2s ease, color .2s ease, -webkit-box-shadow .2s ease;
transition: background-color .2s ease, color .2s ease, -webkit-box-shadow .2s ease;
transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, -webkit-box-shadow .2s ease
}
.request__box::before {
will-change: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.contacts__box::before {
will-change: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.news__container::before {
will-change: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.policy::before {
will-change: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.contacts-info__body::before {
will-change: auto;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0)
}
.catalog__gallery-decor {
will-change: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.devices-benefits__container::before {
will-change: auto;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0)
}
.devices-benefits__slide {
-webkit-transition: border-color .2s ease, background-color .2s ease, -webkit-box-shadow .2s ease;
transition: border-color .2s ease, background-color .2s ease, -webkit-box-shadow .2s ease;
transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, -webkit-box-shadow .2s ease
}
.devices-benefits__slide::after {
display: none
}
}
@media (prefers-reduced-motion:reduce) and (any-hover:hover) {
.hero__card-inner:hover .hero__card-icon {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.hero__card-inner:hover .hero__card-icon svg {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.hero__card-inner:hover .hero__card-text {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.process__card:hover {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.process__card:hover .process__step {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.process__card:hover .process__card-desc,
.process__card:hover .process__card-title {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.process__card:hover .process__media .cover-image {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.devices-benefits__slide:hover {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
@media (scripting:none) {
.article__body.typography-block>* {
opacity: 1
}
}
.thank-you {
min-height: calc(100vh - 200px);
display: flex;
align-items: center;
padding: 0 0 100px;
background: #eefaff;
}
.thank-you__content {
max-width: 900px;
margin: 0 auto;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.thank-you__icon {
width: 96px;
height: 96px;
margin-bottom: 35px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: #55acbf;
color: #fff;
}
.thank-you__title {
margin: 0;
}
.thank-you__text {
max-width: 650px;
margin: 30px auto 0;
font-size: 20px;
line-height: 1.5;
color: #2b6688;
}
.thank-you__actions {
margin-top: 45px;
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 15px;
}
@media (max-width: 767px) {
.thank-you {
min-height: calc(100vh - 120px);
padding: 70px 0;
}
.thank-you__icon {
width: 76px;
height: 76px;
margin-bottom: 25px;
}
.thank-you__icon svg {
width: 38px;
height: 38px;
}
.thank-you__text {
margin-top: 20px;
font-size: 16px;
}
.thank-you__actions {
width: 100%;
margin-top: 30px;
flex-direction: column;
align-items: stretch;
}
.thank-you__actions .btn {
justify-content: center;
}
}._container{margin:0 auto;padding:0 1rem;max-width:100%}body{font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;color:#425460;background-color:#fff;line-height:1.3;font-size:clamp(14px,.3703703704vw + 12.6666666667px,18px)}.lock{overflow:hidden}h1{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:450;line-height:1.2;font-size:clamp(26px,2.7777777778vw + 16px,56px)}h2{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:450;line-height:1.2;font-size:clamp(24px,2.2222222222vw + 16px,48px)}h3{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:450;font-style:italic;line-height:1.2;font-size:clamp(18px,.5555555556vw + 16px,24px)}.wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%;overflow-x:clip}.main{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;background:#edfbff}.main:not(.main--home){padding-top:3.5rem}.admin-bar .main:not(.main--home){padding-top:calc(3.5rem + 46px)}.cover-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.text-nowrap{white-space:nowrap}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#26668c;border-radius:.5rem}.swiper-pagination{position:static;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.625rem;margin-top:1.25rem}.swiper-pagination-bullet{width:.625rem;height:.625rem;border-radius:50%;background:#26668c}.screen-reader-text{display:none!important}[data-motion]{--mx:0px;--my:0px;--mrotate:0deg;--scroll-x:0px;--scroll-y:0px}.faq{padding:2.5rem 0}.faq__head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.625rem;margin-bottom:1.0625rem}.faq__tag{-ms-flex-item-align:start;align-self:flex-start}.faq__title{color:#26668c}.faq__columns{display:-ms-grid;display:grid;gap:1.25rem}.faq__col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.25rem;min-width:0}.category{padding:.5rem 0 2.5rem}.category__grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;gap:1.75rem}.category__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.625rem}.category__card{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.25rem;min-height:14.375rem;padding:1rem;border-radius:.625rem;background:#def3f9}.category__content{position:relative;z-index:1}.category__title{margin:0 0 .625rem;font-style:normal}.category__title a{color:inherit;text-decoration:none;-webkit-transition:color .3s ease;transition:color .3s ease}.category__text{color:#425460;font-size:.875rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.category__footer{position:relative;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:.625rem}.category__actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.625rem;width:100%}.category__media{margin-top:-4rem;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;width:9.0625rem;height:8rem;border:.03125rem solid #55acbf;border-radius:.625rem;background:#edfbff;overflow:hidden;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease}.category__media img{width:auto;height:auto;max-width:75%}.category__btn{width:100%;min-height:2.75rem}.devices-work{padding:2.5rem 0}.devices-work__head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;gap:1.25rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.devices-work__tag{-ms-flex-negative:0;flex-shrink:0}.devices-work__title{max-width:40.8125rem}.devices-work__body{margin-top:1.25rem;display:-ms-grid;display:grid;gap:2rem}.devices-work__intro{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.625rem}.devices-work__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.375rem;color:#425460;font-size:.875rem;line-height:1.3}.devices-work__more{-ms-flex-item-align:start;align-self:flex-start;padding:0;border:0;background:0 0;color:#55acbf;font-family:inherit;font-weight:700;font-size:.875rem;line-height:1.3;text-decoration:underline;cursor:pointer}.devices-work__gallery{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);gap:.625rem}.devices-work__photo{border-radius:.625rem;background:#55acbf;overflow:hidden;aspect-ratio:161/150}.devices-work__photo:nth-child(1)._anim-items{-webkit-transition-delay:115ms;transition-delay:115ms}.devices-work__photo:nth-child(2)._anim-items{-webkit-transition-delay:.23s;transition-delay:.23s}.devices-work__photo:nth-child(3)._anim-items{-webkit-transition-delay:345ms;transition-delay:345ms}.devices-work__photo:nth-child(4)._anim-items{-webkit-transition-delay:.46s;transition-delay:.46s}.devices-work__photo:nth-child(5)._anim-items{-webkit-transition-delay:575ms;transition-delay:575ms}.devices-work__photo:nth-child(6)._anim-items{-webkit-transition-delay:.69s;transition-delay:.69s}.devices-work__photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.devices-benefits{padding:2.5rem 0 3rem}.devices-benefits__container{position:relative;z-index:1}.devices-benefits__container::before{content:"";position:absolute;top:0;left:50%;height:32.1875rem;background:url(//allergoblot.ru/wp-content/themes/alergobot-theme/assets/img/devices-benefits-decor.webp) center/contain no-repeat;pointer-events:none;mix-blend-mode:screen;z-index:-1;width:100%;will-change:transform;-webkit-transform:translateX(calc(-50% + var(--mx) + var(--scroll-x))) translateY(calc(var(--my) + var(--scroll-y))) rotate(var(--mrotate));-ms-transform:translateX(calc(-50% + var(--mx) + var(--scroll-x))) translateY(calc(var(--my) + var(--scroll-y))) rotate(var(--mrotate));transform:translateX(calc(-50% + var(--mx) + var(--scroll-x))) translateY(calc(var(--my) + var(--scroll-y))) rotate(var(--mrotate))}.devices-benefits__head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.devices-benefits__nav{display:none;-ms-flex-negative:0;flex-shrink:0;gap:1.25rem}.devices-benefits__arrow{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;width:3.75rem;height:3.75rem;padding:0;border:0;border-radius:50%;background:#55acbf;cursor:pointer;-webkit-transition:background-color .2s ease,-webkit-transform .2s cubic-bezier(.22,1,.36,1);transition:background-color .2s ease,-webkit-transform .2s cubic-bezier(.22,1,.36,1);transition:background-color .2s ease,transform .2s cubic-bezier(.22,1,.36,1);transition:background-color .2s ease,transform .2s cubic-bezier(.22,1,.36,1),-webkit-transform .2s cubic-bezier(.22,1,.36,1)}.devices-benefits__arrow::before{content:"";width:.75rem;height:.75rem;border-right:2px solid #fff;border-bottom:2px solid #fff}.devices-benefits__arrow--prev::before{-webkit-transform:rotate(135deg) translate(-2px,-2px);-ms-transform:rotate(135deg) translate(-2px,-2px);transform:rotate(135deg) translate(-2px,-2px)}.devices-benefits__arrow--next::before{-webkit-transform:rotate(-45deg) translate(-2px,-2px);-ms-transform:rotate(-45deg) translate(-2px,-2px);transform:rotate(-45deg) translate(-2px,-2px)}.devices-benefits__arrow:active{-webkit-transform:translateY(1px) scale(.98);-ms-transform:translateY(1px) scale(.98);transform:translateY(1px) scale(.98)}.devices-benefits__arrow.swiper-button-disabled{opacity:.35;pointer-events:none}.devices-benefits__slider{overflow:visible}.devices-benefits__slide{position:relative;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.625rem;min-height:12.125rem;padding:1rem;border:.03125rem solid #26668c;border-radius:.625rem;background:#def3f9;overflow:hidden;-webkit-transition:border-color .25s ease,background-color .25s ease,-webkit-transform .35s cubic-bezier(.22,1,.36,1),-webkit-box-shadow .35s cubic-bezier(.22,1,.36,1);transition:border-color .25s ease,background-color .25s ease,-webkit-transform .35s cubic-bezier(.22,1,.36,1),-webkit-box-shadow .35s cubic-bezier(.22,1,.36,1);transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .25s ease,background-color .25s ease,box-shadow .35s cubic-bezier(.22,1,.36,1);transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .25s ease,background-color .25s ease,box-shadow .35s cubic-bezier(.22,1,.36,1),-webkit-transform .35s cubic-bezier(.22,1,.36,1),-webkit-box-shadow .35s cubic-bezier(.22,1,.36,1)}.devices-benefits__slide::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.5) 50%,transparent 58%);-webkit-transform:translateX(-120%);-ms-transform:translateX(-120%);transform:translateX(-120%);-webkit-transition:-webkit-transform .65s ease;transition:-webkit-transform .65s ease;transition:transform .65s ease;transition:transform .65s ease,-webkit-transform .65s ease;pointer-events:none}.devices-benefits__card-title{position:relative;z-index:1;color:#26668c;font-weight:500;font-style:italic;line-height:1.2;letter-spacing:-.02em;-webkit-transition:color .25s ease;transition:color .25s ease;font-size:clamp(18px,.5555555556vw + 16px,24px)}.devices-benefits__card-text{position:relative;z-index:1;color:#425460;font-size:.875rem;line-height:1.3;-webkit-transition:color .25s ease;transition:color .25s ease}.devices-cta{position:relative;z-index:2;padding:2rem 0 3rem}.devices-cta__grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.625rem}.devices-cta__box{border-radius:.625rem;background:#55acbf;color:#fff;overflow:hidden}.devices-cta__box--form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.625rem;padding:1rem;min-height:22.1875rem}.devices-cta__box--visual{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.625rem;min-height:20.625rem;padding:1rem}.devices-cta__text{font-size:.875rem;line-height:1.3}.devices-cta__btn{margin-top:auto;width:100%}.devices-cta__visual{border-radius:.625rem;overflow:hidden;aspect-ratio:298/156}.devices-cta__visual img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.devices-cta__note{font-weight:500;font-style:italic;line-height:1.2;letter-spacing:-.02em;font-size:clamp(18px,.5555555556vw + 16px,24px)}@media (min-width:575.98px){._container{-webkit-box-sizing:content-box;box-sizing:content-box;max-width:33.75rem}}@media (min-width:767.98px){._container{max-width:39rem}}@media screen and (min-width:783px){.admin-bar .main:not(.main--home){padding-top:calc(3.5rem + 32px)}}@media (min-width:991.98px){._container{max-width:60rem}.main:not(.main--home){padding-top:5rem}.admin-bar .main:not(.main--home){padding-top:calc(5rem + 32px)}.faq{padding:2.25rem 0}.faq:last-child{padding-bottom:7.5rem}.faq__head{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1.5rem;margin-bottom:2.5rem}.faq__tag{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;-ms-flex-negative:0;flex-shrink:0;margin-top:.625rem}.faq__columns{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}.category{padding:3.25rem 0 2.5rem}.category__grid{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);gap:2.5rem 1.25rem;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.category__item--wide{-ms-grid-column:1;grid-column:1}.category__card{min-height:23.375rem;padding:1.25rem;padding-bottom:3.75rem}.category__text{font-size:1.125rem}.category__actions{width:19.6875rem}.category__media{width:18.4375rem;height:16.3125rem}.category__btn{min-height:60px}.devices-work{padding:4rem 0 2.5rem}.devices-work__head{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:2.5rem}.devices-work__tag{margin-top:.5rem}.devices-work__body{margin-top:0;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);-webkit-box-align:end;-ms-flex-align:end;align-items:end}.devices-work__intro{position:relative;padding-top:3.5rem}.devices-work__text{font-size:1.125rem;max-width:37.6875rem}.devices-work__more{display:none}.devices-work__gallery{gap:1.25rem}.devices-work__photo{aspect-ratio:315/293}.devices-benefits{padding:3.5rem 0 5rem}.devices-benefits__container::before{width:51.875rem}.devices-benefits__head{margin-bottom:2.5rem}.devices-benefits__slider{overflow:hidden}.devices-benefits__slide{min-height:12.5rem;padding:1.25rem}.devices-benefits__card-text{font-size:1.125rem}.devices-cta{padding:3rem 0 4.5rem}.devices-cta__grid{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:1.25rem}.devices-cta__box--form{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:32.875rem;padding:2.5rem}.devices-cta__box--visual{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:32.875rem;padding:2.5rem}.devices-cta__text{font-size:1.125rem;max-width:35.625rem}.devices-cta__btn{max-width:26.625rem}.devices-cta__visual{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-height:18.625rem;aspect-ratio:auto}}@media (min-width:1199.98px){._container{max-width:71.25rem}.devices-benefits__nav{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (min-width:1399.98px){._container._container--small{max-width:78.75rem}._container{max-width:82.5rem}.category__footer{padding-right:1.25rem}}@media (max-width:991.98px){.devices-work__text p:nth-child(2){display:none}.devices-work__text:not(._expanded) p:first-child{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.devices-work__text._expanded p:nth-child(2){display:block}.devices-benefits__slide{width:15.4375rem}}@media (any-hover:hover){::-webkit-scrollbar-thumb:hover{background:#1b4964}.category__title a:hover{color:#55acbf}.category__media:hover{-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px);-webkit-box-shadow:0 10px 25px rgba(0,0,0,.1);box-shadow:0 10px 25px rgba(0,0,0,.1)}.devices-benefits__arrow:hover{background:#5fb9cd;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.devices-benefits__slide:hover{border-color:#55acbf;background-color:#fff;-webkit-box-shadow:0 .75rem 2rem rgba(38,102,140,.14);box-shadow:0 .75rem 2rem rgba(38,102,140,.14)}.devices-benefits__slide:hover::after{-webkit-transform:translateX(120%);-ms-transform:translateX(120%);transform:translateX(120%)}.devices-benefits__slide:hover .devices-benefits__card-title{color:#55acbf}.devices-benefits__slide:hover .devices-benefits__card-text{color:#26668c}}@media (prefers-reduced-motion:reduce){.devices-benefits__container::before{will-change:auto;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.devices-benefits__slide{-webkit-transition:border-color .2s ease,background-color .2s ease,-webkit-box-shadow .2s ease;transition:border-color .2s ease,background-color .2s ease,-webkit-box-shadow .2s ease;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,-webkit-box-shadow .2s ease}.devices-benefits__slide::after{display:none}}@media (prefers-reduced-motion:reduce) and (any-hover:hover){.devices-benefits__slide:hover{-webkit-transform:none;-ms-transform:none;transform:none}}.wpfw-0 {width:0 !important;}
.wpfw-10{width:10% !important;}
.wpfw-20{width:20% !important;}
.wpfw-30{width:30% !important;}
.wpfw-40{width:40% !important;}
.wpfw-50{width:50% !important;}
.wpfw-60{width:60% !important;}
.wpfw-70{width:70% !important;}
.wpfw-80{width:80% !important;}
.wpfw-90{width:90% !important;}
.wpfw-100{width:100% !important;}
.wpf-clear {clear:both; height:0; line-height: 0;}
.wpf-clear-left {clear:left; height:0; line-height: 0;}
.wpf-clear-right {clear:right; height:0; line-height: 0;}
#wpforo .wpforo-widget-wrap .wpf-button,
.wpforo-widget-wrap .wpf-button{padding:2px 15px 4px 15px!important; font-size:13px; font-weight:normal; cursor:pointer; line-height: 16px; border-radius: 20px; white-space:nowrap; box-shadow: 0 1px 1px #999999; outline: 0; display: inline-flex;
justify-content: center;
align-items: center;}
#wpforo .wpforo-widget-wrap .wpf-button i,
.wpforo-widget-wrap .wpf-button i, #wpforo .wpforo-widget-wrap .wpf-button svg,
.wpforo-widget-wrap .wpf-button svg{margin-right: 5px; font-size: 13px; width: 13px; height: 13px;}
#wpforo .wpforo-widget-wrap .wpf-button-secondary,
.wpforo-widget-wrap .wpf-button-secondary{border-radius: 20px; padding: 2px 15px 4px 15px!important; margin: 0 10px; background-color: #F5F5F5; opacity: 0.8; color: #555555; border: 1px solid #cccccc; line-height: 16px; font-size: 13px;}
#wpforo .wpforo-widget-wrap .wpf-button-secondary:hover,
.wpforo-widget-wrap .wpf-button-secondary:hover{opacity: 1;}   #wpf-widget-search #wpforo-search-form .wpf-search-widget-label{position: relative!important; display: block!important;}
#wpf-widget-search #wpforo-search-form .wpf-search-widget-label input[type="text"]{position: relative!important; display: block!important; padding: 7px 8px; height: 32px;}
#wpf-widget-search #wpforo-search-form .wpf-search-widget-label svg{enable-background:new 0 0 16 16; fill: #999; position: absolute; width: 19px; height: 19px; right:5px; bottom: 6px; cursor: pointer;}
#wpforo #wpforo-wrap .widget-title,
#wpforo .wpforo-widget-wrap .widget-title,
.wpforo-widget-wrap .widget-title{ padding:10px 0 15px 0; margin-bottom:5px; font-size:20px;}
#wpforo .wpforo-widget-wrap .wpforo-widget-content,
.wpforo-widget-wrap .wpforo-widget-content{padding:10px 1px 20px 1px!important; margin:0;}
#wpforo .wpforo-widget-wrap .wpforo-widget-content ul,
.wpforo-widget-wrap .wpforo-widget-content ul{padding:0; margin:0; border:none;}
#wpforo .wpforo-widget-wrap .wpforo-widget-content li,
.wpforo-widget-wrap .wpforo-widget-content li{padding:8px 0!important; margin:0; list-style:none; border:none;}
#wpforo .wpforo-widget-wrap .wpforo-widget-content .avatar,
.wpforo-widget-wrap .wpforo-widget-content .avatar{border-radius: 50%;}
#wpforo .wpforo-widget-wrap .wpforo-widget-content .wpf-widget-note,
.wpforo-widget-wrap .wpforo-widget-content .wpf-widget-note{ font-size:13px; line-height:18px;}
#wpforo .wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left,
.wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left{float:left; width:16%;}
#wpforo .wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left img,
.wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left img{ width:42px; height:42px; max-width:100%!important;}
#wpforo .wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-right,
.wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-right{float:right; width:80%;}
#wpforo #wpforo-wrap .wpforo-widget-wrap .wpforo-widget-content li:last-child,
#wpforo-wrap .wpforo-widget-wrap .wpforo-widget-content li:last-child{border:none;}
#wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.posttitle,
#wpf-widget-recent-replies .wpforo-list-item-right p.posttitle{font-size:14px; padding:0; margin:0; line-height:18px; font-weight:normal;}
#wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.posttext,
#wpf-widget-recent-replies .wpforo-list-item-right p.posttext{font-size:13px; padding:0; margin:5px 0 0; line-height:1.4;}
#wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.postuser,
#wpf-widget-recent-replies .wpforo-list-item-right p.postuser{font-size:12px; padding:0; margin:0; line-height:16px;}
#wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.postdate,
#wpf-widget-recent-replies .wpforo-list-item-right p.postdate{font-size:12px; padding:0; margin:0; line-height:16px;}
#wpforo #wpf-widget-online-users .wpforo-widget-content a.onlineuser,
#wpf-widget-online-users .wpforo-widget-content a.onlineuser{ padding:3px 7px; display:inline-block; margin:0 3px 5px 2px; line-height:18px; font-size:13px;}
#wpforo #wpf-widget-online-users .wpforo-widget-content a.onlineavatar,
#wpf-widget-online-users .wpforo-widget-content a.onlineavatar{ padding:1px; display:inline-block; margin:0 3px 5px 2px; width:20%;max-width: 64px;}
#wpforo #wpf-widget-search input[type="text"],
#wpf-widget-search input[type="text"]{ font-size:14px; line-height:16px; padding:2px 5px; display:inline-block; margin:0; height:28px;}
#wpforo #wpf-widget-search input[type="submit"],
#wpf-widget-search input[type="submit"]{ font-size:14px; line-height:16px; padding:2px 5px; display:inline-block; margin:0; height:28px;}
#wpforo #wpf-widget-forums .wpforo-widget-content .wpf-dl-item,
#wpf-widget-forums .wpforo-widget-content .wpf-dl-item{ padding-top:2px; display:block; line-height: 22px;}
#wpforo #wpf-widget-forums .wpforo-widget-content .wpf-dl-item i,
#wpf-widget-forums .wpforo-widget-content .wpf-dl-item i{margin-right:7px;}
#wpforo #wpf-widget-forums .wpforo-widget-content dl,
#wpf-widget-forums .wpforo-widget-content dl{ display:block; padding:0; margin:0;}
#wpforo #wpf-widget-forums .wpforo-widget-content dd,
#wpf-widget-forums .wpforo-widget-content dd{ display:block; margin-left:15px;}
#wpforo #wpf-widget-forums .wpforo-widget-content .wpf-dl-current .wpf-dl-item-label,
#wpf-widget-forums .wpforo-widget-content .wpf-dl-current .wpf-dl-item-label{ font-weight: 700; color: #666; } #wpforo .wpforo-widget-wrap ul.wpf-widget-tags,
.wpforo-widget-wrap ul.wpf-widget-tags{display: flex; flex-wrap: wrap; gap: 6px; padding: 0; margin: 0;}
#wpforo .wpforo-widget-wrap .wpf-widget-tags li,
.wpforo-widget-wrap .wpf-widget-tags li{list-style: none!important; display: inline-flex!important; align-items: center; padding: 5px 10px!important; margin: 0!important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif!important; border-radius: 4px!important; transition: all 0.15s ease!important;}
#wpforo .wpforo-widget-wrap .wpf-widget-tags li a,
.wpforo-widget-wrap .wpf-widget-tags li a{display: inline!important; padding: 0!important; line-height: 1.3!important; font-size: 13px!important; font-weight: 500; border: none!important; border-radius: 0!important; text-decoration: none!important; background: none!important;}
#wpforo .wpforo-widget-wrap .wpf-widget-tags li span,
.wpforo-widget-wrap .wpf-widget-tags li span{display: inline!important; margin-left: 6px!important; padding: 0!important; line-height: 1.3!important; font-size: 12px!important; font-weight: 400; border-radius: 0!important; background: none!important; opacity: 0.6;}
#wpforo .wpforo-widget-wrap .wpforo-widget-content .wpf-all-tags,
.wpforo-widget-wrap .wpforo-widget-content .wpf-all-tags{padding-top: 10px!important;}
#wpforo .wpforo-widget-wrap .wpforo-list-item a.wpf-new-button,
.wpforo-widget-wrap .wpforo-list-item a.wpf-new-button,
#wpforo .wpforo-widget-wrap .wpforo-list-item span.wpf-new-button,
.wpforo-widget-wrap .wpforo-list-item span.wpf-new-button{font-size: 85% !important; vertical-align: bottom !important; font-weight: normal!important; background:#FF812D; color:#fff!important; padding: 0.5px 5px 1px 5px!important; line-height: inherit; line-height: 16px; font-family: Arial; border-radius: 3px; margin: 0 3px; text-transform: lowercase; }
#wpf-widget-profile, #wpf-widget-profile *{box-sizing: border-box;  box-shadow: none;  color: inherit;}
#wpforo #wpf-widget-profile .wpf-prof-header,
#wpf-widget-profile .wpf-prof-header{display: flex; flex-direction: row; justify-content: space-between; align-items:flex-end;}
#wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-avatar,
#wpf-widget-profile .wpf-prof-header .wpf-prof-avatar{padding-right: 15px;}
#wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-info,
#wpf-widget-profile .wpf-prof-header .wpf-prof-info{flex-grow: 2;  border-bottom: 1px dashed #CCCCCC; padding-bottom: 5px;}
#wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-avatar img,
#wpf-widget-profile .wpf-prof-header .wpf-prof-avatar img,
#wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-avatar img.avatar,
#wpf-widget-profile .wpf-prof-header .wpf-prof-avatar img.avatar{ max-width: 48px; max-height:48px; border-radius: 50%; vertical-align: bottom;}
#wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-name,
#wpf-widget-profile .wpf-prof-header .wpf-prof-name{font-size: 13px; font-weight: 600; color: #666;}
#wpforo #wpf-widget-profile .wpf-prof-header .wpf-author-nicename,
#wpf-widget-profile .wpf-prof-header .wpf-author-nicename {font-size: 12px; font-weight: normal; font-family: "Courier New", Courier, monospace; line-height: 18px; padding-top: 0;}
#wpforo #wpf-widget-profile .wpf-prof-header [wpf-tooltip]::after,
#wpf-widget-profile .wpf-prof-header [wpf-tooltip]::after{left: 18px; top: -5px; white-space: normal;}
#wpforo #wpf-widget-profile .wpf-prof-header [wpf-tooltip]::before,
#wpf-widget-profile .wpf-prof-header [wpf-tooltip]::after{left: 18px; top: -5px;}
#wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts,
#wpf-widget-profile .wpf-prof-header .wpf-prof-alerts{ border-bottom: 1px dashed #CCCCCC;align-self: stretch;padding-top: 0; margin-top: 1px;}
#wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell,
#wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell{ margin-bottom: 4px; transition: transform .2s ease;cursor: pointer; display: inline-flex;justify-content: center;align-items: center;}
#wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell > svg,
#wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell > svg{ border-radius: 50%; width: 36px; height: 34px; text-align: center; background: #f5f5f5; margin: 0 2px 0 0; display: inline-block; position: initial; padding: 6px;}
#wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell:hover,
#wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-bell:hover{ transform: scale(1.1)}
#wpforo #wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-alerts-count,
#wpf-widget-profile .wpf-prof-header .wpf-prof-alerts .wpf-alerts-count{padding: 0; display: inline-block; font-size: 13px; line-height: 16px; font-weight: 600;}
#wpforo #wpf-widget-profile .wpf-prof-notifications,
#wpf-widget-profile .wpf-prof-notifications{position: relative;}
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications{ display:none; position: absolute; background: #fafafa; border-bottom: 3px solid #999; border-top: none; min-width: 220px; width: 100%; top:7px; z-index: 100000; padding: 0 10px;}
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-head,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-head{padding: 12px 5px 9px 5px; font-weight: 600; letter-spacing: 0.5px; font-size: 14px; }
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-head i,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-head i{font-size: 15px; margin-right: 3px;}
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content{padding: 10px 0 1px 0; overflow-y: auto; overflow-x: hidden; max-height: 400px; font-size: 12px;}
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-nspin,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-nspin{text-align: center; padding: 0 10px 5px 0; font-size: 22px; color: #999;}
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content ul,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content ul,
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li{margin: 0; list-style: none;}
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li{padding: 7px 4px 7px 6px; display: flex; flex-direction: row; justify-content: space-around; align-items: flex-start;}
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nleft,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nleft{ flex-basis: 10%; padding-top: 4px;}
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nright,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nright{ flex-basis: 90%; line-height: 19px;}
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nleft svg,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content li .wpf-nleft svg{font-size: 16px; width: 16px; height: 16px;}
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-ndesc,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-ndesc{font-size: 11px; line-height: 18px; display: inline; margin-left: 5px; border-left: 1px solid #ccc; padding-left: 10px;}
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-actions,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-actions{display:none; text-align: right; padding: 10px 5px 5px 5px; font-size: 12px;}
#wpforo #wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-no-notification,
#wpf-widget-profile .wpf-prof-notifications .wpf-notifications .wpf-notification-content .wpf-no-notification{padding: 5px 10px 15px 10px; font-size: 13px;}
#wpforo #wpf-widget-profile .wpf-prof-content,
#wpf-widget-profile .wpf-prof-content{padding:10px 5px; border-bottom: 1px dashed #CCCCCC;}
#wpforo #wpf-widget-profile .wpf-prof-content .wpf-prof-data span.wpf-member-title,
#wpf-widget-profile .wpf-prof-content .wpf-prof-data span.wpf-member-title{display: inline-block; margin-right: 5px; font-size: 13px; color: #666;}
#wpforo #wpf-widget-profile .wpf-prof-content .wpf-prof-data .wpf-member-title.wpfut,
#wpf-widget-profile .wpf-prof-content .wpf-prof-data .wpf-member-title.wpfut {display: inline-block !important;font-size: 11px;line-height: 15px;padding: 2px 15px;margin: 5px auto; border: 1px solid #dddddd; border-radius: 3px;}
#wpforo #wpf-widget-profile .wpf-prof-content .wpf-prof-data .author-rating-full ,
#wpf-widget-profile .wpf-prof-content .wpf-prof-data .author-rating-full {display: inline-block;font-size: 16px;font-weight: bold;line-height: 18px;min-width: 30px;padding: 2px;text-align: center;white-space: nowrap;}
#wpforo #wpf-widget-profile .wpf-prof-content .wpf-prof-rating .author-rating-full i.fa-trophy,
#wpf-widget-profile .wpf-prof-content .wpf-prof-rating .author-rating-full i.fa-trophy{font-size:20px;}
#wpforo #wpf-widget-profile .wpf-prof-footer,
#wpf-widget-profile .wpf-prof-footer{margin-bottom: 5px;}
#wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons,
#wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons{ margin-top: 3px;}
#wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a,
#wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a{margin-right: 3px;padding: 4px 10px 4px 10px;text-align: center;line-height: 16px;font-size: 13px;background:#f5f5f5;margin-top: 10px;display: inline-block; border-radius: 2px;color: #21759b;}
#wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a:hover,
#wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a:hover{color: #f5f5f5;}
#wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a.wpf-logout,
#wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a.wpf-logout{padding: 4px 15px 4px 15px; color: #f42d2c;}
#wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a.wpf-logout:hover,
#wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a.wpf-logout:hover{background-color: #f42d2c!important; color: #fff;}
#wpforo #wpf-widget-profile .wpf-prof-footer .wpf-button,
#wpf-widget-profile .wpf-prof-footer .wpf-button{box-shadow: none;}
#wpforo #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons svg,
#wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons svg{min-height: 13px; width: 16px;}   #wpforo #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item i.fa-chart-bar,
#wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item i.fa-chart-bar{ font-size:20px;}
#wpforo #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right,
#wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right{ width:calc(100% - 30px);}
#wpforo #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right .polldate,
#wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right .polldate{font-size:12px; color:#888888;}
#wpforo #wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right .pollvotes,
#wpf-widget-recent-polls .wpforo-widget-content .wpforo-list-item-right .pollvotes{font-size:12px; color:#888888; line-height:16px;}
@media screen and (max-width:800px) {
#wpforo .wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left img,
.wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left img{ width:99%; height:99%;}
#wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.posttext,
#wpf-widget-recent-replies .wpforo-list-item-right p.posttext{font-size:14px;}
#wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.postuser,
#wpf-widget-recent-replies .wpforo-list-item-right p.postuser{font-size:13px;}
#wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.postdate,
#wpf-widget-recent-replies .wpforo-list-item-right p.postdate{font-size:13px;}
}.lazy-hidden,.entry img.lazy-hidden, img.thumbnail.lazy-hidden {
background-color: #ffffff;
background-image: url(//allergoblot.ru/wp-content/plugins/a3-lazy-load/assets/css/loading.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}
figure.wp-block-image img.lazy-hidden {
min-width: 150px;
}
picture source[type="image/webp"] {
display: block;
}.clear{clear:both}.nobr{white-space:nowrap}.lazy-hidden,.entry img.lazy-hidden,img.thumbnail.lazy-hidden{background-color:#fff}#wpforo #wpforo-wrap *::selection{color: #000000; background: #43a6df;}
#wpforo #wpforo-wrap *::-moz-selection{color: #000000; background: #43a6df;}
#wpforo #wpforo-wrap { color: #333333; background: #ffffff }
#wpforo #wpforo-wrap .wpforo-subforum i{ color:#999999; }
#wpforo #wpforo-wrap #footer { background:#e6e6e6;}
#wpforo #wpforo-wrap .wpf-p-error { border-bottom: #e6e6e6 1px solid; color: #333333; }
#wpforo #wpforo-wrap .wpf-res-menu { color: #555555; }
#wpforo #wpforo-wrap #wpforo-menu { border-bottom: #e6e6e6 2px solid; background:#f5f5f5;} #wpforo #wpforo-wrap .wpforo-ai-helper{background:#f5f5f5;}
#wpforo #wpforo-wrap .wpf-ai-helper-bar{background:transparent;}
#wpforo #wpforo-wrap .wpf-ai-helper-toggle{ background:#f5f5f5; color:#43a6df; border: 2px solid #e6e6e6;}
#wpforo #wpforo-wrap .wpf-ai-helper-toggle:hover{ background:#43a6df; color:#ffffff;}
#wpforo #wpforo-wrap .wpf-ai-helper-toggle .wpf-ai-sparkle-icon{ fill:#43a6df;}
#wpforo #wpforo-wrap .wpf-ai-helper-toggle:hover .wpf-ai-sparkle-icon{ fill:#ffffff;}
#wpforo #wpforo-wrap .wpf-ai-helper-content{border-top:none;} #wpforo #wpforo-wrap .wpf-ai-tab{}
#wpforo #wpforo-wrap .wpf-ai-tab-active{color:#43a6df;}
#wpforo #wpforo-wrap .wpf-ai-tab-content{background:#ffffff; border:1px solid #e6e6e6; border-top:none;} #wpforo #wpforo-wrap .wpf-ai-search-toggle{border-bottom:1px solid #e6e6e6;}
#wpforo #wpforo-wrap .wpf-ai-search-mode{color:#999999;}
#wpforo #wpforo-wrap .wpf-ai-search-mode:hover{color:#000000;}
#wpforo #wpforo-wrap .wpf-ai-search-mode-active{color:#666666; background:#f5f5f5;}
#wpforo #wpforo-wrap .wpf-ai-section-header{color:#000000}
#wpforo #wpforo-wrap .wpf-ai-quick-answer{color:#000000} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-input-wrap .wpf-ai-input{background:#f5f5f5; border:1px solid #e6e6e6; color:#333333;}
#wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-input-wrap .wpf-ai-input:focus{border-color:#cccccc;}
#wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-input-wrap .wpf-ai-input::placeholder{color:#999999;}
#wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-input-wrap .wpf-ai-input-icon{color:#999999;}
#wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-input-wrap .wpf-ai-submit{color:#666666;}
#wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-input-wrap .wpf-ai-input-icon svg{color: #999999;} #wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-result-card{background:#ffffff; border-bottom:1px solid #e6e6e6;}
#wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-result-card:hover{border-color:#cccccc;}
#wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-result-meta{color:#999999;}
#wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-result-meta i{color:#cccccc;}
#wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-result-score{color:#43a6df;}
#wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-result-content{color:#666666;}
#wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-more-btn{background:#f5f5f5; color:#666666;}
#wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-more-btn:hover{background:#e6e6e6;} #wpforo #wpforo-wrap .wpf-ai-star{fill:#43a6df;}
#wpforo #wpforo-wrap .wpf-ai-loading-text{color:#666666;}
#wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-no-results{color:#999999;}
#wpforo #wpforo-wrap .wpf-ai-tab-content .wpf-ai-search-form .wpf-ai-results .wpf-ai-error{color:#f46464;} #wpforo #wpforo-wrap .wpf-ai-preferences{color:#999999;} #wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"]{background:#f5f5f5; border:1px solid #e6e6e6;}
#wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"] .wpfltd{border-bottom:1px dotted #e6e6e6;}
#wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"] .wpfrtd{border-bottom:1px dotted #e6e6e6;}
#wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"] .wpf-search-label{color:#666666;}
#wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"] .wpf-toggle-wrap .wpf-toggle{border-bottom:1px dashed #cccccc; color:#999999;}
#wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"] input[type="text"], #wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"] select{background:#ffffff; border:1px solid #e6e6e6; color:#333333;}
#wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"] input[type="text"]:focus, #wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"] select:focus{border-color:#43a6df;}
#wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"] input[type="submit"]{background:#43a6df; color:#ffffff;}
#wpforo #wpforo-wrap .wpf-ai-search-form[data-search-form="classic"] input[type="submit"]:hover{background:#659fbe;}
#wpforo #wpforo-wrap #wpforo-menu li {border-bottom: 2px solid transparent;}
#wpforo #wpforo-wrap #wpforo-menu li a { color: #555555; } #wpforo #wpforo-wrap .wpf-ai-translate-dropdown{background: #ffffff;}
#wpforo #wpforo-wrap .wpf-ai-translate-original{color: #ff812d;}
#wpforo #wpforo-wrap .wpforo-post-content.wpf-ai-translated, #wpforo #wpforo-wrap .wpforo-comment-text.wpf-ai-translated{border-left: 2px dashed #ff812d; background: #fff9f4 !important;}
#wpforo #wpforo-wrap .wpfl-1 .wpforo-post-content.wpf-ai-translated{border-left: none; background: #fff9f4 !important;} #wpforo #wpforo-wrap .wpf-ai-summarize-btn{color: #43a6df; border: 1px solid #43a6df; background: #ffffff;}
#wpforo #wpforo-wrap .wpf-ai-summarize-btn:hover{color: #43a6df; }
#wpforo #wpforo-wrap .wpf-ai-summarize-btn .wpf-ai-star{color: #43a6df;}
#wpforo #wpforo-wrap .wpf-ai-translate-arrow{color: #ff812d;}
#wpforo #wpforo-wrap .wpf-ai-summary-body{border-left: 3px dashed #43a6df;}
#wpforo #wpforo-wrap .wpf-ai-summary-body h3, #wpforo #wpforo-wrap .wpf-ai-summary-body h4{color: #43a6df;} #wpforo #wpforo-wrap .wpf-ai-chat-msg-content .wpf-ai-chat-reference{color: #3f7796;}
#wpforo #wpforo-wrap .wpf-ai-chat-msg-content .wpf-ai-chat-reference:hover{color: #43a6df;}
#wpforo #wpforo-wrap .wpf-ai-chat-msg-user .wpf-ai-chat-msg-content{background-color: #43a6df; color: #ffffff;}
#wpforo #wpforo-wrap .wpf-ai-chat-msg-assistant .wpf-ai-chat-msg-content{background-color: #f5f5f5; color: #333333;} #wpforo #wpforo-wrap .wpf-ai-suggestions-title{color: #43a6df; }
#wpforo #wpforo-wrap .wpf-ai-suggestions-section .wpf-ai-suggestions-section-content .wpf-ai-similar-hint{color: #777777;}
#wpforo #wpforo-wrap .wpforo-active,
#wpforo #wpforo-wrap #wpforo-menu li.wpforo-active,
#wpforo #wpforo-wrap #wpforo-menu li:hover,
#wpforo #wpforo-wrap #wpforo-menu li.current-menu-ancestor,
#wpforo #wpforo-wrap #wpforo-menu li.current-menu-parent,
#wpforo #wpforo-wrap #wpforo-menu li.current_page_item { border-bottom: #43a6df 2px solid;}
#wpforo #wpforo-wrap #wpforo-menu #wpf-menu .wpforo-active,
#wpforo #wpforo-wrap #wpforo-menu #wpf-menu li.wpforo-active,
#wpforo #wpforo-wrap #wpforo-menu #wpf-menu li:hover,
#wpforo #wpforo-wrap #wpforo-menu #wpf-menu li.current-menu-ancestor,
#wpforo #wpforo-wrap #wpforo-menu #wpf-menu li.current-menu-parent,
#wpforo #wpforo-wrap #wpforo-menu #wpf-menu li.current_page_item {background-color: #e6e6e6;}
#wpforo #wpforo-wrap #wpforo-menu li > ul{background-color: #f5f5f5;}
#wpforo #wpforo-wrap #wpforo-menu li > ul li{border-bottom: 1px solid #f5f5f5;}
#wpforo #wpforo-wrap #wpforo-menu li > ul li:hover,
#wpforo #wpforo-wrap #wpforo-menu li > ul li.current-menu-item{border-bottom: 1px solid #43a6df;}
#wpforo-load { color: #43a6df; }
#wpforo-load i{ color: #43a6df!important; }
#wpforo #wpforo-wrap .wpf-search input[type="text"]{ color: #555555; background: transparent; }
#wpforo #wpforo-wrap .wpf-search input[type="text"]:focus{ background: #f5f5f5; }
#wpforo #wpforo-wrap .wpf-search i{ color: #43a6df; }
#wpforo #wpforo-wrap .wpf-action .fa-bookmark{color: #ff812d ;}
#wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts{color: #999999; border-right: 1px dashed #cccccc; }
#wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts i{color:#999999;}
#wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts i:hover{color: #43a6df;}
#wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts.wpf-new svg{color: #ff812d;}
#wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts.wpf-new svg:hover{text-shadow: 0 0 20px #000000;}
#wpforo #wpforo-wrap .wpf-bar-right .wpf-alerts-count{color: #ff812d;}
#wpforo #wpf-widget-profile .wpf-widget-alerts, #wpf-widget-profile .wpf-widget-alerts{color: #999999; border-right: none; }
#wpforo #wpf-widget-profile .wpf-widget-alerts svg, #wpf-widget-profile .wpf-widget-alerts svg{color:#999999;}
#wpforo #wpf-widget-profile .wpf-widget-alerts.wpf-new svg, #wpf-widget-profile .wpf-widget-alerts.wpf-new svg{color: #ff812d;}
#wpforo #wpf-widget-profile .wpf-widget-alerts .wpf-alerts-count, #wpf-widget-profile .wpf-widget-alerts .wpf-alerts-count{color: #ff812d;}
#wpforo #wpforo-wrap .wpf-notifications{background: #EFEFEF; border-top: 2px solid #e6e6e6; border-bottom:5px solid #e6e6e6;}
#wpforo #wpforo-wrap .wpf-notifications .wpf-notification-head{color: #555555; border-bottom: 2px solid #ff812d;}
#wpforo #wpforo-wrap .wpf-notifications .wpf-notification-content{ color: #555555;}
#wpforo #wpforo-wrap .wpf-notifications .wpf-notification-content li{border-bottom: 1px solid #dfdfdf; color: #666666;}
#wpforo #wpforo-wrap .wpf-notifications .wpf-notification-content li.wpf-new_dislike{color: #f42d2c;}
#wpforo #wpforo-wrap .wpf-notifications .wpf-notification-content li .wpf-nleft svg{filter: drop-shadow(0 0 8px #cccccc);}
#wpforo #wpforo-wrap .wpf-notifications .wpf-notification-content .wpf-ndesc{color:#666666;}
#wpforo #wpforo-wrap .wpf-notifications .wpf-notification-content li:hover{background: #f5f5f5;}
#wpf-widget-profile .wpf-notifications{background: #EFEFEF; border-top: 2px solid #555555; border-bottom:5px solid #555555;}
#wpf-widget-profile .wpf-notifications .wpf-notification-head{color: #555555; border-bottom: 2px solid #ff812d;}
#wpf-widget-profile .wpf-notifications .wpf-notification-content{ color: #555555;}
#wpf-widget-profile .wpf-notifications .wpf-notification-content li{border-bottom: 1px solid #dfdfdf; color: #666666;}
#wpf-widget-profile .wpf-notifications .wpf-notification-content li.wpf-new_dislike{color: #f42d2c;}
#wpf-widget-profile .wpf-notifications .wpf-notification-content li .wpf-nleft svg{filter: drop-shadow(0 0 8px #cccccc);}
#wpf-widget-profile .wpf-notifications .wpf-notification-content .wpf-ndesc{color:#666666;}
#wpf-widget-profile .wpf-notifications .wpf-notification-content li:hover{background: #f5f5f5;} #wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-head-panel .wpf-edit-cover ul.wpf-edit-cover-options{ background-color: #cccccc; }
#wpforo #wpforo-wrap .wpforo-profile .wpforo-follow-user{background-color: #dff4ff;}
#wpforo #wpforo-wrap #wpforo-poweredby{ color: #555555; }
#wpforo #wpforo-wrap #wpforo-poweredby a{ color: #43a6df; }
#wpforo #wpforo-wrap #wpforo-title{ color:#333333;}
#wpforo #wpforo-wrap #wpforo-description{color:#555555;}
#wpforo #wpforo-wrap .wpf-action-link{border-top:1px solid #f5f5f5;}
#wpforo #wpforo-wrap a { color: #3f7796; }
#wpforo #wpforo-wrap a svg{ fill: #3f7796; }
#wpforo #wpforo-wrap a:visited { color: #3f7796; }
#wpforo #wpforo-wrap a:visited svg{ fill: #3f7796; }
#wpforo #wpforo-wrap a:hover{ color: #659fbe;}
#wpforo #wpforo-wrap a:hover svg{ fill: #659fbe;}
#wpforo #wpforo-wrap a:active { color: #659fbe; }
#wpforo #wpforo-wrap a:active svg{ fill: #659fbe; }
#wpforo #wpforo-wrap .wpf-link{ color: #3f7796; }
#wpforo #wpforo-wrap .wpflink { color: #3f7796; }
#wpforo #wpforo-wrap .wpflink:hover { color: #659fbe; }
#wpforo #wpforo-wrap pre { border:#e6e6e6 1px solid; background:#dff4ff; }
.wpfcl-a{ color:#659fbe!important; }
.wpfbg-a{ background-color:#659fbe!important; }
.wpfcl-b{ color:#43a6df!important; }
.wpfbg-b{ background-color:#43a6df!important; }
.wpfbr-b{ border:1px solid #43a6df!important; }
.wpfcl-0{ color:#999999!important; }
.wpfbg-0{ background-color:#999999!important; }
.wpfcl-1{ color:#555555!important; }
.wpfbg-1{ background-color:#555555!important; }
.wpfcl-2{ color:#777777!important; }
.wpfbg-2{ background-color:#777777!important; }
.wpfcl-3{ color:#ffffff!important; fill: #ffffff !important;}
.wpfbg-3{ background-color:#ffffff!important; }
.wpfcl-4{ color:#72ccfc!important; fill: #72ccfc !important;}
.wpfbg-4{ background-color:#72ccfc!important; }
.wpfcl-5{ color:#ff812d!important; fill: #ff812d !important;}
.wpfbg-5{ background-color:#ff812d!important; }
.wpfbr-5{ border:1px solid #ff812d!important; }
.wpfcl-6{ color:#0099cc!important; }
.wpfbg-6{ background-color:#0099cc!important; }
.wpfbr-6{ border:1px solid #0099cc!important; }
.wpfcl-7{ color:#e6e6e6!important; }
.wpfbg-7{ background-color:#e6e6e6!important; }
.wpfbr-7{ border:1px solid #e6e6e6!important; }
.wpfcl-8{ color:#4dca5c!important; }
.wpfbg-8{ background-color:#4dca5c!important; }
.wpfbr-d-8{ border:1px dotted #4dca5c!important; }
.wpfbr-l-8{ border-left:1px solid #4dca5c!important; }
.wpfcl-9{ color:#f5f5f5!important; }
.wpfbg-9{ background-color:#f5f5f5!important; }
.wpfbr-9{ border:1px solid #f5f5f5!important; }
.wpfcl-10{ color:#f46464!important; }
.wpfbg-10{ background-color:#f46464!important; }
.wpfbr-d-10{ border:1px dotted #f46464!important; }
.wpfbr-l-10{ border-left:1px solid #f46464!important; }
#wpforo #wpforo-wrap .author-rating {  border: 1px solid #e6e6e6; background: #f5f5f5; }
#wpforo #wpforo-wrap .wpf-author-nicename{ color:#777777;}
#wpforo #wpforo-wrap .wpforo-admin-note{ border: 1px solid #e6e6e6; background: #ffffff; }
#wpforo #wpforo-wrap .wpf-breadcrumb .wpf-root{ border-left:1px solid #666666; }
#wpforo #wpforo-wrap .wpf-breadcrumb a.wpf-end { background: transparent!important; }
#wpforo #wpforo-wrap .wpf-breadcrumb a.wpf-end:hover{ background: transparent!important; }
#wpforo #wpforo-wrap .wpf-breadcrumb a { color:#666666;}
#wpforo #wpforo-wrap .wpf-breadcrumb div:hover{ background:#f5f5f5; }
#wpforo #wpforo-wrap .wpf-breadcrumb div:hover:after { background:#f5f5f5; }
#wpforo #wpforo-wrap .wpf-breadcrumb div.active{ background:#f5f5f5; color:#4a8eb3; }
#wpforo #wpforo-wrap .wpf-breadcrumb div.active:after { background:#f5f5f5; }
#wpforo #wpforo-wrap .wpf-breadcrumb div:after { background: #ffffff; }
#wpforo #wpforo-wrap .wpf-breadcrumb div.active:after { background: #f5f5f5; }
#wpforo #wpforo-wrap .wpforo-post .wpforo-post-content img,
#wpforo #wpforo-wrap .wpforo-revision-body img{ border:#e6e6e6 1px solid; background:#ffffff; }
#wpforo #wpforo-wrap .wpforo-post blockquote,
#wpforo #wpforo-wrap .wpforo-revision-body blockquote{ border:#999999 1px dotted; background:#e6e6e6; }
#wpforo #wpforo-wrap .wpforo-post .wpforo-post-code,
#wpforo #wpforo-wrap .wpforo-revision-body .wpforo-post-code{ border:#e6e6e6 1px solid; background:#e6e6e6; }
#wpforo #wpforo-wrap .wpforo-post code,
#wpforo #wpforo-wrap .wpforo-revision-body code{ border:#e6e6e6 1px solid; background:#e6e6e6; }
#wpforo #wpforo-wrap .wpforo-post .wpforo-post-code-title,
#wpforo #wpforo-wrap .wpforo-post .wpforo-post-code-title{ border-bottom:#e6e6e6 1px solid;}
#wpforo #wpforo-wrap .wpforo-post .wpforo-post-attachments{ border:#ffffff 1px dotted; }
#wpforo #wpforo-wrap .wpforo-post .wpforo-post-attachments img{border:#e6e6e6 2px solid; background:#ffffff; }
#wpforo #wpforo-wrap .wpforo-post .wpforo-post-signature{ border-top:#cccccc 1px dashed; color:#777777;}
#wpforo #wpforo-wrap .wpforo-post .wpforo-membertoggle i{ color:#3f7796;}
#wpforo #wpforo-wrap .wpf-mod-message{color:#ff812d}
#wpforo #wpforo-wrap .wpforo-topic-badges{ background-color:#f5f5f5; }
#wpforo #wpforo-wrap .wpf-unread-forum .wpforo-forum-icon i,
#wpforo #wpforo-wrap .wpforo-subforum .wpf-unread-forum i{opacity: 1;}
#wpforo #wpforo-wrap .wpf-post-starter{color: #43a6df; border-bottom: 1px solid #43a6df;}
#wpforo #wpforo-wrap .wpf-head-bar{background-color: #f5f5f5; border-bottom: 1px solid #e6e6e6;}
#wpforo #wpforo-wrap.wpft-post .wpf-head-bar{background-color: transparent; border-bottom: none;}
#wpforo #wpforo-wrap.wpft-post .wpf-manage-link .wpf-action{background: #f5f5f5;}
#wpforo #wpforo-wrap .wpf-button-outlined{border: 1px solid #659fbe;}
#wpforo #wpforo-wrap .wpf-button-outlined:hover{box-shadow: 1px 1px 4px #ccc; background-color: #ffffff;}
#wpforo #wpforo-wrap .wpf-button-outlined.wpf-subscribe-forum{border: 1px solid #ff812d; background-color: #ffffff;margin-right: 5px;background-color: #ffffff;}
#wpforo #wpforo-wrap .wpf-button-outlined.wpf-subscribe-topic{border: 1px solid #ff812d; background-color: #ffffff;margin-right: 5px;}
#wpforo #wpforo-wrap .wpf-member-title.wpfut{background-color: #ffffff;}
#wpforo #wpforo-wrap .wpf-post-edit-wrap{border-top: 1px dashed #e6e6e6;}
#wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top{background-color: #f5f5f5; border-left: 3px solid #43a6df;}
#wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top .wpf-post-stat .wpf-post-stat-box .wpf-tstat svg{fill: #43a6df;}
#wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top .wpf-post-stat .wpf-post-stat-box span{color: #666666;}
#wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top .wpf-post-stat .wpf-post-stat-box.wpf-pb-more{border-left: 1px solid #cccccc;}
#wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top .wpf-post-stat .wpf-post-stat-box.wpf-pb-more svg{fill: #777777;}
#wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top .wpf-post-info .wpf-post-info-forum{color: #666666;}
#wpforo #wpforo-wrap .wpforo-post-head .wpf-topic-more-info h3{border-bottom: 3px solid #f5f5f5;}
#wpforo #wpforo-wrap .wpforo-post-head .wpf-topic-more-info{border-left:3px dashed #43a6df;}
#wpforo #wpforo-wrap .wpforo-post-head .wpf-topic-more-info .wpf-tmi-user-avatar .wpf-tmi-user-posts{background-color: #666666;color: #ffffff;}
#wpforo #wpforo-wrap .wpfl-1 .wpforo-category{background-color:#f5f5f5; border-bottom: #43a6df 2px solid;}
#wpforo #wpforo-wrap .wpfl-1 .cat-title{ color:#555555; }
#wpforo #wpforo-wrap .wpfl-1 .cat-stat-posts { color:#555555; }
#wpforo #wpforo-wrap .wpfl-1 .cat-stat-topics {color:#555555; }
#wpforo #wpforo-wrap .wpfl-1 .forum-wrap{ border-bottom:#f5f5f5 2px solid; }
#wpforo #wpforo-wrap .wpfl-1 .forum-wrap:last-child{ border-bottom:none; }
#wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-description{color:#555555; }
#wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-footer{ color:#999999; }
#wpforo #wpforo-wrap .wpfl-1 .wpforo-last-topics{ background-color:#ffffff; }
#wpforo #wpforo-wrap .wpfl-1 .wpforo-last-topics-tab{ color:#555555; }
#wpforo #wpforo-wrap .wpfl-1 .wpforo-last-topics-list{ color:#555555; }
#wpforo #wpforo-wrap .wpfl-1 .wpforo-last-post-title i{ color: #43a6df; }
#wpforo #wpforo-wrap .wpfl-1 .wpforo-topic-head{ border-bottom:#43a6df 2px solid; color: #555555; }
#wpforo #wpforo-wrap .wpfl-1 .head-title{ color:#555555; }
#wpforo #wpforo-wrap .wpfl-1 .head-stat-posts { color:#555555; }
#wpforo #wpforo-wrap .wpfl-1 .head-stat-views { color:#555555; }
#wpforo #wpforo-wrap .wpfl-1 .topic-wrap{ border-bottom:#e6e6e6 1px solid; }
#wpforo #wpforo-wrap .wpfl-1 .wpforo-topic-info{ color:#555555; }
#wpforo #wpforo-wrap .wpfl-1 .wpforo-topic-stat-posts{ color:#555555; }
#wpforo #wpforo-wrap .wpfl-1 .wpforo-topic-stat-views{ color:#555555; }
#wpforo #wpforo-wrap .wpfl-1 .wpforo-last-posts{ background-color:#ffffff; }
#wpforo #wpforo-wrap .wpfl-1 .wpforo-last-posts-tab{ color:#555555; }
#wpforo #wpforo-wrap .wpfl-1 .wpforo-last-posts-list{ color:#555555; border-left:#e6e6e6 2px solid; background-color:  #fafafa; }
#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-right .wpforo-post-content-top{ border-top:1px solid #e6e6e6; }
#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left { border-top:#43a6df 2px solid; background:#f5f5f5;}
#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .avatar{background:#ffffff; border: 1px dashed #999999; border-left-style:solid; border-right-style:solid;}
#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .author-rating{ border:1px solid #e6e6e6; background:#f5f5f5; }
#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .bottom .reacted-users a{ color:#ff812d; }
#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-action{background: #f5f5f5;}
#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpforo-post-content-top .wpf-action{background: transparent;}
#wpforo #wpforo-wrap .wpfl-2 .wpforo-category{ background-color:#f5f5f5; border-bottom:#43a6df 2px solid; }
#wpforo #wpforo-wrap .wpfl-2 .cat-title{ color:#555555; }
#wpforo #wpforo-wrap .wpfl-2 .cat-lastpostinfo{ color:#555555; }
#wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-icon{ color:#555555; }
#wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-info{ color:#555555; }
#wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-stat{ color:#ff812d; }
#wpforo #wpforo-wrap .wpfl-2 .forum-wrap {border-bottom: #f5f5f5 2px solid;}
#wpforo #wpforo-wrap .wpfl-2 .forum-wrap:last-child {border-bottom: none;}
#wpforo #wpforo-wrap .wpfl-2 .wpforo-last-post{ color:#555555; }
#wpforo #wpforo-wrap .wpfl-2 .wpforo-last-post-avatar{ color:#555555 }
#wpforo #wpforo-wrap .wpfl-2 .wpforo-last-post-avatar img{ background:#ffffff; border:1px solid #cccccc; }
#wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-head{ border-bottom:#43a6df 3px solid; color: #555555; }
#wpforo #wpforo-wrap .wpfl-2 .head-title{ color:#555555;}
#wpforo #wpforo-wrap .wpfl-2 .head-stat-posts { color:#555555; }
#wpforo #wpforo-wrap .wpfl-2 .head-stat-views { color:#555555; }
#wpforo #wpforo-wrap .wpfl-2 .head-stat-lastpost { color:#555555; }
#wpforo #wpforo-wrap .wpfl-2 .topic-wrap{ border-bottom:#e6e6e6 1px solid; }
#wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-avatar{color:#555555; }
#wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-avatar img{ background:#ffffff; border:1px solid #cccccc; }
#wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-info{ color:#555555; }
#wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-stat-posts{ color:#555555;}
#wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-stat-views{ color:#555555;}
#wpforo #wpforo-wrap .wpfl-2 .wpforo-topic-stat-lastpost{ color:#555555;}
#wpforo #wpforo-wrap .wpfl-2 .wpf-compact-last-post .wpf-cl-avatar img {background:#ffffff; border: 1px dashed #cccccc; border-left-style: solid; border-right-style: solid;}
#wpforo #wpforo-wrap .wpfl-2 .post-wrap{ border-top:#e6e6e6 1px solid;  }
#wpforo #wpforo-wrap .wpfl-2 .wpforo-post{ background-color:#ffffff; }
#wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-right{ background: #f9f9f9; }
#wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-right .wpforo-post-content-bottom{ border-top:#ffffff 1px solid; background:#ffffff; }
#wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-right .wpf-post-button-actions span.wpf-action{background-color:#e6e6e6;}
#wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-left .avatar{ background:#ffffff; border:#cccccc 2px dashed; border-left-style:solid; border-right-style:solid;}
#wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-right .wpforo-post-content-bottom .cbleft a{color:#ff812d;}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-category{ background-color:#f5f5f5; border-bottom:#43a6df 2px solid; }
#wpforo #wpforo-wrap .wpfl-3 .cat-title{ color:#555555; }
#wpforo #wpforo-wrap .wpfl-3 .cat-stat-posts { color:#555555; }
#wpforo #wpforo-wrap .wpfl-3 .cat-stat-answers { color:#555555; }
#wpforo #wpforo-wrap .wpfl-3 .cat-stat-questions { color:#555555; }
#wpforo #wpforo-wrap .wpfl-3 .wpforo-forum-icon{ color:#555555; }
#wpforo #wpforo-wrap .wpfl-3 .wpforo-forum-info{ color:#555555; }
#wpforo #wpforo-wrap .wpfl-3 .wpforo-forum-footer{ color:#999999; }
#wpforo #wpforo-wrap .wpfl-3 .wpforo-forum-stat-posts{color:#555555;}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-forum-stat-answers{ color:#555555; }
#wpforo #wpforo-wrap .wpfl-3 .wpforo-forum-stat-questions{color:#555555;}
#wpforo #wpforo-wrap .wpfl-3 .forum-wrap {border-bottom: #f5f5f5 2px solid;}
#wpforo #wpforo-wrap .wpfl-3 .forum-wrap:last-child {border-bottom: none;}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-last-topics{ background-color:#ffffff; }
#wpforo #wpforo-wrap .wpfl-3 .wpforo-last-topics-tab{ color:#555555; }
#wpforo #wpforo-wrap .wpfl-3 .wpforo-last-topics-list{ color:#555555;}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-last-topic .wpf-tbox{ background:#f5f5f5; }
#wpforo #wpforo-wrap .wpfl-3 .wpforo-last-topic .wpf-tbox .wpforo-label svg{fill: #999999;}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-last-topic-replies i{color: #999999;}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-last-topic-bottom .wpforo-tags i{color: #999999;}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-last-topic-status{border: 1px dotted #999999;}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-topic-head{border-bottom:#43a6df 3px solid; color: #555555;}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-topic{ color:#555555;}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-topic .wpf-tbox{ background: #fafafa; }
#wpforo #wpforo-wrap .wpfl-3 .wpforo-topic .wpf-tbox .wpforo-label svg{fill: #999999;}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-topic-replies i{color: #999999;}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-topic-bottom .wpforo-tags i{color: #999999;}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-topic-status{border-left: 1px solid #e6e6e6;}
#wpforo #wpforo-wrap .wpfl-3 .head-title{ color:#555555; }
#wpforo #wpforo-wrap .wpfl-3 .head-stat-posts { color:#555555; }
#wpforo #wpforo-wrap .wpfl-3 .head-stat-lastpost { color:#555555; }
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post{ background-color:#ffffff; }
#wpforo #wpforo-wrap .wpfl-3 .wpforo-tags{ background-color:#f5f5f5; }
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-left { border-right:2px solid #f5f5f5; }
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-left .wpf-toggle-answer{ color:#00a636; }
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-left .wpf-toggle-not-answer{ color:#999999!important; }
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right{ background:#ffffff; }
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-author .wpforo-post-avatar img,
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-author .wpforo-post-avatar img.avatar{border: 2px dashed #cccccc; border-left-style:solid; border-right-style:solid; background: #ffffff;}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-content{background:  #fafafa;}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-content-top{ border-bottom:2px solid #f5f5f5; }
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-tool-bar{ border-top:1px dotted #e6e6e6; }
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-signature-content{ border-top:#659fbe 1px dotted; }
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-author-data-content{ border:#ffffff 1px solid; background:#dff4ff;}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-author .wpforo-post-author-details .wpforo-post-author-data{border-left: 1px dashed #cccccc; }
#wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-author .wpforo-post-author-details .wpforo-post-author-stat{border-left: 1px dashed #cccccc; }
#wpforo #wpforo-wrap .wpfl-3 .wpf-answer-sep{color: #666666; border-bottom: 2px solid #43a6df;}
#wpforo #wpforo-wrap .wpfl-3 .wpf-answer-sep svg{fill: #43a6df; }
#wpforo #wpforo-wrap .wpfl-3 .wpforo-comment{ background-color:#ffffff; }
#wpforo #wpforo-wrap .wpfl-3 .wpforo-comment .wpf-right{  background:#f5f5f5; }
#wpforo #wpforo-wrap .wpfl-3 .wpforo-comment .wpforo-comment-action-links .wpf-action{color: #cccccc;}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-comment .wpforo-comment-action-links .wpf-action:hover{color: #659fbe;}
#wpforo #wpforo-wrap .wpfl-3 .wpforo-comment .wpf-right .wpforo-comment-avatar img,
#wpforo #wpforo-wrap .wpfl-3 .wpforo-comment .wpf-right .wpforo-comment-avatar img.avatar{border: 1px dashed #999999; border-left-style:solid; border-right-style:solid;}
#wpforo #wpforo-wrap .wpfl-4 .wpforo-category{ background-color:#f5f5f5; border-bottom: 2px solid #43a6df; }
#wpforo #wpforo-wrap .wpfl-4.wpf-category-page .wpforo-category{ background-color:transparent;}
#wpforo #wpforo-wrap .wpfl-4.wpf-subforums .wpforo-category{ background-color:transparent; border-bottom: 3px solid #43a6df;}
#wpforo #wpforo-wrap .wpfl-4 .wpforo-post .wpf-right .wpforo-post-content-top{ border-bottom:1px solid #e6e6e6; }
#wpforo #wpforo-wrap .wpfl-4 .wpforo-post .wpf-left .avatar{ background:#ffffff; border:#cccccc 2px dashed; border-left-style:solid; border-right-style:solid;}
#wpforo #wpforo-wrap .wpfl-4 .wpforo-post .wpf-left .author-rating{ border:1px solid #e6e6e6; background:#f5f5f5; }
#wpforo #wpforo-wrap .wpfl-4 .wpforo-post .bottom { border-top:#e6e6e6 1px solid; }
#wpforo #wpforo-wrap .wpfl-4 .wpforo-post .bottom .reacted-users a{ color:#ff812d; }
#wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-newest,
#wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-hottest,
#wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-solved,
#wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-unsolved{color:#777777;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-newest:hover{color:#0099cc;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-hottest:hover{color:#ff812d;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-solved:hover{color:#00a636;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-unsolved:hover{color:#777777;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-newest:hover,#wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-newest.wpf-active{border-color:#0099cc;color:#0099cc;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-hottest:hover,#wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-hottest.wpf-active{border-color:#ff812d;color:#ff812d;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-solved:hover,#wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-solved.wpf-active{border-color:#00a636;color:#00a636;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-unsolved:hover,#wpforo #wpforo-wrap .wpfl-4 .wpf-load-threads .wpf-unsolved.wpf-active{border-color:#777777;color:#777777;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-cat-forum-list .wpf-forum-item{border-bottom: 1px dashed #dadada;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-cat-forum-list .wpf-forum-item:nth-child(even){ border-left: 3px solid #ffffff;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-cat-forum-list .wpf-forum-item a{color: #555555;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-cat-forum-list .wpf-forum-item a:hover{color: #659fbe;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head{ border-bottom: 1px solid #e6e6e6;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-threads-label{border-bottom:1px dashed #999999; color: #666666;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-threads-head .wpf-head-box{ color: #666666;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-body {color:#555555;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-threads .wpforo-tags .wpf-tags-text i{color: #999999;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-threads .wpforo-tags tag a{color: #777777;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-threads .wpforo-tags tag a:hover{color: #659fbe;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-users a img{background-color: #ffffff;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-threads .wpf-thread-users-avatars img.avatar,
#wpforo #wpforo-wrap .wpfl-4 .wpf-threads .wpf-thread-users-avatars img{padding: 2px; border: 1px dashed #aaa; border-left-style:solid; border-right-style:solid;}
#wpforo #wpforo-wrap .wpft-topic .wpfl-4 .wpf-threads-head{ background: #43a6df; color: #ffffff; border-bottom: 2px solid #cccccc; }
#wpforo #wpforo-wrap .wpft-topic .wpfl-4 .wpf-threads-head .wpf-head-box{color: #ffffff;}
#wpforo #wpforo-wrap .wpft-topic .wpfl-4 .wpf-thread{background-color: #f5f5f5;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-status .wpf-circle.wpfsq:first-child{border: 1px dotted #999999; border-radius: 6px;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-last-reply .wpf-thread-last-avatar i{color: #999999;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-thread-box.wpf-thread-last-reply .wpf-thread-last-avatar i.fa-feather-alt{color: #43a6df;}
#wpforo #wpforo-wrap .wpfl-4 .wpforo-topic-meta .wpforo-tags .wpf-tags-title i{color: #777777;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-left .wpf-author-posts{color: #777777;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-right .wpf-content-head-top .wpf-post-date{color:#999999;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-parent-post .wpf-right .wpf-content-head-bottom .wpf-author{color:#999999;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot{ background:  #fafafa; }
#wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-reaction-wrap .wpf-like-count{color: #777777;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-reply:hover .wpf-action{color: #659fbe;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons:hover .wpf-action{color: #999999;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action{ color: #cccccc; }
#wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action:hover{ color: #3f7796;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action.wpforo-public i,
#wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action.wpforo-public i{color: #659fbe;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action.wpforo-open i,
#wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action.wpforo-open i{color: #659fbe;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action.wpforo-approve i,
#wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action.wpforo-approve i{color: #659fbe;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action.wpforo-unsolved i,
#wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action.wpforo-unsticky i{color: #659fbe;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action.wpforo-unsolved i:hover,
#wpforo #wpforo-wrap .wpfl-4 .wpf-content-foot .wpf-buttons .wpf-action.wpforo-unsticky i:hover{ color: #3f7796;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies-bar{color: #777777;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies-bar .wpf-post-replies-info{color: #43a6df;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies-bar .wpf-prsep{border-bottom: 1px dashed #999999;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-post-replies-bar .wpforo-ttgg i{color: #999999;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-head .wpf-author-avatar .avatar{background: #ffffff; border: 1px dashed #999999; border-left-style:solid; border-right-style:solid;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-head .wpf-author .wpforo-memberinfo{color: #777777;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-head .wpf-post-date{color:#999999;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-content{background-color:  #fafafa;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-content .wpf-reply-tree{border-bottom: 1px dashed #cccccc;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-content .wpf-reply-tree i{color: #999999;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-content .wpf-reply-tree .wpf-tree-item em{color: #777777;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-reply-content .wpf-reply-tree .wpf-tree-item.wpf-starter .avatar{background: #ffffff; border: 1px solid #43a6df;}
#wpforo #wpforo-wrap .wpfl-4 .wpf-child-post .wpf-content-foot{border-top: #f5f5f5 1px solid;}
#wpforo #wpforo-wrap .wpfl-4 .wpforo-post .wpforo-post-footer {background:  #fafafa;}
#wpforo #wpforo-wrap .wpfl-4 .wpforo-post .wpforo-post-footer .reacted-users:not(:empty){ border-top: 3px solid #ffffff;}
#wpforo #wpforo-wrap .wpfl-4 .wpforo-post .wpforo-post-footer .reacted-users a{ color:#ff812d; }
#wpforo #wpforo-wrap .wpfl-4 .wpf-replies-sep{border-bottom: 1px solid #cccccc; color: #999999;}
#wpforo #wpforo-wrap .wpfl-5 .wpforo-category{ background-color:#f5f5f5; border-bottom:#43a6df 2px solid; }
#wpforo #wpforo-wrap .wpfl-5 .cat-title{ color:#555555; }
#wpforo #wpforo-wrap .wpf-popover i.fa-thumbs-up{color: #3f7796;}
#wpforo #wpforo-wrap .wpf-popover i.fa-thumbs-down{color: #f42d2c;}
#wpforo #wpforo-wrap .wpf-popover .wpf-react.wpf-unreacted > i{ color: #999999; }
#wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-head{box-shadow: 0 0 2px #cccccc;}
#wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-head .wpforo-profile-back{background: #43a6df; color: #ffffff;}
#wpforo #wpforo-wrap .wpforo-profile .wpforo-user-tools span{color: #3f7796; border-bottom: #3f7796 2px solid;}
#wpforo #wpforo-wrap .wpforo-profile .wpforo-user-tools span:hover{color: #43a6df; border-bottom: #43a6df 2px solid;}
#wpforo #wpforo-wrap .wpforo-profile .wpforo-user-tools span.wpf-ab-ban:hover{color: #666 !important; border-bottom: #666 2px solid !important;}
#wpforo #wpforo-wrap .wpforo-profile .wpforo-user-tools span.wpf-ab-ban[data-currentstate="0"]{color: #999; border-bottom: #999 2px solid;}
#wpforo #wpforo-wrap .wpforo-profile .wpforo-user-tools span.wpf-ab-ban[data-currentstate="1"]{color: #e76a11; border-bottom: #e76a11 2px solid;}
#wpforo #wpforo-wrap .wpforo-profile .wpforo-user-tools span.wpf-ab-delete,
#wpforo #wpforo-wrap .wpforo-profile .wpforo-user-tools span.wpf-ab-delete_dash{color: #c22517;border-bottom: #c22517 2px solid;}
#wpforo #wpforo-wrap .wpforo-profile .wpforo-user-tools span.wpf-ab-delete:hover,
#wpforo #wpforo-wrap .wpforo-profile .wpforo-user-tools span.wpf-ab-delete_dash:hover{color: #f07a25 !important; border-bottom: #f07a25 2px solid !important;}
#wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-menu{ border-bottom: 2px solid #e6e6e6;}
#wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-menu .wpf-profile-menu:hover{ background: #f5f5f5; color:#555555;}
#wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-menu .wpf-profile-menu{ border-right:#ffffff 1px solid; }
#wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-menu .wpf-profile-menu.wpforo-active{color: #43a6df;}
#wpforo #wpforo-wrap .wpforo-profile .wpforo-profile-home .wpf-field.wpf-field-name-html_soc_net{border-bottom: 2px solid #f5f5f5;}
#wpforo #wpforo-wrap .wpf-profile-section{color: #666666;}
#wpforo #wpforo-wrap .wpf-profile-section .wpf-statbox .wpf-statbox-icon{background-color: #dff4ff; fill: #659fbe; color: #659fbe;}
#wpforo #wpforo-wrap .wpf-board-panel{background: #f5f5f5;}
#wpforo #wpforo-wrap .wpf-board-panel-right span{border-left: 1px solid #ffffff;}
#wpforo #wpforo-wrap .wpf-board-panel-right span.wpf-active{background: #ffffff; background: #ffffff;}
#wpforo #wpforo-wrap .wpforo-profile .wpf-field .wpf-field-cl{ clear:both;}
#wpforo #wpforo-wrap .wpforo-profile .wpf-field input {max-width: 100%;}
#wpforo #wpforo-wrap .wpforo-profile .wpf-field input[type="text"],
#wpforo #wpforo-wrap .wpforo-profile .wpf-field input[type="password"],
#wpforo #wpforo-wrap .wpforo-profile .wpf-field input[type="email"],
#wpforo #wpforo-wrap .wpforo-profile .wpf-field input[type="date"],
#wpforo #wpforo-wrap .wpforo-profile .wpf-field input[type="number"],
#wpforo #wpforo-wrap .wpforo-profile .wpf-field input[type="url"],
#wpforo #wpforo-wrap .wpforo-profile .wpf-field input[type="tel"],
#wpforo #wpforo-wrap .wpforo-profile .wpf-field textarea,
#wpforo #wpforo-wrap .wpforo-profile .wpf-field select{box-shadow:none; background-color: #f5f5f5; border: 1px solid #e6e6e6;}
#wpforo #wpforo-wrap .wpf-activity-panel{box-shadow: 0px 0px 3px #cccccc;}
#wpforo #wpforo-wrap .wpf-activity-panel .wpf-activity-panel-right span{border-right: 1px solid #f5f5f5;}
#wpforo #wpforo-wrap .wpf-activity-panel .wpf-activity-panel-right span.wpf-active{background: #f5f5f5;}
#wpforo #wpforo-wrap .wpf-activity-icon i{background: #ffffff; box-shadow: 0px 0px 5px #bbb;}
#wpforo #wpforo-wrap .wpf-activity-icon svg{fill: #999999;}
#wpforo #wpforo-wrap .wpf-activity-data{border-left: 2px solid #f5f5f5;}
#wpforo #wpforo-wrap .wpf-activity-data .wpf-activity-bottom .wpf-activity-forum{border-left: 1px dashed #cccccc;}
#wpforo #wpforo-wrap .wpfa-reply .wpf-activity-icon svg{fill: #999999;}
#wpforo #wpforo-wrap .wpforo-subscriptions .sbn-icon{ border-right:2px solid #ffffff; }
#wpforo #wpforo-wrap .wpforo-subscriptions .wpf-sbs-bulk-options{background: #ffffff;}
#wpforo #wpforo-wrap .wpforo-subscriptions .wpf-sbs-bulk-options ul li{border-bottom: 1px dotted #cccccc;}
#wpforo #wpforo-wrap .wpforo-subscriptions .wpf-sbs-bulk-options .wpf-sbs-cat{background: #f5f5f5;}
#wpforo #wpforo-wrap .wpforo-subscriptions .wpf-sbs-bulk div{border-bottom: 1px dotted #999999;}
#wpforo #wpforo-wrap .wpforo-subscriptions .wpf-sbs-bulk-options .wpf-sbs-checkbox{color: #555555;}
#wpforo #wpforo-wrap .wpf-sbs-panel{box-shadow: 0px 0px 3px #cccccc;}
#wpforo #wpforo-wrap .wpf-sbs-panel .wpf-sbs-panel-right span{border-right: 1px solid #f5f5f5;}
#wpforo #wpforo-wrap .wpf-sbs-panel .wpf-sbs-panel-right span.wpf-active{background: #f5f5f5;}
#wpforo #wpforo-wrap .wpforo-subscriptions .wpforo-sb{border-bottom: 1px dashed #cccccc;}
#wpforo #wpforo-wrap .wpforo-subscriptions .wpforo-sb .sbn-action i{color: #e85757;}
#wpforo #wpforo-wrap .wpforo-followers .wpf-tab-subtitle{border-bottom: 1px dashed #cccccc;}
#wpforo #wpforo-wrap .wpforo-followers .wpforo-follower{background: #f5f5f5;}
#wpforo #wpforo-wrap .wpforo-following .wpf-tab-subtitle{border-bottom: 1px dashed #cccccc;}
#wpforo #wpforo-wrap .wpforo-following .wpforo-follower{background: #f5f5f5;}
#wpforo #wpforo-wrap .wpforo-following .wpforo-follower .sbn-action a{color: #e85757;}
#wpforo #wpforo-wrap input[type="text"], #wpforo #wpforo-wrap input[type="password"],
#wpforo #wpforo-wrap input[type="email"], #wpforo #wpforo-wrap textarea,
#wpforo #wpforo-wrap select { border: 1px solid #dadada; color: #777777; box-shadow: inset 0 1px 4px #e6e6e6; -moz-box-shadow: inset 0 1px 4px #e6e6e6; -webkit-box-shadow: inset 0 1px 4px #e6e6e6; }
#wpforo #wpforo-wrap input[type="submit"],
#wpforo #wpforo-wrap input[type="reset"],
#wpforo #wpforo-wrap input[type="button"],
#wpforo-dialog input[type="submit"],
#wpforo-dialog input[type="reset"],
#wpforo-dialog input[type="button"]{ background:#43a6df; color:#ffffff; border: 1px solid #0099cc; }
#wpforo #wpforo-wrap input[type="submit"]:hover,#wpforo #wpforo-wrap input[type="reset"]:hover{ background:#0099cc; }
#wpforo #wpforo-wrap input[type="button"]:hover{ background:#0099cc; }
#wpforo #wpforo-wrap .wpf-button, .wpf-button{ background:#43a6df; color:#ffffff!important; border: 1px solid #0099cc; }
#wpforo #wpforo-wrap .wpf-button:hover, .wpf-button:hover{ background:#0099cc; }
#wpforo #wpforo-wrap .wpforo-category .wpf-button{ background:#ffffff; color:#43a6df!important; border: 1px solid #0099cc; box-shadow: 0 0 3px #fff; }
#wpforo #wpforo-wrap .wpforo-category .wpf-button:hover{ background:#43a6df; color:#ffffff!important; border: 1px solid #0099cc; box-shadow: 0 0 10px #fff; }
#wpforo #wpforo-wrap .wpf-button-secondary, .wpf-button-secondary{background: #FEFEFE !important; color: #333333 !important; border: 1px solid #CCCCCC !important;}
#wpforo #wpforo-wrap .wpf-button-secondary:hover, .wpf-button-secondary:hover{background: #FFFFFF !important;}
#wpforo #wpforo-wrap .wpf-topic-create{ background-color:  #f5f5f5 ;}
#wpforo #wpforo-wrap .wpf-topic-create .wp-editor-tools{ border-bottom:1px #dadada solid; }
#wpforo #wpforo-wrap .wpf-topic-create .wp-editor-tabs a.switch-tmce{ border: 1px #dadada solid; }
#wpforo #wpforo-wrap .wpf-topic-create .wp-editor-tabs a.switch-html{ border: 1px #dadada solid; }
#wpforo #wpforo-wrap .wpf-topic-create .quicktags-toolbar input[type="button"] { background:#43a6df; color:#ffffff; }
#wpforo #wpforo-wrap .wpf-topic-create .quicktags-toolbar input[type="button"]:hover{ background:#0099cc!important; }
#wpforo #wpforo-wrap .wpf-post-create { background-color:  #f5f5f5 ;}
#wpforo #wpforo-wrap .wpf-post-create .wp-editor-tools{ border-bottom:1px #dadada solid; }
#wpforo #wpforo-wrap .wpf-post-create .wp-editor-tabs a.switch-tmce{ border: 1px #dadada solid; }
#wpforo #wpforo-wrap .wpf-post-create .wp-editor-tabs a.switch-html{ border: 1px #dadada solid; }
#wpforo #wpforo-wrap .wpf-post-create .quicktags-toolbar input[type="button"] { background:#43a6df; color:#ffffff; }
#wpforo #wpforo-wrap .wpf-post-create .quicktags-toolbar input[type="button"]:hover{ background:#0099cc!important; }
#wpforo #wpforo-wrap .wpforo-tags .wpf-tags-title{border-right: 1px solid #ffffff;}
#wpforo #wpforo-wrap .wpf-tags a{background:#4a8eb3; color:#ffffff;}
#wpforo #wpforo-wrap .wpf-tags a:before{ border-color:transparent #4a8eb3 transparent transparent;}
#wpforo #wpforo-wrap .wpf-tags a:after{ background:#ffffff; -moz-box-shadow:-1px -1px 2px #3f7796; -webkit-box-shadow:-1px -1px 2px #3f7796; box-shadow:-1px -1px 2px #3f7796;}
#wpforo #wpforo-wrap .wpf-topic-tags #wpf_tags{color: #4a8eb3;}
#wpforo #wpforo-wrap.wpf-dark .wpf-topic-tags #wpf_tags{color: #555555;}
#wpforo #wpforo-wrap .wpf-tags a:active,
#wpforo #wpforo-wrap .wpf-tags a:visited{color: #ffffff;}
#wpforo #wpforo-wrap .wpf-tags a:hover{background:#666666; color: #ffffff;}
#wpforo #wpforo-wrap .wpf-tags a:hover:before{border-color:transparent #666666 transparent transparent;}
#wpforo #wpforo-wrap .wpforo-topic-footer{color: #777777;}
#wpforo #wpforo-wrap .wpf-topic-rel .wpf-rel-wrap{border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
#wpforo #wpforo-wrap .wpf-topic-rel .wpf-no-rel{border-top: 1px solid #e6e6e6;}
#wpforo #wpforo-wrap .wpf-topic-visitors{border-top: 1px solid #e6e6e6;}
#wpforo #wpforo-wrap .wpf-topic-navi .wpf-navi-wrap{border-top: #e6e6e6 3px solid;}
#wpforo #wpforo-wrap .wpf-tags-text i,
#wpforo #wpforo-wrap .wpf-topic-rel .wpf-rel-title i{color:#777777;}
#wpforo #wpforo-wrap .wpforo-members-wrap td.wpf-members-search { border-bottom:1px solid #e6e6e6; }
#wpforo #wpforo-wrap .wpforo-members .wpforo-member {background: #fafafa; border-bottom:1px solid #cccccc;}
#wpforo #wpforo-wrap .wpforo-members .wpforo-member .wpforo-member-social a{color: #cccccc; fill: #cccccc;}
#wpforo #wpforo-wrap .wpforo-members .wpforo-member .wpforo-member-social a:hover{color: #43a6df; fill: #43a6df;}
#wpforo #wpforo-wrap .wpforo-members .wpforo-member .wpforo-member-ug{border: 1px dashed #f5f5f5;}
#wpforo #wpforo-wrap .wpforo-members .wpforo-member .wpforo-member-reputation{}
#wpforo #wpforo-wrap .wpforo-members .wpforo-member .wpforo-member-bg{box-shadow: 0 0 4px #cccccc;}
#wpforo #wpforo-wrap .wpforo-register-wrap .wpforo-register-content { border-bottom:#cccccc 1px solid; padding: 40px 1%; }
#wpforo #wpforo-wrap .wpforo-register-wrap .wpforo-register-content h3{color:#555555}
#wpforo #wpforo-wrap .wpforo-login-wrap .wpforo-login-content { border-bottom:#cccccc 1px solid; padding: 40px 1%; }
#wpforo #wpforo-wrap .wpforo-login-wrap .wpforo-login-content .wpforo-login-table{ padding:1%; }
#wpforo #wpforo-wrap .wpforo-login-wrap .wpforo-login-content .wpforo-login-table .wpf-field{border-bottom:none;}
#wpforo #wpforo-wrap .wpforo-login-wrap .wpforo-login-content h3{color:#555555}
#wpforo #wpforo-wrap .wpforo-404-wrap .wpforo-404-content { border-top:#e6e6e6 1px solid; border-bottom:#e6e6e6 1px solid; }
#wpforo #wpforo-wrap .wpforo-404-wrap .wpf-search-box { border:#cccccc 1px dashed; }
#wpforo #wpforo-wrap .wpf-please-login{background-color: #f5f5f5;}
#wpforo #wpforo-wrap #wpforo-search-title { color:#333333; }
#wpforo #wpforo-wrap .wpforo-search-sep{ background: #43a6df; border: transparent; height: 2px; display: none }
#wpforo #wpforo-wrap .wpforo-search-wrap .wpf-search-bar{ background:#f5f5f5; }
#wpforo #wpforo-wrap .wpforo-search-wrap .wpf-search-bar .wpfltd{ border-bottom:1px dotted #ffffff; }
#wpforo #wpforo-wrap .wpforo-search-wrap .wpf-search-bar .wpfrtd{ border-bottom:1px dotted #ffffff; }
#wpforo #wpforo-wrap .wpforo-search-wrap .wpforo-search-content { border-bottom:#e6e6e6 1px solid; }
#wpforo #wpforo-wrap .wpforo-search-wrap .wpforo-search-content .wpf-ptr{ border-bottom:#cccccc 1px solid;}
#wpforo #wpforo-wrap .wpforo-search-wrap .wpforo-search-content .wpf-htr{ background-color:#43a6df; color:#ffffff; }
#wpforo #wpforo-wrap .wpforo-search-wrap .wpforo-search-content .wpf-ttr{ background:#f5f5f5 }
#wpforo #wpforo-wrap .wpforo-search-wrap .wpforo-search-content td.wpf-shead-icon{ border-right:1px solid #ffffff;}
#wpforo #wpforo-wrap .wpforo-search-wrap .wpforo-search-content td.wpf-spost-icon { border-right:1px solid #ffffff;} #wpforo #wpforo-wrap .wpf-search-result-card{ background:#ffffff; border-bottom:1px solid #e6e6e6;}
#wpforo #wpforo-wrap .wpf-search-result-card:hover{ border-color:#43a6df;}
#wpforo #wpforo-wrap .wpf-sr-meta{ border-bottom:1px solid #f5f5f5;}
#wpforo #wpforo-wrap .wpf-sr-meta-item{ color:#999999;}
#wpforo #wpforo-wrap .wpf-sr-meta-item i{ color:#cccccc;}
#wpforo #wpforo-wrap .wpf-sr-relevance{ background:#fef3c7; color:#92400e;}
#wpforo #wpforo-wrap .wpf-sr-relevance i{ color:#d97706;}
#wpforo #wpforo-wrap .wpf-sr-body{ color:#666666;}
#wpforo #wpforo-wrap .wpf-sr-body .wpf-search-highlight{ background:#fef08a;}
#wpforo #wpforo-wrap .wpf-sr-tags .wpf-tag{ background:#e6e6e6; color:#555555;}
#wpforo #wpforo-wrap .wpf-sr-tags .wpf-tag:hover{ background:#cccccc;}
#wpforo #wpforo-wrap .wpf-sr-view-link:hover{ background:#dff4ff;}
#wpforo #wpforo-wrap .wpf-sr-empty{ background:#f5f5f5; border:1px dashed #cccccc;}
#wpforo #wpforo-wrap .wpf-sr-empty-icon{ color:#cccccc;}
#wpforo #wpforo-wrap .wpf-sr-empty p{ color:#999999;}
#wpforo #wpforo-wrap #wpforo-recent-title { color:#333333; }
#wpforo #wpforo-wrap .wpforo-recent-wrap .wpf-recent-bar{ background:#f5f5f5; border:#e6e6e6 1px solid; }
#wpforo #wpforo-wrap .wpforo-recent-wrap .wpf-recent-bar .wpfltd{ border-bottom:1px dotted #ffffff; }
#wpforo #wpforo-wrap .wpforo-recent-wrap .wpf-recent-bar .wpfrtd{ border-bottom:1px dotted #ffffff; }
#wpforo #wpforo-wrap .wpforo-recent-wrap .wpforo-recent-content { border-bottom:#e6e6e6 1px solid; }
#wpforo #wpforo-wrap .wpforo-recent-wrap .wpforo-recent-content .wpf-ttr{ background:  #fafafa;}
#wpforo #wpforo-wrap .wpforo-recent-wrap .wpforo-recent-content td.wpf-shead-icon{ border-right:1px solid #ffffff;}
#wpforo #wpforo-wrap .wpforo-recent-wrap .wpforo-recent-content td.wpf-spost-icon { border-right:1px solid #ffffff;}
#wpforo #wpforo-wrap .wpforo-recent-wrap .wpforo-recent-content td.wpf-stext{color:#666666}
#wpforo #wpforo-wrap .wpf-action, .wpf-notifications .wpf-action{ color: #999999; }
#wpforo #wpforo-wrap .wpf-action:hover, .wpf-notifications .wpf-action:hover{ cursor: pointer; color: #659fbe; }
#wpforo #wpforo-wrap .wpf-action.wpforo-tools {color: #3f7796;}
#wpforo #wpforo-wrap .wpf-action.wpforo-tools:hover{cursor: pointer; color: #3f7796;}
#wpforo #wpforo-wrap .wpf-navi .wpf-navi-wrap .wpf-page-info{ color:#666666; }
#wpforo #wpforo-wrap .wpf-navi .wpf-navi-wrap .wpf-prev-button{ background:#43a6df; color:#ffffff;}
#wpforo #wpforo-wrap .wpf-navi .wpf-navi-wrap .wpf-next-button{ background:#43a6df; color:#ffffff;}
#wpforo #wpforo-wrap #wpforo-stat-header{ color: #555555; border-bottom: 1px solid #cccccc;}
#wpforo #wpforo-wrap  #wpforo-stat-body .wpf-stat-item{border-right:1px solid #e6e6e6;}
#wpforo #wpforo-wrap  #wpforo-stat-body .wpf-stat-item i{color:#777777;}
#wpforo #wpforo-wrap  #wpforo-stat-body .wpf-stat-item .wpf-stat-value{color:#777777;}
#wpforo #wpforo-wrap  #wpforo-stat-body .wpf-stat-item .wpf-stat-label{border-top:1px dotted #cccccc; color:#777777;}
#wpforo #wpforo-wrap  #wpforo-stat-body .wpf-last-info i{color:#777777;}
#wpforo #wpforo-wrap #wpforo-poweredby{ border-top: 1px solid #e6e6e6;}
#wpforo #wpforo-wrap #wpforo-stat-header .wpf-footer-title{ border-bottom: 3px solid #43a6df; margin-bottom: -2px;}
#wpforo #wpforo-wrap  .wpf-footer-box{background-color:#f5f5f5;}
#wpforo #wpforo-wrap #wpforo-stat-body .wpf-newest-member svg,
#wpforo #wpforo-wrap #wpforo-stat-body .wpf-newest-post svg{fill:#777777;}
#wpforo #wpforo-wrap  #wpforo-stat-body.wpf-new svg,
#wpforo #wpforo-wrap  #wpforo-stat-body .wpf-all-read i{color:#4a8eb3;}
#wpforo #wpforo-wrap .widget-title,
.wpforo-widget-wrap .widget-title{ border-bottom:2px solid #e6e6e6;}
#wpforo #wpforo-wrap .wpforo-widget-wrap .wpforo-widget-content li,
.wpforo-widget-wrap .wpforo-widget-content li{ border-bottom:1px dotted #cccccc; } .wpforo-widget-wrap .wpf-widget-tags li{border: none!important; background-color: #f5f5f5!important;}
.wpforo-widget-wrap .wpf-widget-tags li a{color: #666666!important;}
.wpforo-widget-wrap .wpf-widget-tags li span{color: #999999!important;}
.wpforo-widget-wrap .wpf-widget-tags li:hover{background-color: #659fbe!important;}
.wpforo-widget-wrap .wpf-widget-tags li:hover a,
.wpforo-widget-wrap .wpf-widget-tags li:hover span{color: #ffffff!important; opacity: 1;}
.wpforo-widget-wrap .wpf-prof-footer .wpf-prof-buttons a:hover{background: #659fbe!important;}
.ui-dialog { z-index: 999998 !important; }
.wpf-video{	margin: 10px !important; }
.ui-dialog .ui-widget-header{  background-color: #43a6df!important; border-bottom:#cccccc 1px solid!important; }
.ui-dialog .ui-widget-header span.ui-dialog-title{ color: #ffffff !important; }
.ui-widget input[type="submit"]:hover{ background:#0099cc; }
.ui-widget input[type="submit"]{ background:#43a6df; color:#ffffff; border: 1px solid #0099cc; }
#wpforo #wpforo-wrap .wpforo-topic-badges i.fa,
#wpforo #wpforo-wrap .wpforo-topic-badges i.fas,
#wpforo #wpforo-wrap .wpforo-topic-badges i.fab,
#wpforo #wpforo-wrap .wpforo-topic-badges i.far,
#wpforo #wpforo-wrap .wpforo-topic-badges i.fal { color: #43a6df; }
#wpf_multi_quote .wpf-multi-quote{color: #ffffff; background: #43a6df;}
body.wpf-dark #wpf_multi_quote .wpf-multi-quote{color: #3f7796;}
#wpf-msg-box a{color:#ffffff;}
#wpf-msg-box a:hover{color:#e6e6e6;}
#wpf-msg-box > p{color:#ffffff!important;background-color:#43a6df;background:-moz-linear-gradient(#43a6df);background:-o-linear-gradient(#43a6df);background:linear-gradient(#43a6df);}
#wpf-msg-box > p:after{border-color:transparent #43a6df;}
#wpf-msg-box > p.error{background-color:#f46464;background:-moz-linear-gradient(#f46464);background:-o-linear-gradient(#f46464);background:linear-gradient(#f46464);}
#wpf-msg-box > p.error:after{border-color:transparent #f46464;}
#wpf-msg-box > p.success{background-color:#00a636;background:-moz-linear-gradient(#00a636);background:-o-linear-gradient(#00a636);background:linear-gradient(#00a636);}
#wpf-msg-box > p.success:after{border-color:transparent #00a636;}
body.wpf-dark #wpf-msg-box > p, body.wpf-dark #wpf-msg-box a, body.wpf-dark #wpf-msg-box a:visited{color:#3f7796!important;}
body.wpf-dark #wpf-msg-box a:hover, body.wpf-dark #wpf-msg-box a:active{color:#659fbe!important;}
#wpforo #wpforo-wrap .wpf-field { border-bottom: 1px dashed #cccccc;}
#wpforo #wpforo-wrap .wpf-field .wpf-label i{ color: #777777; }
#wpforo #wpforo-wrap .wpf-field:not(.wpf-field-type-tinymce) .wpf-field-wrap i{ color: #777777; }
#wpforo #wpforo-wrap .wpf-field .wpf-field-cl{ clear:both;}
#wpforo #wpforo-wrap .wpf-field input {max-width: 100%;}
#wpforo #wpforo-wrap .wpf-field input[type="text"],
#wpforo #wpforo-wrap .wpf-field input[type="search"],
#wpforo #wpforo-wrap .wpf-field input[type="password"],
#wpforo #wpforo-wrap .wpf-field input[type="email"],
#wpforo #wpforo-wrap .wpf-field input[type="date"],
#wpforo #wpforo-wrap .wpf-field input[type="number"],
#wpforo #wpforo-wrap .wpf-field input[type="url"],
#wpforo #wpforo-wrap .wpf-field input[type="tel"],
#wpforo #wpforo-wrap .wpf-field textarea,
#wpforo #wpforo-wrap .wpf-field select{box-shadow:none; background-color: #ffffff; border: 1px solid #e6e6e6;}
#wpforo #wpforo-wrap .wpf-field input::-webkit-input-placeholder,
#wpforo #wpforo-wrap .wpf-field textarea::-webkit-input-placeholder  { color: #999999;}
#wpforo #wpforo-wrap .wpf-field input::-moz-placeholder,
#wpforo #wpforo-wrap .wpf-field textarea::-moz-placeholder  {color: #999999;}
#wpforo #wpforo-wrap .wpf-field input:-ms-input-placeholder,
#wpforo #wpforo-wrap .wpf-field textarea:-ms-input-placeholder  {color: #999999;}
#wpforo #wpforo-wrap .wpf-field input:-moz-placeholder,
#wpforo #wpforo-wrap .wpf-field textarea:-moz-placeholder {color: #999999;}
#wpforo #wpforo-wrap .wpf-field input[type="text"]:focus,
#wpforo #wpforo-wrap .wpf-field input[type="password"]:focus,
#wpforo #wpforo-wrap .wpf-field input[type="email"]:focus,
#wpforo #wpforo-wrap .wpf-field input[type="date"]:focus,
#wpforo #wpforo-wrap .wpf-field input[type="number"]:focus,
#wpforo #wpforo-wrap .wpf-field input[type="url"]:focus,
#wpforo #wpforo-wrap .wpf-field input[type="tel"]:focus,#wpforo #wpforo-wrap .wpf-field textarea:focus,
#wpforo #wpforo-wrap .wpf-field select:focus{ background-color: #feffec}
#wpforo #wpforo-wrap .wpf-field .wpf-label i{ padding-right:5px; width:25px;}
#wpforo #wpforo-wrap .wpf-field .wpf-field-required-icon{color: #ff812d;}
#wpforo #wpforo-wrap .wpf-field .wpf-field-wrap .mce-tinymce.mce-container.mce-panel{border: 3px solid #f5f5f5; border-width: 3px !important;}
#wpforo #wpforo-wrap .wpf-add-topic-title{border: 1px dashed #43a6df; color: #43a6df; border-right: none; border-left: none;}
#wpforo #wpforo-wrap .wpf-acp-header{border-bottom: 1px dashed #43a6df;}
#wpforo #wpforo-wrap .wpf-acp-header .wpf-acp-toggle i{color: #43a6df;}
#wpforo #wpforo-wrap .wpf-tools {background: #ffffff; border-left: 3px dashed #cccccc;}
#wpforo #wpforo-wrap .wpf-tools .wpf-tool-tabs .wpf-tool-tab{ border-bottom-color: #999999; }
#wpforo #wpforo-wrap .wpf-tools .wpf-tool-tabs .wpf-tool-tab.wpf-tt-active{ border-bottom-color: #43a6df; color:#43a6df; }
#wpforo #wpforo-wrap .wpf-tools .wpf-tool h3{ color: #e6e6e6}
#wpforo #wpforo-wrap .wpf-tools .wpf-tool .wpf-tool-desc{ color: #999999;}
#wpforo #wpforo-wrap .wpf-tools .wpf-tool li input[type="text"]{background: #ffffff;}
#wpforo #wpforo-wrap .wpf-tools .wpf-tool .wpf-split-posts{background: #ffffff; border: 1px solid #dadada; border-left: 3px solid #dadada; }
#wpforo #wpforo-wrap .wpf-tools .wpf-tool .wpf-split-posts ul li{border-bottom: 1px dotted #cccccc;}
#wpforo #wpforo-wrap .wpf-tools .wpf-tool li input[type="text"]::placeholder {color: #cccccc; opacity: 1;}
#wpforo #wpforo-wrap .wpf-tools .wpf-tool li input[type="text"]:-ms-input-placeholder {color: #cccccc;}
#wpforo #wpforo-wrap .wpf-tools .wpf-tool li input[type="text"]::-ms-input-placeholder {color: #cccccc;}
#wpforo #wpforo-wrap .wpf-sb-1{color:#cccccc;background-color:#f5f5f5;}
#wpforo #wpforo-wrap .wpf-sb-2{color:#43a6df;background-color:#f5f5f5;}
#wpforo #wpforo-wrap .wpf-sb-3{color:#cccccc;background-color:transparent;}
#wpforo #wpforo-wrap .wpf-sb-4{color:#43a6df;background-color:transparent;}
#wpforo #wpforo-wrap .wpf-sb .wpf-sb-buttons i{color: #cccccc;}
#wpforo #wpforo-wrap .wpf-sb .wpf-sb-toggle .wpfsa{color:#43a6df!important;}
#wpforo #wpforo-wrap .wpfl-1 .wpf-sb-right.wpf-sb-1,
#wpforo #wpforo-wrap .wpfl-1 .wpf-sb-right.wpf-sb-2{border:1px solid #e6e6e6;}
#wpforo #wpforo-wrap .wpfl-2 .wpf-sb-right, #wpforo #wpforo-wrap .wpfl-3 .wpf-sb-right{ border-top:1px solid #e6e6e6;}
#wpforo #wpforo-wrap .wpfl-2 .wpf-sb-left, #wpforo #wpforo-wrap .wpfl-3 .wpf-sb-left{ background-color:transparent;}
#wpforo #wpforo-wrap .wpf-sb.wpf-sb-top .wpf-sb-buttons{border-left: 1px dotted #3f7796;}
[dir="rtl"] #wpforo #wpforo-wrap .wpf-sb.wpf-sb-top .wpf-sb-buttons{border-right: 1px dotted #3f7796; border-left:none;}
#wpforo #wpforo-wrap .wpf-sb.wpf-sb-top.sb-tt-expanded .wpf-sb-buttons i{color:#3f7796;}
#wpforo #wpforo-wrap .wpf-sbtn {color: #555555;}
#wpforo #wpforo-wrap .wpf-sbtn .wpf-sbtn-title i{color: #999999;}
#wpforo #wpforo-wrap .wpf-sbtn.wpf-sb-style-grey .wpf-sb-button{background: #aaaaaa; color: #ffffff; }
#wpforo #wpforo-wrap .wpf-sbtn.wpf-sb-style-grey .wpf-sb-button.wpf-sb-icon{background: transparent; color: #777777; border: 1px solid #bbbbbb;}
#wpforo #wpforo-wrap .wpf-sb .wpf-fb .wpfsa, #wpforo #wpforo-wrap .wpf-sb .wpf-fb i:hover{ color: #4267b2!important;}
#wpforo #wpforo-wrap .wpf-sb .wpf-tw .wpfsa, #wpforo #wpforo-wrap .wpf-sb .wpf-tw i:hover{ color: #232323 !important;}
#wpforo #wpforo-wrap .wpf-sb .wpf-wapp .wpfsa, #wpforo #wpforo-wrap .wpf-sb .wpf-wapp i:hover{ color: #1BD741!important;}
#wpforo #wpforo-wrap .wpf-sb .wpf-lin .wpfsa, #wpforo #wpforo-wrap .wpf-sb .wpf-lin i:hover{ color: #0A75B5!important;}
#wpforo #wpforo-wrap .wpf-sb .wpf-gg .wpfsa, #wpforo #wpforo-wrap .wpf-sb .wpf-gg i:hover{ color: #DB4437!important;}
#wpforo #wpforo-wrap .wpf-sb .wpf-vk .wpfsa, #wpforo #wpforo-wrap .wpf-sb .wpf-vk i:hover{ color: #4A76A8!important;}
#wpforo #wpforo-wrap .wpf-sb .wpf-ok .wpfsa, #wpforo #wpforo-wrap .wpf-sb .wpf-ok i:hover{ color: #EE8208!important;}
#wpforo #wpforo-wrap .wpf-sbtn .wpf-sb-button.wpf-fb:hover{ background-color: #4267b2; border-color: #4267b2; color: #fff;}
#wpforo #wpforo-wrap .wpf-sbtn .wpf-sb-button.wpf-tw:hover{ background-color: #252525; border-color: #2c2c2c; color: #fff;}
#wpforo #wpforo-wrap .wpf-sbtn .wpf-sb-button.wpf-lin:hover{ background-color: #0A75B5; border-color: #0A75B5; color: #fff;}
#wpforo #wpforo-wrap .wpf-sbtn .wpf-sb-button.wpf-wapp:hover{ background-color: #1BD741; border-color: #1BD741; color: #fff;}
#wpforo #wpforo-wrap .wpf-sbtn .wpf-sb-button.wpf-gg:hover{ background-color: #DB4437; border-color: #DB4437; color: #fff;}
#wpforo #wpforo-wrap .wpf-sbtn .wpf-sb-button.wpf-vk:hover{ background-color: #4A76A8; border-color: #4A76A8; color: #fff;}
#wpforo #wpforo-wrap .wpf-sbtn .wpf-sb-button.wpf-ok:hover{ background-color: #EE8208; border-color: #EE8208; color: #fff;}
#wpforo #wpforo-wrap .wpf-sbtn.wpf-sb-style-colored .wpf-sb-button.wpf-fb{ background-color: #4267b2; border-color: #4267b2; color: #fff;}
#wpforo #wpforo-wrap .wpf-sbtn.wpf-sb-style-colored .wpf-sb-button.wpf-tw{ background-color: #1a1a1a; border-color: #2a2a2a; color: #fff;}
#wpforo #wpforo-wrap .wpf-sbtn.wpf-sb-style-colored .wpf-sb-button.wpf-wapp{ background-color: #1BD741; border-color: #1BD741; color: #fff;}
#wpforo #wpforo-wrap .wpf-sbtn.wpf-sb-style-colored .wpf-sb-button.wpf-lin{ background-color: #0A75B5; border-color: #0A75B5; color: #fff;}
#wpforo #wpforo-wrap .wpf-sbtn.wpf-sb-style-colored .wpf-sb-button.wpf-gg{ background-color: #DB4437; border-color: #DB4437; color: #fff;}
#wpforo #wpforo-wrap .wpf-sbtn.wpf-sb-style-colored .wpf-sb-button.wpf-vk{ background-color: #4A76A8; border-color: #4A76A8; color: #fff;}
#wpforo #wpforo-wrap .wpf-sbtn.wpf-sb-style-colored .wpf-sb-button.wpf-ok{ background-color: #EE8208; border-color: #EE8208; color: #fff;}
#wpforo #wpforo-wrap .wpforo-revisions-wrap{border-color: #e6e6e6;}
#wpforo #wpforo-wrap .wpforo-revisions-wrap *{border-color: #43a6df !important;}
#wpforo #wpforo-wrap .wpforo-revision{background-color: #f5f5f5; box-shadow: 0 0 4px #cccccc;}
#wpforo #wpforo-wrap .wpforo-revision .wpforo-revision-top{color: #666666;}
#wpforo #wpforo-wrap .wpforo-revisions-wrap .wpforo-revision-body{background-color: #ffffff; color: #555555;}
#wpforo #wpforo-wrap .wpf-topic-form-wrap > .wpf-extra-fields{border-top:1px #e6e6e6 solid;}
#wpforo #wpforo-wrap.wpf-dark .wpforo-revision .wpforo-revision-top{color: #999999;}
#wpforo #wpforo-wrap.wpf-dark .wpforo-revisions-wrap .wpforo-revision-body{background-color: #e6e6e6; color: #3f7796;}
@media screen and (max-width:800px) {
#wpforo #wpforo-wrap #wpforo-menu .wpf-menu{background-color:#f5f5f5;}
#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-right .wpforo-post-content-top{border-top: 1px solid #e6e6e6; }
}
#wpforo #wpforo-wrap.wpf-dark { color: #3f7796; }
#wpforo #wpforo-wrap.wpf-dark .wpfcl-3{ color:#3f7796!important; }
#wpforo #wpforo-wrap.wpf-dark .wpfcl-1{ color:#3f7796!important; }
#wpforo #wpforo-wrap.wpf-dark .wpfcl-4{ color:#3f7796!important; }
#wpforo #wpforo-wrap.wpf-dark .wpf-action{ color: #3f7796; }
#wpforo #wpforo-wrap.wpf-dark .wpforo-post .wpforo-post-content p{ color:#3f7796; }
#wpforo #wpforo-wrap.wpf-dark #wpforo-menu li a { color: #3f7796; }
#wpforo #wpforo-wrap.wpf-dark .wpfl-2 .head-stat-lastpost, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .head-stat-lastpost{ color: #3f7796; }
#wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-last-post{ color: #3f7796; }
#wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-topic-stat-lastpost, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .wpforo-topic-stat-lastpost{ color: #3f7796; }
#wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-forum-description, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .wpforo-forum-description{ color: #3f7796; }
#wpforo #wpforo-wrap.wpf-dark .wpfl-1 .cat-title, #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .cat-title, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .cat-title{ color:#3f7796; }
#wpforo #wpforo-wrap.wpf-dark .wpfl-1 .wpforo-category div, #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-category div, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .wpforo-category div, #wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpforo-category div{ color:#3f7796; }
#wpforo #wpforo-wrap.wpf-dark .wpfl-1 .wpforo-last-topic-date, #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-last-topic-date, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .wpforo-last-topic-date{ color:#3f7796; }
#wpforo #wpforo-wrap.wpf-dark .wpfl-1 .wpforo-topic-stat-posts, #wpforo #wpforo-wrap.wpf-dark .wpfl-1 .wpforo-topic-stat-views{ color:#3f7796; }
#wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-topic-stat-posts, #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-topic-stat-views{ color:#3f7796; }
#wpforo #wpforo-wrap.wpf-dark .wpfl-3 .wpforo-topic-stat-posts, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .wpforo-topic-stat-views{ color:#3f7796; }
#wpforo #wpforo-wrap.wpf-dark .wpfl-1 .wpforo-last-post-date, #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-last-post-date, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .wpforo-last-post-date{ color:#3f7796; }
#wpforo #wpforo-wrap.wpf-dark .wpfl-1 .head-title, #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .head-title, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .head-title{ color:#3f7796; }
#wpforo #wpforo-wrap.wpf-dark .wpfl-1 .head-stat-posts, #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .head-stat-posts, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .head-stat-posts{ color:#3f7796; }
#wpforo #wpforo-wrap.wpf-dark .wpfl-1 .head-stat-views, #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .head-stat-views, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .head-stat-views{ color:#3f7796; }
#wpforo #wpforo-wrap.wpf-dark .wpfl-1 .wpforo-post .wpf-left, #wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-post .wpf-left, #wpforo #wpforo-wrap.wpf-dark .wpfl-3 .wpforo-post .wpf-left{ color:#3f7796; }
#wpforo #wpforo-wrap.wpf-dark .wpfl-1 .wpforo-category div.cat-stat-posts,
#wpforo #wpforo-wrap.wpf-dark .wpfl-1 .wpforo-category div.cat-stat-topics{color: #999;}
#wpforo #wpforo-wrap.wpf-dark .wpfl-1 .wpforo-last-topic-user{color: #eee;}
#wpforo #wpforo-wrap.wpf-dark .wpfl-1 .wpforo-post .wpf-right .wpforo-post-content-top, #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-right .wpforo-post-content-top, #wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpf-right .wpforo-post-content-top{ color:#3f7796; }
#wpforo #wpforo-wrap.wpf-dark .wpfl-3 .wpforo-forum-stat-questions, #wpforo #wpforo-wrap .wpfl-3 .wpforo-forum-stat-answers, #wpforo #wpforo-wrap .wpfl-3 .wpforo-forum-stat-posts{ color:#3f7796; }
#wpforo #wpforo-wrap.wpf-dark #wpforo-stat-header{ color: #3f7796; border-bottom: 1px solid #cccccc;}
#wpforo #wpforo-wrap.wpf-dark .wpf-button{ color:#3f7796!important; }
#wpforo #wpforo-wrap.wpf-dark .wpf-topic-create .wpf-subject{background-color:#333333}
#wpforo #wpforo-wrap.wpf-dark .wpf-topic-create{background-color:#f5f5f5}
#wpforo #wpforo-wrap.wpf-dark .wpf-topic-create div.mce-toolbar-grp{background-color:#f5f5f5}
#wpforo #wpforo-wrap.wpf-dark .wpf-post-create .wpf-subject{background-color:#333333}
#wpforo #wpforo-wrap.wpf-dark .wpf-post-create{background-color:#f5f5f5}
#wpforo #wpforo-wrap.wpf-dark .wpf-post-create div.mce-toolbar-grp{background-color:#f5f5f5}
#wpforo #wpforo-wrap.wpf-dark input[type="text"], #wpforo #wpforo-wrap.wpf-dark input[type="search"], #wpforo #wpforo-wrap.wpf-dark input[type="email"], #wpforo #wpforo-wrap.wpf-dark input[type="date"], #wpforo #wpforo-wrap.wpf-dark input[type="number"], #wpforo #wpforo-wrap.wpf-dark input[type="url"], #wpforo #wpforo-wrap.wpf-dark input[type="tel"], #wpforo #wpforo-wrap.wpf-dark input[type="password"], #wpforo #wpforo-wrap.wpf-dark input[type="email"], #wpforo #wpforo-wrap.wpf-dark textarea, #wpforo #wpforo-wrap.wpf-dark select{color:#555555;background-color:#333333;}
#wpforo #wpforo-wrap.wpf-dark input[type="text"].wpf-search-field{background-color:transparent; color:#3f7796; }
#wpforo #wpforo-wrap.wpf-dark .wpf-field input::-webkit-input-placeholder, #wpforo #wpforo-wrap.wpf-dark .wpf-field textarea::-webkit-input-placeholder  { color: #cccccc;}
#wpforo #wpforo-wrap.wpf-dark .wpf-field input::-moz-placeholder, #wpforo #wpforo-wrap.wpf-dark .wpf-field textarea::-moz-placeholder  {color: #cccccc;}
#wpforo #wpforo-wrap.wpf-dark .wpf-field input:-ms-input-placeholder, #wpforo #wpforo-wrap.wpf-dark .wpf-field textarea:-ms-input-placeholder  {color: #cccccc;}
#wpforo #wpforo-wrap.wpf-dark .wpf-field input:-moz-placeholder, #wpforo #wpforo-wrap.wpf-dark .wpf-field textarea:-moz-placeholder {color: #cccccc;}
#wpforo #wpforo-wrap.wpf-dark #wpforo-stat-body{border:none;}
#wpforo #wpforo-wrap.wpf-dark .wpforo-members-content table tr{ background-color:#f5f5f5!important; }
#wpforo #wpforo-wrap.wpf-dark .wpforo-profile-wrap .profile-rating-bar-wrap{background:none;}
#wpforo #wpforo-wrap.wpf-dark .wpforo-profile-wrap .wpforo-profile-head{border:none;}
#wpforo #wpforo-wrap.wpf-dark .wpf-field:nth-child(even) {background-color: #f5f5f5;}
#wpforo #wpforo-wrap.wpf-dark .wpf-field .wpf-field-wrap { color:#777777}
#wpforo #wpforo-wrap.wpf-dark .wpf-field:not(.wpf-field-type-tinymce) .wpf-field-wrap i{ color:#cccccc}
#wpforo #wpforo-wrap.wpf-dark .wpf-table .wpfw-1 .wpf-field:nth-child(even) {background-color: #cccccc;}
#wpforo #wpforo-wrap.wpf-dark .wpforo-login-wrap .wpforo-table .wpfw-1 .wpf-field:nth-child(even){background-color: transparent;}
#wpforo #wpforo-wrap.wpf-dark .wpforo-profile-head .wpforo-active { color:#FFFFFF!important;}
#wpforo #wpforo-wrap.wpf-dark .wpf-profile-section .wpf-statbox .wpf-statbox-value{color:#777777}
#wpforo #wpforo-wrap.wpf-dark .wpf-post-create {border: none;}
#wpforo #wpforo-wrap.wpf-dark .wpf-topic-create {border: none;}
#wpforo #wpforo-wrap.wpf-dark #wpforo-description{color:#777777}
#wpforo #wpforo-wrap.wpf-dark .wpforo-login-wrap .wpforo-login-table{background-color: transparent;}
#wpforo #wpforo-wrap.wpf-dark .wpforo-login-wrap .wpforo-login-content > h3, #wpforo #wpforo-wrap.wpf-dark .wpforo-register-wrap .wpforo-register-content > h3{color:#777777}
#wpforo #wpforo-wrap.wpf-dark .wpf-tools .wpf-tool .wpf-split-posts{background: #666666; border:none; }
#wpforo #wpforo-wrap.wpf-dark .wpf-tools .wpf-tool .wpf-split-posts ul li{border-bottom: 1px dotted #333333;}
#wpforo #wpforo-wrap.wpf-dark .wpf-tools .wpf-tool li input[type="text"]{background: #dadada;}
#wpforo #wpforo-wrap.wpf-dark .wpf-sbtn .wpf-sbtn-title{ color: #777777}
#wpforo #wpforo-wrap.wpf-dark .wpf-sbtn.wpf-sb-style-grey .wpf-sb-button {background: #666666;}
#wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-cat-forum-list .wpf-forum-item a{color: #777777;}
#wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-cat-forum-list .wpf-forum-item a:hover{color: #3f7796;}
#wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-cat-forum-list .wpf-forum-item .wpf-forum-item-stat{color: #777777;}
#wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-threads-head .wpf-head-box{color: #777777;}
#wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-thread-users a img{background:#3f7796}
#wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-thread-box{color: #4a8eb3;}
#wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-thread-status .wpf-circle.wpfsq:first-child{border: none;}
#wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-cat-forum-list .wpf-forum-item, #wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-head-bar{border-bottom: 1px solid #e6e6e6;}
#wpforo #wpforo-wrap.wpf-dark .wpf-button{box-shadow: none;}
#wpforo #wpforo-wrap.wpf-dark .wpf-thread-forum .wpf-circle i {background: #fff;padding: 0;border-radius: 50%;height: 35px;width: 35px;line-height: 35px;}
#wpforo #wpforo-wrap.wpf-dark .wpf-member-title.wpfut{border:none;}
#wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-content-foot .wpf-reply .wpf-action {background: transparent;}
#wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-child-post .wpf-reply-content {border: 1px solid #f5f5f5; background-color: #cccccc;}
#wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-child-post .wpf-content-foot { border-top: #999999 1px solid; }
#wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-child-post .wpf-reply-content .wpf-reply-tree .wpf-tree-item.wpf-starter .avatar {background-color: #3f7796; border: 1px solid #ff812d; }
#wpforo #wpforo-wrap.wpf-dark .wpforo-subscriptions .wpf-sbs-bulk-options .wpf-sbs-checkbox{color: inherit;}
#wpforo #wpforo-wrap.wpf-dark .wpforo-portable-form-wrap div.mce-toolbar-grp, #wpforo #wpforo-wrap .wpforo-portable-form-wrap div.mce-menubar{background-color:#f5f5f5}
#wpforo #wpforo-wrap.wpf-dark .wpf-spoiler-wrap {background-color: #444444;}
#wpforo #wpforo-wrap.wpf-dark .wpf-navi .wpf-navi-wrap .wpf-next-button, #wpforo #wpforo-wrap.wpf-dark .wpf-navi .wpf-navi-wrap .wpf-prev-button{color: #777777;}
#wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-forum-info{color: #777777;}
#wpforo #wpforo-wrap.wpf-dark .wpforo-profile-wrap .h-bottom .wpf-profile-menu:hover{color:#333333; }
#wpforo #wpforo-wrap.wpf-dark .wpforo-recent-wrap .wpforo-recent-content .wpf-htr{ color:#3f7796; }
#wpf-widget-profile.wpf-dark .wpf-prof-footer .wpf-prof-buttons a:not(:last-child){color:#ffffff; background:#333333;}
#wpforo #wpforo-wrap.wpf-dark .wpf-notifications .wpf-notification-content li a,
#wpf-widget-profile.wpf-dark .wpf-notifications .wpf-notification-content li a{color:#666666;}
#wpforo #wpforo-wrap.wpf-dark .wpf-notifications .wpf-notification-content li:hover,
#wpf-widget-profile.wpf-dark .wpf-notifications .wpf-notification-content li:hover{background:#333333;}
#wpforo #wpforo-wrap.wpf-dark .wpf-acp-title {background: #000; color: #fff;}
#wpforo #wpforo-wrap.wpf-dark .wpf-acp-content {background: #000;color: #999;}
#wpforo #wpforo-wrap.wpf-dark .wpf-acp-footer {background: #000;border-top: 1px dashed #777;}
#wpforo #wpforo-wrap.wpf-dark .wpf-acp-content a.wpf-button-secondary {box-shadow: 0px 0px 5px #999;background: #777;}
#wpforo #wpforo-wrap.wpf-dark .wpf-acp-content a.wpf-button-secondary:hover {box-shadow: 0px 0px 8px #fff;color: #fff;}
#wpforo #wpforo-wrap.wpf-dark .wpf-acp-footer a.wpf-button-secondary {background: #777;color: #fff;}
#wpforo #wpforo-wrap.wpf-dark .wpf-acp-footer a.wpf-button-secondary:last-child{color: #fff!important; background: #e22d00;}
#wpforo #wpforo-wrap.wpf-dark input[type="submit"].wpf-button-secondary,
#wpforo #wpforo-wrap.wpf-dark input[type="button"].wpf-button-secondary,
#wpforo #wpforo-wrap.wpf-dark button.wpf-button.wpf-button-secondary{color:#fff!important; background-color:#666666!important; }
#wpforo #wpforo-wrap.wpf-dark .wpforo-recent-wrap .wpforo-recent-content .wpf-ttr{background-color: #333;}
#wpforo #wpforo-wrap.wpf-dark #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a,
#wpforo #wpforo-wrap.wpf-dark #wpf-widget-profile .wpf-prof-footer .wpf-prof-buttons a{background-color: #555;}
#wpforo #wpforo-wrap.wpf-dark .wpforo-profile .wpforo-user-actions {padding: 10px 18px;background: #333;border-radius: 24px;border: none;}
#wpforo #wpforo-wrap.wpf-dark .wpf-profile-section .wpf-statbox .wpf-statbox-icon svg{fill: #555;}
#wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpf-content-foot,
#wpforo #wpforo-wrap.wpf-dark .wpfl-4 .wpforo-post .wpforo-post-footer {background: #333;}
#wpforo #wpforo-wrap.wpf-dark .wpforo-post-head .wpf-topic-more-info .wpf-tmi-user-avatar .wpf-tmi-user-posts {color: #fff;}
#wpforo #wpforo-wrap.wpf-dark .wpf-post-create .mce-container-body .mce-container .mce-container-body .mce-container > div{margin:0;}
#wpforo #wpforo-wrap.wpf-dark .wpforo-portable-form-wrap {background-color: #333;}
#wpforo #wpforo-wrap.wpf-dark .wpfl-3 .wpforo-topic .wpf-tbox {background: #333;}
#wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-post .wpf-right{background-color: #222;}
#wpforo #wpforo-wrap.wpf-dark .wpfl-2 .wpforo-post .wpf-right .wpforo-post-content .wpforo-reaction{background-color: #111;}
#wpforo #wpforo-wrap.wpf-dark .wpf-popover .wpf-popover-content{background-color: #333;}
#wpforo #wpforo-wrap.wpf-dark .mce-statusbar.mce-container.mce-panel{background-color:#bbb;}  #wpforo #wpforo-wrap .wpf-timeline-line{background: linear-gradient(180deg, #659fbe 0%, #659fbe 50%, rgba(0,115,170,0.4) 100%);} #wpforo #wpforo-wrap .wpf-timeline-icon{border-color: #cccccc; color: #cccccc;} #wpforo #wpforo-wrap .wpf-timeline-user a:hover{color: #43a6df;} #wpforo #wpforo-wrap .wpf-recent-activity-filter-form select:focus{border-color: #43a6df;} #wpforo #wpforo-wrap .wpf-recent-activity-label a{color: #43a6df;} #wpforo #wpforo-wrap .wpf-timeline-card{border-color: #e6e6e6;}
#wpforo #wpforo-wrap .wpf-timeline-card::after{border-right-color: #e6e6e6;}
#wpforo #wpforo-wrap .wpf-timeline-date-stick{border-bottom: 2px dashed #659fbe;}
#wpforo #wpforo-wrap .wpforo-forum-title{font-size: 17px!important; line-height: 18px!important;}
#wpforo #wpforo-wrap .wpforo-topic-title a { font-size: 16px!important; }
#wpforo #wpforo-wrap .wpforo-post .wpf-right .wpforo-post-content {font-size: 15px!important;}
#wpforo #wpforo-wrap .wpforo-post .wpf-right .wpforo-post-content p {font-size: 15px;}
#wpforo #wpforo-wrap .wpf-ai-helper-toggle.wpf-ai-highlight{ background:#43a6df; color:#ffffff;}
#wpforo #wpforo-wrap .wpf-ai-helper-toggle.wpf-ai-highlight .wpf-ai-sparkle-icon{ fill:#ffffff;}
#wpforo #wpforo-wrap .wpf-ai-helper-toggle.wpf-ai-highlight:hover{ background:#43a6df; color:#ffffff; opacity: 0.85;}
#wpforo #wpforo-wrap{
font-size: 13px; width: 100%; padding: 10px 0; margin: 0px;
}