/* UI Variables */

:root {
    --content-width: 75rem;

    --clr-white: rgba(255, 255, 255, 1);
    --clr-white-05: rgba(255, 255, 255, .05);
    --clr-white-10: rgba(255, 255, 255, .1);
    --clr-white-20: rgba(255, 255, 255, .2);
    --clr-white-30: rgba(255, 255, 255, .3);
    --clr-white-40: rgba(255, 255, 255, .4);
    --clr-white-50: rgba(255, 255, 255, .5);
    --clr-white-60: rgba(255, 255, 255, .6);
    --clr-white-70: rgba(255, 255, 255, .7);
    --clr-white-80: rgba(255, 255, 255, .8);
    --clr-white-90: rgba(255, 255, 255, .9);
    --clr-tr: rgba(0, 0, 0, 0);
    --clr-black: rgba(0, 0, 0, 1);
    --clr-black-05: rgba(0, 0, 0, .05);
    --clr-black-10: rgba(0, 0, 0, .1);
    --clr-black-20: rgba(0, 0, 0, .2);
    --clr-black-30: rgba(0, 0, 0, .3);
    --clr-black-40: rgba(0, 0, 0, .4);
    --clr-black-50: rgba(0, 0, 0, .5);
    --clr-black-60: rgba(0, 0, 0, .6);
    --clr-black-70: rgba(0, 0, 0, .7);
    --clr-black-80: rgba(0, 0, 0, .8);
    --clr-black-90: rgba(0, 0, 0, .9);
    --clr-gray: #eaeaea;
    --clr-gray-hover: #949494;
    --clr-gray-dark: rgba(15, 20, 27, 1);
    --clr-gray-dark-05: rgba(15, 20, 27, .05);
    --clr-gray-dark-10: rgba(15, 20, 27, .1);
    --clr-gray-dark-20: rgba(15, 20, 27, .2);
    --clr-gray-dark-30: rgba(15, 20, 27, .3);
    --clr-gray-dark-40: rgba(15, 20, 27, .4);
    --clr-gray-dark-50: rgba(15, 20, 27, .5);
    --clr-gray-dark-60: rgba(15, 20, 27, .6);
    --clr-gray-dark-70: rgba(15, 20, 27, .7);
    --clr-gray-dark-80: rgba(15, 20, 27, .8);
    --clr-gray-dark-90: rgba(15, 20, 27, .9);
    --clr-gray-dark-light: rgba(78, 80, 104, 1);
    --clr-gray-dark-light-05: rgba(78, 80, 104, .05);
    --clr-gray-dark-light-10: rgba(78, 80, 104, .1);
    --clr-gray-dark-light-20: rgba(78, 80, 104, .2);
    --clr-gray-dark-light-30: rgba(78, 80, 104, .3);
    --clr-gray-dark-light-40: rgba(78, 80, 104, .4);
    --clr-gray-dark-light-50: rgba(78, 80, 104, .5);
    --clr-gray-dark-light-60: rgba(78, 80, 104, .6);
    --clr-gray-dark-light-70: rgba(78, 80, 104, .7);
    --clr-gray-dark-light-80: rgba(78, 80, 104, .8);
    --clr-gray-dark-light-90: rgba(78, 80, 104, .9);
    --clr-gray-dark-hover: #191c21;
    --clr-green: #49ff49;
    --clr-orange: #f16400;
    --clr-red: #ff7580;
    
    --clr-blue: #000;
    --clr-blue-light: #47aeff;
    --clr-purple: #3e2e6f;
    --clr-purple-dark: rgba(27, 48, 81, 1);
    
    --clr-yellow: #fff700;
    
    
    
    --clr-acnt: var(--clr-orange);
    
    --clr-text: var(--clr-gray-dark-light);
    --clr-text-sub: var(--clr-gray-dark);
    --clr-bg: var(--clr-gray);

    --swiper-theme-color: #007aff;
    --clear: 4rem;
    
    
    --r-1: 3rem;
    --r-2: calc(var(--r-1) / 2);
    --r-3: calc(var(--r-1) / 3);
    --r-4: calc(var(--r-1) / 4);
    --r-5: calc(var(--r-1) / 5);
    --r-6: calc(var(--r-1) / 6);
    --r-7: calc(var(--r-1) / 7);
    --r-8: calc(var(--r-1) / 8);
    --r-9: calc(var(--r-1) / 9);
    --r-10: calc(var(--r-1) / 10);
    
    --main-gap: 1.5rem;
    --main-gap-05: calc(var(--main-gap) / 2);
    
    
    --trns-15: .15s ease;
    
    
    
    --font: Nunito Sans, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Helvetica, Arial, Verdana;
    
    --fnt-wght-min: 200;
    --fnt-wght: 400;
    --fnt-wght-max: 1000;
    
    --fnt-wdth-min: 75;
    --fnt-wdth: 100;
    --fnt-wdth-max: 125;
    
    --fnt-opsz-min: 6;
    --fnt-opsz: 12;
    --fnt-opsz-max: 12;
    
    --fnt-YTLC-min: 440;
    --fnt-YTLC: 500;
    --fnt-YTLC-max: 540;
    
    
    --svg-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 139.67 153.91'%3E%3Cpath class='cls-1' d='M71.78,151.66h0S2.27,82.43,2.27,82.43l-.16.16.16-.16c-3.03-3.02-3.03-7.93,0-10.95l-.19-.19.19.19L71.78,2.25c1.45-1.44,3.41-2.25,5.45-2.25h54.7c6.89,0,10.34,8.34,5.45,13.2l-58.12,57.89c-3.25,3.23-3.25,8.49,0,11.73l58.12,57.89h0c4.88,4.86,1.44,13.2-5.45,13.2h-54.69c-2.04,0-4-.81-5.45-2.25Z'/%3E%3C/svg%3E");
    
    --svg-img-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 810 495.55' fill='%23000000'%3E%3Cpath class='cls-1' d='M265.71.79H43.92C19.94.79.5,20.23.5,44.21v221.19c0,38.66,46.71,58.04,74.08,30.74l221.79-221.19c27.41-27.34,8.05-74.16-30.66-74.16Z'/%3E%3Cpath class='cls-1' d='M544.05,494.93h222.03c23.98,0,43.42-19.44,43.42-43.42v-221.4c0-38.65-46.71-58.04-74.08-30.75l-222.03,221.4c-27.41,27.34-8.05,74.17,30.66,74.17Z'/%3E%3Cpath class='cls-1' d='M364.31,494.79l-313.39.26c-44.84.04-67.29-54.21-35.54-85.87L410.38,15.21c9.42-9.4,22.19-14.68,35.5-14.68l313.24-.04c44.83,0,67.25,54.22,35.5,85.87l-394.86,393.74c-9.41,9.39-22.16,14.66-35.46,14.67Z'/%3E%3C/svg%3E");
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

/*
::-webkit-scrollbar {
    display: none
}
*/

::-webkit-scrollbar-track {
    background: var(--clr-tr);
}
::-webkit-scrollbar {
    height: var(--r-10);
    width: var(--r-10);
    background-color: var(--clr-tr);
}
::-webkit-scrollbar-thumb {
    background-color: var(--clr-gray-hover);
    border-radius: var(--r-10);
}

/* UI Main */
html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15;
}
*, :after, :before {
    box-sizing: border-box;
}
body {
    -webkit-tap-highlight-color: var(--clr-tr);
    background-color: var(--clr-bg);
    color: var(--clr-text);
    display: flex;
    flex-direction: column;
    font-family: var(--font);
    font-size: 16px;
    font-style: normal;
    font-variation-settings: "wght" var(--fnt-wght), "wdth" var(--fnt-wdth), "opsz" var(--fnt-opsz), "YTLC" var(--fnt-YTLC);
    line-height: 1.5;
    min-height: 100vh;
}
h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: initial;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: #0000
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: initial
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--font);
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

button {
    background-color: #0000;
    border: 0;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    padding: 0;
    text-transform: inherit
}

button,button:active {
    color: inherit;
    outline: none !important;
}

ol,ul {
    margin-bottom: 0
}

a {
    color: inherit;
    text-decoration: none
}

a:hover {
    color: currentColor
}

a:focus-visible {
    outline: 1px solid currentColor;
    outline-offset: 8px
}

button:disabled {
    cursor: not-allowed;
    opacity: .5
}

/* Fonts */

@font-face {
    font-family: Nunito Sans;
    font-weight: 200 1000;
    font-stretch: 75% 125%;
    font-style: normal;
    font-optical-sizing: auto;
    src: url('/wp-content/themes/bootstrap-basic4/assets/fonts/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf') format('truetype supports variations'),
         url('/wp-content/themes/bootstrap-basic4/assets/fonts/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf') format('truetype-variations'),
         url('/wp-content/themes/bootstrap-basic4/assets/fonts/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.woff2') format('woff2 supports variations'),
         url('/wp-content/themes/bootstrap-basic4/assets/fonts/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.woff2') format('woff2-variations');
    font-display: swap;
}
@font-face {
    font-family: Nunito Sans;
    font-weight: 200 1000;
    font-stretch: 75% 125%;
    font-style: italic;
    font-optical-sizing: auto;
    src: url('/wp-content/themes/bootstrap-basic4/assets/fonts/NunitoSans-Italic-VariableFont_YTLC,opsz,wdth,wght.ttf') format('truetype supports variations'),
         url('/wp-content/themes/bootstrap-basic4/assets/fonts/fonts/NunitoSans-Italic-VariableFont_YTLC,opsz,wdth,wght.ttf') format('truetype-variations'),
         url('/wp-content/themes/bootstrap-basic4/assets/fonts/NunitoSans-Italic-VariableFont_YTLC,opsz,wdth,wght.woff2') format('woff2 supports variations'),
         url('/wp-content/themes/bootstrap-basic4/assets/fonts/NunitoSans-Italic-VariableFont_YTLC,opsz,wdth,wght.woff2') format('woff2-variations');
    font-display: swap;
}
/* UI Colorschem */

[data-theme=gray] {        
    --clr-bg: var(--clr-gray);
    --clr-text: var(--clr-gray-dark-light);
    --clr-text-sub: var(--clr-gray-dark);
    background-color: var(--clr-bg);
    color: var(--clr-text);
}

[data-theme=blue] {     
    --clr-bg: #095aa5;
    --clr-text: var(--clr-white-80);
    --clr-text-sub: var(--clr-white);
    background-color: var(--clr-bg);
    color: var(--clr-text);
}

[data-theme=white] {
    --clr-bg: var(--clr-white);
    --clr-text: var(--clr-gray-dark-light);
    --clr-text-sub: var(--clr-gray-dark);
    background-color: var(--clr-bg);
    color: var(--clr-text);
}

[data-theme=black] {
    --clr-bg: #22252a;
    --clr-text: rgba(132, 136, 143, 1);
    --clr-text-sub: var(--clr-white);
    background-color: var(--clr-bg);
    color: var(--clr-text);
}

[data-theme="dark"] {
    --clr-text: rgba(132, 136, 143, 1);
    --clr-text-sub: var(--clr-white);
}

[data-theme="light"] {
    --clr-text: var(--clr-gray-dark-light);
    --clr-text-sub: var(--clr-gray-dark);
}

/* UI Typography */

.h1> h1 {
    font-family: var(--font);
    font-size: calc(10.1875vw - .6px);
    font-weight: 600;
    letter-spacing: calc(-.05344vw - .749px);
    line-height: calc(9.6875vw + 4px);
    text-transform: uppercase
}

.h1,.h2, h1, h2 {
    font-style: normal
}

.h2, h2 {
    font-family: var(--font);
    font-size: 4rem;
    font-weight: 400;
    line-height: 1;
    
    --fnt-wght: 800;
    --fnt-wdth: 97;
    --fnt-opsz: 25;
    --fnt-YTLC: 520;
    
    font-variation-settings: "wght" var(--fnt-wght), "wdth" var(--fnt-wdth), "opsz" var(--fnt-opsz), "YTLC" var(--fnt-YTLC);
    
    color: var(--clr-text-sub);
}
.h2 + .subtitle, h2 + .subtitle {
    font-size: 1.75rem;
    color: var(--clr-text-sub);
    font-weight: 400;
    line-height: 1.15;
}

.h2.h-acnt, h2.h-acnt {
    --fnt-wght: 100;
    --fnt-wdth: 92;
    --fnt-opsz: 25;
    --fnt-YTLC: 520;
    font-size: 11rem;
}

.h3, h3 {
    font-family: var(--font);
    font-size: calc(1rem + 1vw);
    font-style: normal;
    
    --fnt-wght: 700;
    --fnt-wdth: 100;
    --fnt-opsz: 12;
    --fnt-YTLC: 500;
    
    font-variation-settings: "wght" var(--fnt-wght), "wdth" var(--fnt-wdth), "opsz" var(--fnt-opsz), "YTLC" var(--fnt-YTLC);
    
    color: var(--clr-text-sub);
}

.h3 + .subtitle, h3 + .subtitle {
    font-size: 1.25rem;
    line-height: 1.15;
    color: var(--clr-text-sub);
    width: 100%;
    font-weight: 300;
}

.h4, h4 {
    font-family: var(--font);
    font-size: calc(1.9375vw + 10.8px);
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.025em;
    line-height: calc(2vw + 17.6px)
}

.h5, h5 {
    font-family: var(--font);
    font-style: normal;
    font-size: 1.75rem;
    letter-spacing: normal;
    line-height: 1.15;
    font-weight: 600;
    color: var(--clr-text-sub);
}

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, .h1 em, .h2 em, .h3 em, .h4 em, .h5 em, .h6 em {
    content: attr(data-number);
    text-decoration: none;
    color: transparent;
    background: var(--clr-red);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;
}
em[data-theme="grad-purple"] {
    background: var(--clr-purple);
    background: linear-gradient(90deg, #0190f8, #bc60f9, #ef4288, #f55404);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;
}

.t1 {
    font-size: calc(.5vw + 11.4px);
    line-height: calc(.5625vw + 15.2px)
}

.t1, .t2 {
    font-family: var(--font);
    font-style: normal;
    font-weight: 400
}

.t2 {
    font-size: calc(.8125vw + 14.4px);
    letter-spacing: -.025em;
    line-height: calc(.75vw + 21.6px)
}

.btn {
    -webkit-touch-callout: none;
    align-items: center;
    background-color: var(--clr-black);
    border: 1px solid var(--clr-black);
    border-radius: 0;
    color: var(--clr-white);
    display: inline-flex;
    font-family: var(--font);
    font-size: 1.15rem;
    font-style: normal;
    font-weight: 400;
    height: 2.5rem;
    justify-content: center;
    line-height: 1;
    padding: .15rem .25rem;
    transition: .15s cubic-bezier(.38,.005,.215,1),background-color .15s cubic-bezier(.38,.005,.215,1);
    position: relative;
    margin: 0 2.25rem;
}
.btn:before, .btn:after {
    content: '';
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 51.9'%3E%3Cpath d='M7.33,51.9h37.36c4.04,0,7.31-3.27,7.31-7.31V7.33c0-6.51-7.87-9.78-12.48-5.18L2.16,39.41c-4.62,4.6-1.36,12.49,5.16,12.49Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 51.9'%3E%3Cpath d='M7.33,51.9h37.36c4.04,0,7.31-3.27,7.31-7.31V7.33c0-6.51-7.87-9.78-12.48-5.18L2.16,39.41c-4.62,4.6-1.36,12.49,5.16,12.49Z'/%3E%3C/svg%3E");
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;
    background-color: currentColor;
    transition: var(--trns-15);
    width: 2.5rem;
    position: absolute;
    left: -2.25rem;
    top: -1px;
    height: 2.5rem;
    color: var(--clr-black);
}
.btn:after {
    left: auto;
    right: -2.25rem;
    transform: rotate3d(-1, 1, 0, 180deg);
}

[data-theme=blue] .btn {
    background-color: #fff;
    border-color: #fff;
    color: #095aa5
}

[data-theme=black] .btn {
    background-color: #fff;
    border-color: #fff;
    color: #000
}

.btn.btn-acnt {
    background: var(--clr-acnt);
    color: var(--clr-white);
    border-color: var(--clr-acnt);
}
.btn.btn-acnt:after, .btn.btn-acnt:before {
    color: var(--clr-acnt);
}
.btn.btn-acnt:not(:disabled):active {
    background: var(--clr-acnt);
}

.btn.btn-blue {
    background: var(--clr-blue);
    color: var(--clr-white);
    border-color: var(--clr-blue);
}
.btn.btn-blue:after, .btn.btn-blue:before {
    color: var(--clr-blue);
}
.btn.btn-blue:not(:disabled):active {
    background: var(--clr-blue);
}

.btn.btn-purple {
    background: var(--clr-purple);
    color: var(--clr-white);
    border-color: var(--clr-purple);
}
.btn.btn-purple:after, .btn.btn-purple:before {
    color: var(--clr-purple);
}
.btn.btn-purple:not(:disabled):active {
    background: var(--clr-purple);
}
.btn.btn-dark {
    background: var(--clr-text);
    color: var(--clr-white);
    border-color: var(--clr-text);
}
.btn.btn-dark:after, .btn.btn-dark:before {
    color: var(--clr-text);
}
.btn.btn-dark:not(:disabled):active {
    background: var(--clr-text);
}

.btn:not(:disabled):hover {
    transform: scale(1.05);
}
.btn:not(:disabled):active {
    background-color: var(--clr-black);
    color:var(--clr-white);
    transform: scale(1.05);
}

[data-theme=black] .btn:not(:disabled):active,[data-theme=blue] .btn:not(:disabled):active {
    color: #fff
}

.btn-md {
    -webkit-touch-callout: none;
    align-items: center;
    background-color: #22252a;
    border-radius: calc(.9375vw + 40px);
    color: #fff;
    display: inline-flex;
    font-family: var(--font);
    font-size: calc(1.5625vw + 12px);
    font-style: normal;
    font-weight: 500;
    justify-content: center;
    letter-spacing: -.025em;
    line-height: 24px;
    padding: calc(1.5625vw + 5px) calc(2.8125vw + 11px);
    transition: background-color .6s cubic-bezier(.38,.005,.215,1)
}

.btn-md:not(:disabled):active {
    background-color: #095aa5;
    color: #fff
}

.btn-lg {
    -webkit-touch-callout: none;
    align-items: center;
    background-color: #22252a;
    border: calc(.09375vw + 1.2px) solid #fff;
    border-radius: calc(21.0625vw + 59.6px);
    color: #fff;
    display: inline-flex;
    font-family: var(--font);
    font-size: calc(6.5vw + 17.2px);
    font-style: normal;
    font-weight: 400;
    height: calc(5.6875vw + 16.8px);
    justify-content: center;
    letter-spacing: -.05em;
    line-height: calc(4.8125vw + 13.6px);
    padding: 0 calc(1.875vw + 4px) calc(1.0625vw + 4.6px);
    transition: color .6s cubic-bezier(.38,.005,.215,1),background-color .6s cubic-bezier(.38,.005,.215,1)
}

.btn-lg:not(:disabled):active {
    background-color: #fff;
    color: #22252a
}

.input {
    border: 1px solid var(--clr-gray-dark-light-30);
    border-radius: var(--r-3);
    padding: .5rem 1rem;
    display: flex;
    position: relative;
    width: 100%;
    min-height: 2.5rem;
    justify-content: flex-start;
    align-items: center;
    line-height: 1;
    font-size: .9rem;
    background: var(--clr-gray-dark-light-10);
    transition: var(--trns-15);
}
.input::placeholder { color: var(--clr-text);}
.input:focus, .input:focus-within, .textarea:focus, .textarea:focus-within  {
    outline: 0;
    border-color: var(--clr-acnt);
    background: var(--clr-white);
}

.input__label {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: var(--font);
    font-size: calc(.5vw + 11.4px);
    font-style: normal;
    font-weight: 400;
    left: calc(2.8125vw + 11px);
    line-height: calc(.4375vw + 15.6px);
    opacity: .3;
    position: absolute;
    top: calc(1.5625vw + 5px);
    transform-origin: left top;
    transition: transform .6s cubic-bezier(.38,.005,.215,1);
    will-change: transform
}

.input__input.focus-visible~.input__label,.input__input.is-filled~.input__label {
    transform: translateY(-80%) scale(.6)
}

.input__input.is-filled~.input__label,.input__input:focus-visible~.input__label {
    transform: translateY(-80%) scale(.6)
}

.input__input {
    border: none;
    font-family: var(--font);
    font-size: calc(.5vw + 11.4px);
    font-style: normal;
    font-weight: 400;
    line-height: calc(.4375vw + 15.6px);
    width: 100%
}

.input__input.focus-visible {
    outline: none
}

.input__input:focus-visible {
    outline: none
}

.input__input::placeholder {
    color: currentColor;
    opacity: 0
}

.input__input::-webkit-input-placeholder {
    color: currentColor;
    opacity: 0
}

.input__input:-moz-placeholder,.input__input::-moz-placeholder {
    color: currentColor;
    opacity: 0
}

.input__input:-ms-input-placeholder {
    color: currentColor;
    opacity: 0
}

.input__error {
    color: red;
    font-family: var(--font);
    font-size: calc(.5vw + 11.4px);
    font-style: normal;
    font-weight: 400;
    left: calc(2.8125vw + 11px);
    line-height: calc(.4375vw + 15.6px);
    position: absolute;
    top: 105%;
    transform: scale(.6);
    transform-origin: left top;
}

.textarea {
    border: 1px solid var(--clr-gray-dark-light-30);
    border-radius: var(--r-3);
    padding: .5rem 1rem;
    display: flex;
    position: relative;
    width: 100%;
    min-height: 6rem;
    justify-content: flex-start;
    align-items: center;
    line-height: 1;
    font-size: .9rem;
    background: var(--clr-gray-dark-light-10);
    transition: var(--trns-15);
}
.textarea::placeholder { color: var(--clr-text);}

.textarea__label {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: var(--font);
    font-size: calc(.5vw + 11.4px);
    font-style: normal;
    font-weight: 400;
    left: calc(2.8125vw + 11px);
    line-height: calc(.4375vw + 15.6px);
    opacity: .3;
    position: absolute;
    top: calc(1.5625vw + 5px);
    transform-origin: left top;
    transition: transform .6s cubic-bezier(.38,.005,.215,1);
    will-change: transform
}

.textarea__textarea.focus-visible~.textarea__label,.textarea__textarea.is-filled~.textarea__label {
    transform: translateY(-80%) scale(.6)
}

.textarea__textarea.is-filled~.textarea__label,.textarea__textarea:focus-visible~.textarea__label {
    transform: translateY(-80%) scale(.6)
}

.textarea__textarea {
    border: none;
    font-family: var(--font);
    font-size: calc(.5vw + 11.4px);
    font-style: normal;
    font-weight: 400;
    line-height: calc(.4375vw + 15.6px);
    resize: none;
    width: 100%
}

.textarea__textarea.focus-visible {
    outline: none
}

.textarea__textarea:focus-visible {
    outline: none
}

.textarea__textarea::placeholder {
    color: currentColor;
    opacity: 0
}

.textarea__textarea::-webkit-input-placeholder {
    color: currentColor;
    opacity: 0
}

.textarea__textarea:-moz-placeholder,.textarea__textarea::-moz-placeholder {
    color: currentColor;
    opacity: 0
}

.textarea__textarea:-ms-input-placeholder {
    color: currentColor;
    opacity: 0
}

.checkbox+.input__error,.checkbox__input {
    display: none
}

.checkbox__label {
    color: #0000004d;
    cursor: pointer;
    display: block;
    font-family: var(--font);
    font-size: calc(.1875vw + 12.4px);
    font-style: normal;
    font-weight: 400;
    line-height: calc(.1875vw + 16.4px);
    max-width: calc(6.25vw + 250px);
    padding-left: calc(1.875vw + 24px);
    position: relative;
    transition: color .6s cubic-bezier(.38,.005,.215,1)
}

.checkbox__label:active {
    color: #095aa5
}

.checkbox__label:before {
    border: calc(.1875vw + .4px) solid #000;
    border-radius: 50%;
    content: "";
    height: calc(1.25vw + 16px);
    left: 0;
    position: absolute;
    top: 0;
    transition: border-color .6s cubic-bezier(.38,.005,.215,1);
    width: calc(1.25vw + 16px)
}

.checkbox__input:checked+.checkbox__label:before {
    border-color: #095aa5;
    transition: none
}

.checkbox__input.is-error+.checkbox__label:before {
    border-color: red;
    transition: none
}

.checkbox__label:active:before {
    border-color: #095aa5
}

.checkbox__label:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIwIDYgOSAxN2wtNS01IiBzdHJva2U9IiMwOTVBQTUiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+) no-repeat 50% 50%/60% 60%;
    content: "";
    height: calc(1.25vw + 16px);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: calc(1.25vw + 16px)
}

.checkbox__input:checked+.checkbox__label:after {
    opacity: 1
}

.file__input {
    display: none
}

.file__label {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    font-family: var(--font);
    font-size: calc(.5vw + 11.4px);
    font-style: normal;
    font-weight: 400;
    line-height: calc(.4375vw + 15.6px);
    max-width: calc(6.25vw + 250px);
    transition: color .6s cubic-bezier(.38,.005,.215,1)
}

.file__label:active {
    color: #095aa5
}

.file__label svg {
    display: block;
    height: auto;
    margin-right: calc(.75vw + 9.6px);
    width: calc(1.5vw + 7.2px)
}

.file__label svg path[fill] {
    fill: currentColor;
    transition: fill .6s cubic-bezier(.38,.005,.215,1)
}

.file__label svg path[stroke] {
    stroke: currentColor;
    transition: stroke .6s cubic-bezier(.38,.005,.215,1)
}

.file__name {
    display: block;
    font-family: var(--font);
    font-size: calc(.375vw + 8.8px);
    font-style: normal;
    font-weight: 400;
    line-height: calc(.375vw + 12.8px);
    margin-left: calc(2.25vw + 16.8px);
    margin-top: .5em;
    transition: color .6s cubic-bezier(.38,.005,.215,1);
    word-break: break-all
}

.file__label:active+.file__name {
    color: #095aa5
}

.marquee {
    display: flex;
    margin-left: calc(-1.875vw - 4px);
    margin-right: calc(-1.875vw - 4px);
    padding: calc(.5vw + 15.4px) 0;
    position: relative
}

.marquee:after,.marquee:before {
    background-color: currentColor;
    content: "";
    height: 1px;
    left: 0;
    opacity: .3;
    position: absolute;
    width: 100%
}

.marquee:before {
    top: 0
}

.marquee:after {
    top: 100%
}

.marquee__list {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    flex-shrink: 0;
    will-change: transform
}

.marquee__item {
    flex-shrink: 0;
    font-family: var(--font);
    font-size: calc(3.5vw + 2.8px);
    font-style: normal;
    font-weight: 400;
    letter-spacing: calc(-.30625vw + .63px);
    line-height: calc(4.875vw - .6px);
    padding-left: calc(4.6875vw + 5px);
    position: relative
}

.marquee__item:not(:first-child):before {
    background-color: currentColor;
    content: "";
    height: 1px;
    left: calc(.9375vw + 2px);
    position: absolute;
    top: 45%;
    width: calc(3vw + 2.4px)
}

.select,.select__top {
    position: relative;
    width: 100%
}

.select__top {
    -webkit-touch-callout: none;
    align-items: center;
    background-color: #fff;
    border: calc(.125vw + .6px) solid;
    border-radius: 70px;
    display: inline-flex;
    font-family: var(--font);
    font-size: calc(1.5625vw + 12px);
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    letter-spacing: -.025em;
    line-height: 1;
    padding: calc(1.5625vw + 15px) calc(2.8125vw + 11px);
    transition: color .6s cubic-bezier(.38,.005,.215,1),border-color .6s cubic-bezier(.38,.005,.215,1),border-radius .6s cubic-bezier(.38,.005,.215,1);
    z-index: 2
}

.select__top:active {
    color: #095aa5
}

.select__top svg {
    display: block;
    flex-shrink: 0;
    height: calc(.9375vw + 6px);
    margin-left: auto;
    transition: transform .6s cubic-bezier(.38,.005,.215,1);
    width: auto
}

.select__top svg path[stroke] {
    stroke: currentColor;
    transition: stroke .6s cubic-bezier(.38,.005,.215,1)
}

.select__top.is-active svg {
    transform: rotate(-180deg)
}

.select__top:active svg path[stroke] {
    stroke: #095aa5
}

.select__top-current {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select__bottom {
    background-color: #fff;
    border: calc(.125vw + .6px) solid;
    border-radius: calc(2.5vw + 22px);
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding: calc(4.9375vw + 43.2px) calc(2.8125vw + 11px) 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .6s cubic-bezier(.38,.005,.215,1),visibility .6s cubic-bezier(.38,.005,.215,1),pointer-events .6s cubic-bezier(.38,.005,.215,1);
    transition-delay: 0s;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.select__bottom.is-active {
    opacity: 1;
    pointer-events: all;
    visibility: visible
}

.select__list {
    margin-bottom: calc(1.875vw + 9px);
    max-height: calc(18.4375vw + 141px);
    overflow-y: auto
}

.select__item:not(:first-child),.select__list {
    margin-top: calc(1.875vw + 9px)
}

.select__link {
    display: block;
    font-family: var(--font);
    font-size: calc(1.25vw + 8px);
    font-weight: 450;
    line-height: 1;
    padding: 0;
    text-align: left;
    transition: color .6s cubic-bezier(.38,.005,.215,1);
    width: 100%
}

.select__link.is-active {
    color: #095aa5;
    cursor: default
}

.select__link:active {
    color: #095aa5
}

.form {
    display: flex;
    flex-wrap: wrap
}

.form,.form__row {
    width: 100%
}

.form__row:not(:first-child) {
    margin-top: calc(.625vw + 18px)
}

.form__col {
    width: 50%
}

.form__col:nth-child(odd) {
    padding-right: calc(.9375vw + 7px)
}

.form__col:nth-child(2n+2) {
    padding-left: calc(.9375vw + 7px)
}

.form__col:not(:first-child) {
    margin-top: calc(.625vw + 18px)
}

/* UI Lines */

.ui-lines {
    left: 25%;
    width: 62.5%;
    z-index: 0;
    opacity: 0;
    /* opacity: .2; */
}
.ui-lines, .ui-lines-el {
    height: 100%;
    position: absolute;
    top: 0;
}
[data-theme=black] .ui-lines, [data-theme=blue] {
    color: white;
    opacity: .25;
}
.ui-lines-el {
    left: 0;
    width: 20%;
}
.ui-lines-el:first-child {
    left: 0;
}
.ui-lines-el:nth-child(2) {
    left: 20%;
}
.ui-lines-el:nth-child(3) {
    left: 40%;
}
.ui-lines-el:nth-child(4) {
    left: 60%;
}
.ui-lines-el:nth-child(5) {
    left: 80%;
}
.ui-lines-el:before {
    background-color: currentColor;
    content: "";
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 1px;
}
.ui-lines-el:nth-child(2):before, .ui-lines-el:nth-child(4):before {
    opacity: 1;
}

.nav-contacts {
    display: flex;
}
.nav-contacts-item {

}
.nav-contacts-item:first-child {
    margin-right: 50px;
}
.nav-contacts-title {
    color: #DE6C2A;
    font-size: .7rem;
    font-weight: bold;
    text-transform: uppercase;
}
.contacts-link {
    display: flex;
    flex-flow: row;
    gap: 1em;
    justify-content: flex-start;
    align-items: center;
    color: var(--clr-text);
    transition: var(--trns-15);
    font-size: 1.1rem;
}
a.contacts-link:hover { color: var(--clr-acnt);}
.contacts-link img {
    width: 2em;
    height: 2em;
    filter: invert(1) opacity(1) brightness(.2);
    transition: var(--trns-15);
}
a.contacts-link:hover img {
    filter: invert(.5) sepia(20) saturate(20) opacity(1) brightness(1) contrast(5) hue-rotate(0deg);
}

/* Main Screen */

h1.main-title {
    display: flex;
    flex-flow: column;
    font-size: 7rem;
    line-height: 1;
    gap: 0;
    color: var(--clr-text-sub);
    --fnt-wght: 1000;
    --fnt-wdth: 100;
    --fnt-opsz: 12;
    --fnt-YTLC: 540;
    font-variation-settings: "wght" var(--fnt-wght), "wdth" var(--fnt-wdth), "opsz" var(--fnt-opsz), "YTLC" var(--fnt-YTLC);
}
h1.main-title + p {
    display: flex;
    width: 100%;
    font-size: 1.75em;
    margin-right: .25em;
    margin-top: -.5em;
    color: var(--clr-text);
    max-width: 14em;
    line-height: 1;
    margin-left: auto;
    text-align: left;
    text-align: right;
}
h1.main-title .ribbon {
    display: flex;
    background: var(--clr-text-sub);
    color: var(--clr-white);
    padding: .25em .5em;
    border-radius: var(--r-4);
    font-size: .175em;
    margin-right: auto;
    margin-left: -.25em;
    letter-spacing: .025em;
    width: 4.6em;
    justify-content: center;
    align-items: center;
    
    margin-left: auto;
    margin-right: .25em;
    font-size: .225em;
        
    position: absolute;
    left: -5em;
    top: .5em;
}

.header-section {
    height: auto;
    min-height: 26vw;
    justify-content: flex-start;
    align-items: center;
    justify-content: center;
    margin-top: 3rem;
}

.video-spectr-overlayer {
    position: absolute;
    top: 0;
    width: calc(100% + 4rem);
    height: calc(100% + 4rem);
    margin: -2rem;
    overflow: hidden;
}
.video-spectr-overlayer video {
    width: 100%;
    position: relative;
    z-index: 0;
    filter: blur(2rem) contrast(.5) brightness(1.25);
}
.video-spectr-overlayer:after {
    content: '';
    position: absolute;
    bottom: 2rem;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #2c2928 0, var(--clr-tr) 50%);
    z-index: 1;
}

.animate-letters span {
    animation: breath 1s alternate ease-in-out;
    animation-iteration-count: infinite;
    max-width: none;
    text-align: center;
    font-variation-settings: "wght" var(--fnt-wght-min), "wdth" var(--fnt-wdth-min), "opsz" var(--fnt-opsz-min), "YTLC" var(--fnt-YTLC-min);
}
.animate-title {
    font-variation-settings: "wght" var(--fnt-wght-min), "wdth" var(--fnt-wdth), "opsz" var(--fnt-opsz), "YTLC" var(--fnt-YTLC);
    transition: .15s;
}
.animate-title.will-change {
    animation: title-scale .15s ease-in-out;
    animation-iteration-count: 1;
    --fnt-wght: 800;
    
    font-variation-settings: "wght" var(--fnt-wght), "wdth" var(--fnt-wdth), "opsz" var(--fnt-opsz), "YTLC" var(--fnt-YTLC);
}

.animate-grad {
    animation: hueRotate 24s ease-in;
    animation-iteration-count: infinite;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 0;
    background: linear-gradient(45deg, #0190f8, #bc60f9, #ef4288, #f55404);
}

@keyframes hueRotate {
    0% { filter: hue-rotate(200deg);}
    100% { filter: hue-rotate(560deg); }
}

@keyframes breath {
    0% {
        font-variation-settings: "wght" var(--fnt-wght-min), "wdth" var(--fnt-wdth-min), "opsz" var(--fnt-opsz-min), "YTLC" var(--fnt-YTLC-min);
    }
    100% {
        font-variation-settings: "wght" var(--fnt-wght-max), "wdth" var(--fnt-wdth-max), "opsz" var(--fnt-opsz-max), "YTLC" var(--fnt-YTLC-max);
    }
}
@keyframes title-scale {
    0% {
        font-variation-settings: "wght" var(--fnt-wght-min), "wdth" var(--fnt-wdth), "opsz" var(--fnt-opsz), "YTLC" var(--fnt-YTLC);
    }
    100% {
        --fnt-wght: 800;
        font-variation-settings: "wght" var(--fnt-wght), "wdth" var(--fnt-wdth), "opsz" var(--fnt-opsz), "YTLC" var(--fnt-YTLC);
    }
}
@keyframes slidein {
    0% {
        transform: translateY(10vw);
    }
    100% {
        transform: translateY(-100vw);
    }
}

/* Parthner Slider */
.clients .swiper {
    overflow: visible;
}
.clients .container.overset {
    padding: 0;
}
.swiper-slide.slide-clients {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: 16rem;
    flex-flow: column;
    gap: 0;
    max-height: 9rem;
    padding: 1rem;
}
.swiper-slide.slide-clients img {
    filter: contrast(0.75) sepia(1) saturate(0.5) hue-rotate(170deg);
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 6rem;
}
.swiper-slide.slide-clients p {
    font-size: .8rem;
    max-width: 9rem;
    text-align: center;
    width: 100%;
    line-height: 1.15;
}

.txC {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

div[class*="col"].nav-contacts-col {
    margin-left: 2vw;
    padding: 2rem;
    gap: var(--main-gap);
    margin-bottom: -10vw;
    width: fit-content;
    margin-top: 2vw;
}
.section-overlay.--video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: var(--clr-purple-dark);
}
.section-overlay.--video:after {
    content: '';
    background: linear-gradient(0, var(--clr-bg) 0%, var(--clr-tr) 60%, var(--clr-tr) 70%, #2c2928 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 1px);
    z-index: 10;
}
.section-overlay.--video.--alt:after {display: none;}
.section-overlay video {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    opacity: .7;
}

.box-map {
    display: flex;
    width: 100%;
    max-width: 85rem;
    margin: -1rem auto;
    position: relative;
}
.box-map-content {
    display: flex;
    width: 100%;
    height: 100%;
    flex-flow: wrap;
    position: absolute;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    gap: calc(var(--main-gap) * 2);
}
.box-map-content .dscr {
    max-width: 27rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box-map-content .dscr .h2, .box-map-content .dscr h2 {
    font-size: 7rem;
}
.box-map-content .number {
    flex-flow: column;
    display: flex;
    width: 16rem;
    justify-content: center;
    align-items: center;
    padding: var(--main-gap);
    border-radius: var(--r-1);
    background: var(--clr-black-70);
    backdrop-filter: blur(1rem);
    -webkit-backdrop-filter: blur(1rem);
    border: 1px solid var(--clr-white-10);
}

#factory-about .box {
    background: var(--clr-white-80);
    border: 1px solid var(--clr-gray-dark-light-30);
    backdrop-filter: blur(4rem);
    -webkir-backdrop-filter: blur(4rem);
    gap: var(--main-gap-05);
}

/* About section */
.schem {
    display: flex;
    position: relative;
    width: 100%;
    max-width: 68rem;
    border-radius: var(--r-1);
    overflow: hidden;
    margin: 0 auto;
    flex-flow: column;
}
.schem-video {
    display: flex;
    width: 100%;
    filter: brightness(1.05) saturate(.9) contrast(1.05);
    position: relative
}
.schem .adres {
    position: absolute;
    top: 2rem;
    left: 2rem;
    display: flex;
    width: 100%;
    max-width: 10.5rem;
    font-size: 1rem;
    line-height: 1;
    padding: 1.5rem;
    border-radius: var(--r-2);
    background: var(--clr-white-50);
    backdrop-filter: blur(1rem);
    border: 1px solid var(--clr-gray-dark-light-20);
    flex-flow: column;
    z-index: 2;
    color: var(--clr-text);
}
.schem .adres strong {
    font-size: 2rem;
    padding-bottom: .5rem;
}
.box.box-contacts { height: 100%;}
.box-contact-el     {
    display: flex;
    width: 100%;
    gap: .25rem;
    flex-flow: column;
}
.box-contact-el b {
    width: 100%;
    font-weight: 800;
    font-size: 1.25rem;
}
.about .ui-lines {
    z-index: 0;
    color: var(--clr-white);
}
.about-partners {
    background: var(--clr-white);
    /* background-image: linear-gradient(0deg, #54b5ff 0%, #a2d8ff 30%, #d6efff 60%, #eff8ff 80%, var(--clr-white) 100%); */
    background-image: linear-gradient(0deg, #54b5ff 0%, #d6efff 70%, var(--clr-white) 100%);
    display: flex;
    flex-flow: column;
    padding: 2rem 1.5rem;
    min-height: 12rem;
    justify-content: center;
    align-items: center;
}
.about-wrap {
    background-color: #2c2928;
    padding: 0;
    max-width: 100%;
    border-radius: 0;
    display: flex;
    width: 100%;
    overflow: hidden;
    flex-flow: column;
    /* border-radius: 0 0 var(--r-1) var(--r-1); */
}
.parthner-row, .row.parthner-row {
    margin-top: -12rem;
    padding-bottom: 3rem;
    filter: invert(1) brightness(2.5);
}
.about-content {
    display: flex;
    flex-flow: column;
    margin-top: -16vw;
    gap: 2rem;
}
.about-content .row {
    z-index: 2;
}
.about-content h2, .about-content .h2 {
    max-width: 68rem;
    padding: 0 var(--main-gap);
}
.about-content h2 + .subtitle, .about-content .h2 + .subtitle {
    padding: 0 var(--main-gap);
}
.about-content .box {
    display: flex;
    flex-flow: wrap;
    max-width: calc(100% - 3rem);
    margin: 0 auto;
    border-radius: var(--r-2);
    max-width: 68rem;
    padding: 2rem 1.5rem;
    background: var(--clr-black-30);
    border: 1px solid var(--clr-white-20);
    backdrop-filter: blur(2rem);
}
.utp-list {
    display: flex;
    width: 100%;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.5rem;
    min-height: 7rem;
}
.utp-list .utp-li {
    width: 100%;
}
.utp-list .utp-dscr {
    display: flex;
    width: 100%;
    flex-flow: column;
    gap: .5rem;
    position: relative;
}
.utp-dscr-head {
    font-size: 1.5rem;
    line-height: 1.15;
    font-weight: 700;
    color: var(--clr-text-sub);
    padding-left: 5rem;
}
.utp-dscr-head:after {
    font-size: 5rem;
    font-weight: 600;
    color: var(--clr-purple);
    content: attr(data-mrkr);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 3rem;
    top: 0;
    left: 0;
    height: 100%;
    position: absolute;
}
.utp-dscr-sub {
    font-size: .9rem;
    line-height: 1.25;
    color: var(--clr-text);
    padding-left: 5rem;
}

.video-cover {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
}
.video-cover video {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--r-1);
    object-position: center center;
    min-height: 22rem;
}
.fixed-link {
    display: flex;
    position: absolute;
    margin: auto;
    font-size: 2em;
    max-width: 14em;
    flex-flow: row;
    gap: 1rem;
    line-height: 1;
    justify-content: center;
    align-items: center;
    color: var(--clr-white-30);
}
.fixed-link:hover {
    color: var(--clr-white);
}

#factory-about .utp-list {
    justify-content: center;
    align-items: center;
}

i.icn {
    display: inline-flex;
    width: 1em;
    height: 1em;
    position: relative;
    color: currentColor;
}
i.icn.--ulg {
    width: 6em;
    height: 6em;
    min-width: 6em;
    min-height: 6em;
}
i.icn:after {
    transition: var(--trns-15);
    content: '';
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    height: inherit;
    width: inherit;
}
i.icn-play:after {
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 511 511'%3e%3cpath d='M255.5,0C114.39,0,0,114.39,0,255.5s114.39,255.5,255.5,255.5,255.5-114.39,255.5-255.5S396.61,0,255.5,0Zm-90.01,390.61V120.39l234.03,135.11-234.03,135.11Z' /%3e%3c/svg%3e");
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 511 511'%3e%3cpath d='M255.5,0C114.39,0,0,114.39,0,255.5s114.39,255.5,255.5,255.5,255.5-114.39,255.5-255.5S396.61,0,255.5,0Zm-90.01,390.61V120.39l234.03,135.11-234.03,135.11Z' /%3e%3c/svg%3e");
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;
    background-color: currentColor;
    transition: var(--trns-15);
}
a:hover i.icn-play,.btn:hover i.icn-play:after, div[class*="modal-"]:hover i.icn-play { color: var(--clr-red); }
a[class*="modal-"], a[class*="link-"], div[class*="modal-"], button {
    transition: .15s cubic-bezier(.38,.005,.215,1),background-color .15s cubic-bezier(.38,.005,.215,1);
    cursor: pointer;
}


.type-rassr .utp-icn {
    color: var(--color-gray);
}
.sert-wrap {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    gap: 1rem;
}
.sert-wrap .box-small-img img {
    left: -.5rem;
    top: -1rem;
    min-width: 4.5rem;
}
.sert-wrap .box.box-small.clear-wrap {
    opacity: 0;
}
.sert-wrap .box.box-small {
    background: var(--color-white-75);
    border-radius: var(--radius-1);
    box-shadow: 0 0 .5rem var(--color-dark-15);
    transition: var(--trns-15);
    flex-flow: wrap;
    overflow: visible;
    width: 100%;
    max-width: calc(100% / 2 - .5rem);
}
.sert-wrap a.box.box-small:hover {
    transform: scale(1.05);
    background: var(--color-white);
}
.box.box-small {
    flex-flow: wrap;
    overflow: visible;
    gap: 1rem;
}
.box-small .title {
    border: 0;
}
.box.box-small .box-small-cntnt {
    max-width: calc(65% - .5rem);
    display: flex;
    flex-flow: column;
}
.box-small .box-small-img {
    max-width: calc(35% - .5rem);
    min-width: 4.9rem;
}
.box-small-img img {
    display: flex;
    position: absolute;
    width: 100%;
    height: auto;
    left: -2.5rem;
    top: -1rem;
    min-width: 8.5rem;
    filter: drop-shadow(0 .25rem .25rem var(--color-dark-10));
}
.box-small-img.aromatizing img {}
.box-small-img.column img {
    min-width: 13rem;
    top: -2.5rem;
    left: -3.5rem;
}
.box-small-img.false img {
    top: 1rem;
    min-width: 8.5rem;
    left: -2rem;
}
.box-small-img.parrot img {}
.box-small-img.dioptor img {}
.box-small-img.enhancer img {
    min-width: 8.5rem;
    left: -2rem;
    top: 1rem;
}
.container-ulg {
    max-width: 1920px;
}

.fp-slider-bg a {
    display: flex;
    position: absolute;
    flex-flow: wrap;
    font-size: 4rem;
}
.fp-slider-bg a .play-wrap-dscr {
    font-size: .8rem;
}

/* UI Main table */
main, section, .row, .container, .clear, .clear-h, .clear-hh, div[class*="col"] {
    display: flex;
    width: 100%;
    max-width: 100%;
}
main, .container, div[class*="col"] {
    flex-flow: column;
}
div[class*="col"] {
    padding: 0 var(--main-gap-05);
}
section, .row {
    flex-flow: wrap;
}
.clear { height: var(--clear);}
.clear-h { height: calc(var(--clear) / 2);}
.clear-hh { height: calc(var(--clear) / 4);}
main {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
section {
    position: relative;
    padding: var(--clear) 0;
    z-index: 0;
    flex-flow: column;
}
.container {
    width: 100%;
    padding: 0 var(--main-gap);
    max-width: var(--content-width);
    z-index: 1;
    margin: 0 auto;
}
.row {
    width: calc(100% + var(--main-gap));
    max-width: calc(100% + var(--main-gap));
    margin: 0 calc(var(--main-gap-05) * -1);
    gap: var(--main-gap) 0;
}
.box {
    display: flex;
    width: 100%;
    flex-flow: wrap;
    padding: calc(var(--main-gap) * 2) calc(var(--main-gap) * 1.75);
    background: var(--clr-bg);
    border-radius: var(--r-1);
    gap: var(--main-gap) 0;
}

.box.grad-border {
	position: relative;
	overflow: hidden;
	margin-inline: auto;
	border-radius: var(--r-1);
	padding-block-start: 200px;
}
.box-glow {
	--igradient: linear-gradient(to bottom right, #0894FF 0%, #C959DD 34%, #FF2E54 68%, #FF9004);
	position: absolute;
	z-index: 0;
	inset: 0;
	border: 0;
	filter: blur(1px);
}
.box-glow::after {
    --bg-size: calc(100% + 14px);
    content: "";
    pointer-events: none;
    position: absolute;
    inset: 0;
    background: var(--igradient) 50% / var(--bg-size) var(--bg-size);
    border-radius: calc(var(--r-1) - 2px);
    border: 3px solid rgba(0, 0, 0, 0);
    mask: linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)), linear-gradient(hsl(0, 0%, 100%), hsl(0, 0%, 100%));
    mask-clip: padding-box, border-box;
    mask-composite: intersect;
}
.box-glow.box-glow-2 {
	filter: blur(7px);
}
.box-glow.box-glow-2::after {
    border: 8px solid rgba(0, 0, 0, 0);
}

.s-fluid { --content-width: 100%;}
.s-uulg { --content-width: 120rem;}
.s-ulg { --content-width: 100rem;}
.s-xlg { --content-width: 90rem;}
.s-lg { --content-width: 75rem;}
div[class*="col"].col-12 { max-width: 100%;} div[class*="col"].col-11 { max-width: calc(100% - (100% / 12));} div[class*="col"].col-10 { max-width: calc(100% - (100% / 6));} div[class*="col"].col-9 { max-width: calc(100% - (100% / 4));} div[class*="col"].col-8 { max-width: calc(100% - (100% / 3));} div[class*="col"].col-7 { max-width: calc(100% - (100% / 2.4));} div[class*="col"].col-6 { max-width: calc(100% / 2);} div[class*="col"].col-5 { max-width: calc(100% / 2.4);} div[class*="col"].col-4 { max-width: calc(100% / 3);} div[class*="col"].col-3 { max-width: calc(100% / 4);} div[class*="col"].col-2 { max-width: calc(100% / 6);} div[class*="col"].col-1 { max-width: calc(100% / 12);}

.o-1 {order: 1;} .o-2 {order: 2;} .o-3 {order: 3;} .o-4 {order: 4;} .o-5 {order: 5;} .o-6 {order: 6;} .o-7 {order: 7;} .o-8 {order: 8;} .o-9 {order: 9;} .o-10 {order: 10;} .o-11 {order: 11;} .o-12 {order: 12;} .o-13 {order: 13;} .o-14 {order: 14;} .o-15 {order: 15;} .o-16 {order: 16;}



/* Main Map */
.animated {
    -webkit-animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-duration: .5s;
    animation-fill-mode: both;
}
.animated.--delay-1 {
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
}
.animated.--delay-2 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}
.animated.--delay-3 {
    -webkit-animation-delay: .75s;
    animation-delay: .75s;
}
.animated.--delay-4 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.animated.--delay-5 {
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s;
}
.animated.--delay-6 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.animated.--delay-7 {
    -webkit-animation-delay: 1.75s;
    animation-delay: 1.75s;
}
.animated.--delay-8 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.animated.--delay-9 {
    -webkit-animation-delay: 2.25s;
    animation-delay: 2.25s;
}
.animated.--delay-10 {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

@-webkit-keyframes fadeIn {
    0% { opacity: 0;}
    50% { opacity: .75;}
    100% { opacity: 1;}
}

@keyframes fadeIn {
    0% { opacity: 0;}
    50% { opacity: .75;}
    100% { opacity: 1;}
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.onvideo-header-title {
    display: flex;
    width: 100%;
    max-width: 52em;
    flex-flow: column;
    position: absolute;
    top: 5em;
    left: auto;
    right: 0;
    padding: 2em 6em 2em 2em;
    gap: 1em;
    justify-content: center;
    align-items: flex-end;
}
.onvideo-header-title h1 {
    font-size: 5em;
}
.onvideo-header-title .subtitle {
    font-size: 1.75em;
    text-align: right;
}

.header-nav .container, .header-nav {
    width: 100%;
}
.ui-main-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: -2;
}
.ui-main-bg-video video {
    width: calc(100% + 4rem)    ;
    filter: blur(.5rem) brightness(0.75) opacity(0.5);
}
.ui-main-bg-video:after {
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background-image: linear-gradient(180deg, var(--clr-tr) 0%, var(--clr-bg) 80%);
    z-index: 1;
}
.video-spectr-wrap {
    display: flex;
    width: 100%;
    flex-flow: column;
    position: relative;
    max-width: 120rem;
    /* border-radius: var(--r-1) var(--r-1) 0 0;*/
    --font-size-ribbon: 1vw;
    margin: 0 auto;
}
.video-spectr {
    width: 100%;
    position: relative;
    overflow: hidden;
    /* border-radius: var(--r-1) var(--r-1) 0 0; */
}
.video-spectr-title {
    display: flex;
    flex-flow: column;
    z-index: 2;
    width: fit-content;
    margin-left: var(--main-gap);
    margin-right: auto;
    padding: 0;
    margin-bottom: -10rem;
    margin-top: -2rem;
    
    position: absolute;
    right: 11rem;
    top: 11rem;
    transform: scale(1.25);
}
.video-spectr-title .logo {
    padding-bottom: 1rem;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}
#spectr { padding: 0;}
#spectr .container {
    max-width: 120rem;
    padding: 0;
}

.onvideo-header-wrap {
    display: flex;
    width: auto;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    flex-flow: row;
    padding: 1rem 2em 1em 1em;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    height: 5rem;
    /* border-bottom: 1px solid #99a2ad;
    border-radius: 2rem 2rem 0 0; */
}
.onvideo-header {
    display: flex;
    width: 100%;
    flex-flow: row;
    gap: 1rem;
    max-width: 100%;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
}
.onvideo-header-logo {
    display: flex;
    width: 100%;
    max-width: 10rem;
    height: 2.5rem;
}
.onvideo-header-contacts {
    display: flex;
    flex-flow: row;
    gap: 1rem;
    width: fit-content;
    max-width: calc(100% - 11rem);
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
}
.contact-item {
    display: flex;
    min-width: fit-content;
    max-width: calc((100% - 2rem) / 3);
    flex-flow: row;
    gap: .5rem;
}
.contact-item-content {
    display: flex;
    width: 100%;
    flex-flow: column;
    gap: .25rem;
    line-height: 1;
    max-width: calc(100% - 2.5rem);
}
.contact-item-content i {
    text-transform: uppercase;
    font-size: .7rem;
    opacity: .45;
}
.contact-item-icn {
    filter: invert(1) opacity(0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem; 
}
.contact-item-content span, .contact-item-content span a {
    color: #949494;
    transition: .15s ease;
}
.contact-item-content span a:hover {
    color: #ed7e02;
}

.video-spectr video {
    display: flex;
    width: 100%;
    height: auto;
    filter: grayscale(.2) contrast(.75) brightness(1.2);
    /* border-radius: 2rem 2rem 0 0; */
    margin-top: 0;
}
.onvideo-header-title {
    font-size: var(--font-size-ribbon);
}
.onvideo-menu {
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-offset: 0.2em;
    line-height: 1.25;
    white-space: nowrap;
    color: #0f1317;
    font-size: var(--font-size-ribbon);
    
    --ribbon-arrow: .75em;
    --ribbon-padding: 1.5em;
    --ribbon-padding-big: 2em;
}

.link-ribbon {
    --ribbon-opacity: .5;
    display: flex;
    flex-flow: column;
    position: absolute;
    top: 0;
    left: 0;
    font-size: var(--font-size-ribbon);
    font-weight: 700;
    color: var(--clr-white);
    background: rgb(32, 0, 61, .5);
    padding: var(--ribbon-arrow) var(--ribbon-padding-big);
    transition: all .3s ease;
    cursor: pointer;
    clip-path: polygon(var(--ribbon-padding-big) 0, 100% 0, calc(100% - var(--ribbon-padding-big)) 100%, 0 100%);
    opacity: 1;
    gap: .1em;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}
a[class*="link-ribbon"] { transition: all .3s ease;}
.link-ribbon:hover {
    color: var(--clr-white);
    transform: translateY(-4px);
    --ribbon-opacity: 1;
}
.link-ribbon span { text-decoration: underline;}
.link-ribbon small {
    display: flex;
    width: auto;
    text-decoration: none;
    font-size: .75em;
    letter-spacing: .05em;
    margin-left: auto;
    opacity: .75;
    margin-bottom: -.5em;
}
.link-ribbon:hover { background: rgba(45, 0, 120, .75);}
.link-ribbon.gray { background: rgba(207, 207, 207, .5); color: #595959;}
.link-ribbon.gray:hover { transform: none;}
.link-ribbon.blue { background: rgba(241, 100, 0, .75);}
.link-ribbon.grad-purple {
    --ribbon-opacity: 1;
    background: linear-gradient(90deg, rgb(1, 144, 248, var(--ribbon-opacity)), rgb(188, 96, 249, var(--ribbon-opacity)), rgb(239, 66, 136, var(--ribbon-opacity)), rgb(245, 84, 4, var(--ribbon-opacity)));
}

.link-ribbon.red { background: #cb0000ad;}
.link-ribbon.red:hover { background: #cb0000;}
.link-ribbon.--lg { transform: scale(1.5);}
.link-ribbon.--lg:hover { transform: scale(1.75);}
.link-ribbon.yt {
    padding-left: 4.5em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cscript xmlns='' src='chrome-extension://fjnbnpbmkenffdnngjfgmeleoegfcffe/static/js/contentInt.js'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zM10.622 8.415l4.879 3.252a.4.4 0 0 1 0 .666l-4.88 3.252a.4.4 0 0 1-.621-.332V8.747a.4.4 0 0 1 .622-.332z'/%3E%3C/svg%3E");
    background-size: 2em;
    background-position: 2em center;
    background-repeat: no-repeat;
}
.link-ribbon.yt:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cscript xmlns='' src='chrome-extension://fjnbnpbmkenffdnngjfgmeleoegfcffe/static/js/contentInt.js'/%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zM10.622 8.415l4.879 3.252a.4.4 0 0 1 0 .666l-4.88 3.252a.4.4 0 0 1-.621-.332V8.747a.4.4 0 0 1 .622-.332z'/%3E%3C/svg%3E");
    background-size: 2em;
    background-position: 2em center;
    background-repeat: no-repeat;
}
.link-ribbon.--tl {
    padding: var(--ribbon-padding) var(--ribbon-padding-big) var(--ribbon-arrow);
    clip-path: polygon(var(--ribbon-padding-big) 0, var(--ribbon-padding-big) var(--ribbon-arrow), 100% var(--ribbon-arrow), calc(100% - var(--ribbon-padding)) 100%, 0 100%);
}
.link-ribbon.--tr {
    padding: var(--ribbon-padding) var(--ribbon-padding-big) var(--ribbon-arrow);
    clip-path: polygon(0 var(--ribbon-arrow), calc(100% - var(--ribbon-padding-big)) var(--ribbon-arrow), calc(100% - var(--ribbon-padding-big)) 0, 100% 100%, var(--ribbon-padding) 100%);
}
.link-ribbon.--bl {
    padding: var(--ribbon-arrow) var(--ribbon-padding-big) var(--ribbon-padding);
    clip-path: polygon(0 0, calc(100% - var(--ribbon-padding)) 0, 100% calc(100% - var(--ribbon-arrow)), var(--ribbon-padding-big) calc(100% - var(--ribbon-arrow)), var(--ribbon-padding-big) 100%);
}
.link-ribbon.--br {
    padding: var(--ribbon-arrow) var(--ribbon-padding-big) var(--ribbon-padding);
    clip-path: polygon(var(--ribbon-padding-big) 0, 100% 0, calc(100% - var(--ribbon-padding-big)) 100%, calc(100% - var(--ribbon-padding-big)) calc(100% - var(--ribbon-arrow)), 0 calc(100% - var(--ribbon-arrow)));
}
.link-ribbon[data-num="0"] { top: 28%; left: 16%;}
.link-ribbon[data-num="1"] { top: 50%; left: 9%;}
.link-ribbon[data-num="2"] { top: 33%; left: 20%;}
.link-ribbon[data-num="3"] { top: 50%; left: 26%;}
.link-ribbon[data-num="4"] { top: 68%; left: 28%;}
.link-ribbon[data-num="5"] { top: 40%; left: 48%;}
.link-ribbon[data-num="6"] { top: 75%; left: 42%;}
.link-ribbon[data-num="7"] { top: 51%; left: 60%;}
.link-ribbon[data-num="8"] { top: 74%; left: 62%;}
.link-ribbon[data-num="9"] { top: 74%; left: 81%;}
.link-ribbon[data-num="10"] { bottom: 5%; left: 44%; top: auto;}
.link-ribbon[data-num="11"] { bottom: 5%; left: 36%; top: auto;}


.onvideo-menu .hot {
    position: absolute;
    background: #ffffff;
    padding: 0 1rem 0 0;
    text-transform: math-auto;
}
.onvideo-menu .link-ribbon[data-num="5"] + .hot{ top: 37%; left: 48%;}
.onvideo-menu .hot span {
    display: inline-block;
    background: var(--clr-acnt);
    padding: .1rem .5rem;
    color: white;
    text-transform: uppercase;
    font-weight: 800;
    margin-right: .75rem;
}

.first-screen .subtitle + .hot {
    background: #ffffff;
    padding: 0 1rem 0 0;
    text-transform: math-auto;
    width: fit-content;
    border-radius: .5rem;
    overflow: hidden;
}
.first-screen .subtitle + .hot span {
    display: inline-block;
    background: var(--clr-acnt);
    padding: .1rem .5rem;
    color: white;
    text-transform: uppercase;
    font-weight: 800;
    margin-right: .75rem;
}

.hero-block {

}
.hero-inner {
    display: flex;
    justify-content: space-between;
}
.hero-block-1 {
    width: 60%;
}
.hero-headtitle {
    color: #DE6C2A;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: bold;
}
.hero-title {
    font-family: var(--font-alt);
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.7;
    color: #FFFFFF;
    font-size: 32px;
    margin-bottom: 30px;
}
.hero-subtitle {
    margin-bottom: 30px;
}
.hero-bth {

}
.hero-bth button {
    width: 40%;
    height: auto;
    padding: .8rem;
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 1.2em;
}
.hero-btn-desc {
    font-size: .7rem;
    margin-top: 15px;
}

/* Основной контейнер */
.hero-block-2 {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 40%;
    border-radius: 15px;
    margin-left: 60px;
}

.hero-block-2 video {
    border-radius: 15px;
}

/* Первая картинка (большая) */
.hero-img-place-1 {
    position: relative;
    flex: 1; /* Занимает 1 часть */
    min-height: 400px; /* Задайте нужную высоту */
    overflow: hidden;
    min-height: 260px;
    border-radius: 15px;
}

.hero-img-place-1 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.hero-img-place-1 img.active {
    opacity: 1;
}

/* Вторая секция с двумя колонками */
.hero-img-place-2 {
    display: flex;
    gap: 15px;
    flex: 0 0 0; /* Фиксированная ширина или 30% */
}

.hero-img-place-2 .hero-img-col {
    position: relative;
    flex: 1;
    min-height: 195px; /* Половина от hero-img-place-1 минус gap */
    overflow: hidden;
    border-radius: 15px;
}

.hero-img-place-2 .hero-img-col img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    border-radius: 15px;
}

.hero-img-place-2 .hero-img-col img.active {
    opacity: 1;
}

@media (max-width: 1360px) {
    .hero-bth button {
        width: 60%;
    }
}

@media (max-width: 1230px) {
    .hero-inner {
        flex-direction: column;
    }
    .hero-block-1 {
        margin: 0 0 50px 0;
    }
    .hero-img-place-1 {

    }
    .hero-img-place-1 img {
        width: 100%;
    }
    .hero-img-place-2 {
        display: flex;
    }
    .hero-img-place-2 img {
        width: 50%;
    }
    .hero-img-place-2 img:first-child {
        padding-right: 15px;
    }
    .hero-block-1 {
        width: 100%;
    }
    .hero-block-2 {
        width: 100%;
        margin: 0;
    }
    .hero-bth {
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .hero-title {
        font-size: 2rem;
    }
    .hero-headtitle {
        font-size: 15px;
    }
    .hero-bth button.btn-acnt {
        width: 100%;
        font-size: 17px;
    }
}

@media (max-width: 512px) {
    .hero-block-1 {
        margin-bottom: 40px;
    }
    .hero-title {
        font-size: 1.15rem;
        margin-bottom: 15px;
    }
    .hero-bth button.btn-acnt {
        font-size: 15px;
    }
}

.hero-group .utp-box {
    background: none;
    border: none;
    backdrop-filter: none;
    border-radius: 0;
}
.hero-group .utp-box:before,
.hero-group .utp-box:after {
    display: none;
}
.hero-group .row {
    border-radius: 10px;
    border: 1px #34374F solid;
    background: #12131E;
    margin: 0;
    width: 100%;
}
.hero-group .row .col-md-12 {
    padding: 0;
    display: grid;
    align-items: center;
}
.hero-group .hi {
    --icn-box: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' fill='none'/%3E%3Cpath d='M36 31.5V34.5H38.6225C35.268 39.1794 29.8689 42 24 42C14.0746 42 6 33.9251 6 24H3C3 35.5796 12.4205 45 24 45C30.5325 45 36.5615 41.9985 40.5 36.9822V39H43.5V31.5H36Z' fill='%23DE6C2A'/%3E%3Cpath d='M33.7569 17.4551L24.7744 12.2051C24.5353 12.0651 24.2673 11.997 23.9998 12C23.745 12.003 23.4907 12.0711 23.2626 12.2036L14.245 17.4536C13.7836 17.7224 13.4998 18.216 13.4998 18.75V29.25C13.4998 29.784 13.7836 30.2777 14.245 30.5465L23.2626 35.7965C23.4958 35.9319 23.739 36 23.9998 36C24.2613 36 24.5404 35.9319 24.7744 35.795L33.7569 30.545C34.2172 30.2762 34.5 29.7833 34.5 29.25V18.75C34.5 18.2168 34.2172 17.7239 33.7569 17.4551ZM24.016 15.2366L30.0274 18.75L24.016 22.2635L17.9812 18.75L24.016 15.2366ZM16.5 21.3588L22.5 24.8525V31.8807L16.5 28.3871V21.3588ZM25.5 31.8962V24.8708L31.5 21.3639V28.3893L25.5 31.8962Z' fill='%23DE6C2A'/%3E%3Cpath d='M24 3C17.4675 3 11.4385 6.0015 7.5 11.0178V9H4.5V16.5H12V13.5H9.37755C12.732 8.8206 18.1311 6 24 6C33.9254 6 42 14.0749 42 24H45C45 12.4205 35.5796 3 24 3Z' fill='%23DE6C2A'/%3E%3C/svg%3E");
    --icn-shield: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' fill='none'/%3E%3Cpath d='M33 33L25.5 25.56L27.885 23.205L33 28.275L44.115 17.25L46.5 19.62L33 33ZM36 3H9C7.35 3 6 4.35 6 6V27.45C6 33.3 9.15 38.7 14.25 41.7L22.5 46.5L30.6 41.7C31.98 40.92 33.21 39.915 34.29 38.79L32.25 36.75C31.365 37.665 30.36 38.46 29.25 39.15L22.5 43.2L15.75 39.15C11.55 36.75 9 32.25 9 27.45V6H36V13.5H39V6C39 4.35 37.65 3 36 3Z' fill='%23DE6C2A'/%3E%3C/svg%3E");
    --icn-conf: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' fill='none'/%3E%3Cpath d='M42 30H39V33H42V42H6V33H21V30H6C5.20463 30.0009 4.4421 30.3173 3.87969 30.8797C3.31728 31.4421 3.00091 32.2046 3 33V42C3.00091 42.7954 3.31728 43.5579 3.87969 44.1203C4.4421 44.6827 5.20463 44.9991 6 45H42C42.7954 44.9991 43.5579 44.6827 44.1203 44.1203C44.6827 43.5579 44.9991 42.7954 45 42V33C44.9991 32.2046 44.6827 31.4421 44.1203 30.8797C43.5579 30.3173 42.7954 30.0009 42 30Z' fill='%23DE6C2A'/%3E%3Cpath d='M10.5 39C11.3284 39 12 38.3284 12 37.5C12 36.6716 11.3284 36 10.5 36C9.67157 36 9 36.6716 9 37.5C9 38.3284 9.67157 39 10.5 39Z' fill='%23DE6C2A'/%3E%3Cpath d='M45 12H33V21H24V33H36V24H45V12ZM33 30H27V24H33V30ZM42 21H36V15H42V21Z' fill='%23DE6C2A'/%3E%3Cpath d='M27 15H15V3H27V15ZM18 12H24V6H18V12Z' fill='%23DE6C2A'/%3E%3C/svg%3E");

    display: inline-flex;
    width: 1em;
    height: 1em;
    position: relative;
}
.hero-group .hi.--absolute {
    filter: none;
}
.hero-group .hi-box-ln:after {
    background: var(--icn-box) !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
}
.hero-group .hi-shield-ln:after {
    background: var(--icn-shield) !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
}
.hero-group .hi-conf-ln:after {
    background: var(--icn-conf) !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
}

@media (max-width: 1080px) {
    .hero-group .row {
        gap: 0;
    }
    .hero-group .utp-content {
        align-items: flex-start;
    }
    .hero-group .utp-box {
        padding: 20px;
    }
}

@media (max-width: 512px) {
    .hero-group .hi {
        width: 50px !important;
    }
    .hero-group .utp-box {
        gap: 1rem;     
    }
}

.video .video-header h2.txL {
    padding-left: 25px;
}
.video .video-header .subtitle {
    padding-left: 25px;
}
.video .video-header:before {
    content: '';
    background: url('/wp-content/themes/bootstrap-basic4/assets/img/block-head-line.svg');
    background-size: 135%;
    background-repeat: no-repeat;
    width: 1px;
    height: 105px;
    position: absolute;
    top: 50px;
}

.params {
    margin-top: 50px;
}
.params-item {
    position: relative;
    margin-bottom: 50px;
}
.params-item span {
    color: #DE6C2A;
    font-size: 37px;
    font-weight: bold;
    padding-left: 15px;
}
.params-item span sup {
    font-size: 13px;
}
.params-item:before {
    content: '';
    background: url('/wp-content/themes/bootstrap-basic4/assets/img/string-head-line.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1px;
    height: 60px;
    position: absolute;
    top: -7px;
}

@media (max-width: 1230px) {
    .params-item {
        margin-bottom: 20px;
    }
}

.video {
    margin-bottom: 100px;
}

@media (max-width: 768px) {
    .video {
        margin-bottom: 0;
    }
}

.cards {
    margin-top: 70px;
}
.cards-item-inner {
    border-radius: 10px;
    border: 1px #34374F solid;
    background: #12131E;
    padding: 20px;
}
.cards-item-title {
    font-family: var(--font-alt);
    font-weight: 500;
    line-height: 1.5;
    color: #FFFFFF;
    margin-bottom: 20px;
}
.cards-item-desc {
    margin-bottom: 30px;
}
.cards-item-desc ul {
    
}
.cards-item-desc ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
}
.cards-item-desc ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% - 0.3rem);
    width: 0.5rem;
    height: 0.5rem;
    border: 2px solid var(--clr-acnt);
    border-radius: var(--r-8);
    background: var(--clr-tr);
}
.cards-item-img {

}
.cards-item-img img {
    width: 100%;
}

.play-video {
    position: relative;
    display: flex;
    justify-content: flex-end;
    top: -80px;
    cursor: pointer;
}

.play-video-inner {
    padding-left: 50px;
    width: 300px;
    position: relative;
}

.play-video-inner:before {
    content: '';
    background: url('/wp-content/themes/bootstrap-basic4/assets/img/play-bth-grey.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -12px;
    left: -10px;
}
.params .video-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.params .video-bg video {

}
.params .video-bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

@media (max-width: 768px) {
    .params .video-bg video {
        height: 400px;
    }
    .params-item span {
        font-size: 27px;
    }
    .params-item:before {
        height: 45px;
    }
    .play-video {
        top: auto;
        bottom: -10px;
    }
}

.blog-block {

}
.blog-items {
    position: relative;
}
.blog-item {

}
.blog-item-inner {
    border-radius: 15px;
    background: #12131E;
}
.blog-item-img {

}
.blog-item-img img {
    width: 100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.blog-item-title {
    font-family: var(--font-alt);
    font-weight: 500;
    line-height: 1.5;
    color: #FFFFFF;
    margin: 15px 0;
    padding: 0 20px;
}
.blog-item-desc {
    padding: 0 20px 20px 20px;
}
.blog-item-link {
    position: relative;
    width: fit-content;
    padding: 0 20px 20px 20px;
}
.blog-item-link a {
    color: #DE6C2A;
    font-weight: bold;
}
.blog-item-link:after {
    content: '';
    background: url('/wp-content/themes/bootstrap-basic4/assets/img/link-arrow.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
    right: -10px;
}

/* Контейнер для стрелок */
.swiper-slider-blog-arrows {
    position: absolute;
    z-index: 10;
    top: 45%;
    width: 100%;
}
.swiper-slider-blog-arrows .swiper-button-prev {
    left: -20px;
}
.swiper-slider-blog-arrows .swiper-button-next {
    right: -20px; 
}
.swiper-slider-blog-arrows .swiper-button-prev,
.swiper-slider-blog-arrows .swiper-button-next {
    position: absolute;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: transparent;
}
.swiper-slider-blog-arrows .swiper-button-prev::after,
.swiper-slider-blog-arrows .swiper-button-next::after {
    content: none !important;
}
.swiper-slider-blog-arrows img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none; 
}
.swiper-slider-blog-arrows .swiper-button-prev:hover,
.swiper-slider-blog-arrows .swiper-button-next:hover {
    opacity: 0.7;
}

@media (max-width: 768px) {
    .swiper-slider-blog-arrows {
        display: none;
    }
}

.welding-works-block {

}
.welding-works-items {
    position: relative;
}
.welding-works-item {

}
.welding-works-item-inner {
    border-radius: 15px;
    background: #12131E;
}
.welding-works-item-img {

}
.welding-works-item-img img {
    width: 100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.welding-works-item-title {
    font-family: var(--font-alt);
    font-weight: 500;
    line-height: 1.5;
    color: #FFFFFF;
    margin: 15px 0;
    padding: 0 20px;
}
.welding-works-item-desc {
    padding: 0 20px 20px 20px;
}

/* Контейнер для стрелок */
.swiper-slider-welding-works-arrows {
    position: absolute;
    z-index: 10;
    top: 45%;
    width: 100%;
}
.swiper-slider-welding-works-arrows .swiper-button-prev {
    left: -20px;
}
.swiper-slider-welding-works-arrows .swiper-button-next {
    right: -20px; 
}
.swiper-slider-welding-works-arrows .swiper-button-prev,
.swiper-slider-welding-works-arrows .swiper-button-next {
    position: absolute;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: transparent;
}
.swiper-slider-welding-works-arrows .swiper-button-prev::after,
.swiper-slider-welding-works-arrows .swiper-button-next::after {
    content: none !important;
}
.swiper-slider-welding-works-arrows img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none; 
}
.swiper-slider-welding-works-arrows .swiper-button-prev:hover,
.swiper-slider-welding-works-arrows .swiper-button-next:hover {
    opacity: 0.7;
}

@media (max-width: 768px) {
    .swiper-slider-welding-works-arrows {
        display: none;
    }
}


.locksmith-works-block {

}
.locksmith-works-items {
    position: relative;
}
.locksmith-works-item {

}
.locksmith-works-item-inner {
    border-radius: 15px;
    background: #12131E;
}
.locksmith-works-item-img {

}
.locksmith-works-item-img img {
    width: 100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.locksmith-works-item-title {
    font-family: var(--font-alt);
    font-weight: 500;
    line-height: 1.5;
    color: #FFFFFF;
    margin: 15px 0;
    padding: 0 20px;
}
.locksmith-works-item-desc {
    padding: 0 20px 20px 20px;
}

/* Контейнер для стрелок */
.swiper-slider-locksmith-works-arrows {
    position: absolute;
    z-index: 10;
    top: 45%;
    width: 100%;
}
.swiper-slider-locksmith-works-arrows .swiper-button-prev {
    left: -20px;
}
.swiper-slider-locksmith-works-arrows .swiper-button-next {
    right: -20px; 
}
.swiper-slider-locksmith-works-arrows .swiper-button-prev,
.swiper-slider-locksmith-works-arrows .swiper-button-next {
    position: absolute;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: transparent;
}
.swiper-slider-locksmith-works-arrows .swiper-button-prev::after,
.swiper-slider-locksmith-works-arrows .swiper-button-next::after {
    content: none !important;
}
.swiper-slider-locksmith-works-arrows img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none; 
}
.swiper-slider-locksmith-works-arrows .swiper-button-prev:hover,
.swiper-slider-locksmith-works-arrows .swiper-button-next:hover {
    opacity: 0.7;
}

@media (max-width: 768px) {
    .swiper-slider-locksmith-works-arrows {
        display: none;
    }
}

.contact-block {

}
.contact-block .col-5 {
    padding-right: 90px;
}
.contact-block-header {

}
.contact-map {

}
.contact-map img {
    width: 100%;
}
.contact-block .main-form .col-main {
    width: 100%;
    max-width: 100%;
}
.contact-block .main-form .col-main input[type="text"] {
    width: 100%;
    max-width: 100%;
}
.contact-block .main-form .col-comment {
    width: 100%;
    max-width: 100%;
}
.contact-block .main-form .col-comment input[type="file"] {
    width: 100%;
    max-width: 100%;
}
.contact-block .main-form .col-comment input[type="file"],
.input-file:after {
    width: 100% !important;
    max-width: 100% !important;
}
.contact-block .main-form .col-comment textarea {
    width: 100%;
    max-width: 100%;
}
.contact-block .main-form .col-submit button[type="submit"] {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 1230px) {
    .contact-block .col-5 {
        padding-right: 20px;
    }
}

@media (max-width: 998px) {
    
}

/* MODAL BEGIN */

#modal-consult-fastform .modal__content {
    display: flex;
    justify-content: space-between;
    padding: 0;
}
#modal-consult-fastform .modal__img {
    background: url('/wp-content/themes/bootstrap-basic4/assets/img/schema-modal.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    width: 50%;
}
#modal-consult-fastform .modal__img img {
    width: 100%;
}
#modal-consult-fastform .main-form {
    width: 50%;
    padding: 40px;
}
#modal-schem .modal__content h3,
#modal-factory-video .modal__content h3 {
    margin-bottom: 20px;
}


@media (max-width: 998px) {
    #modal-consult-fastform .modal__content {
        flex-direction: column;
    }
    #modal-consult-fastform .modal__img {
        display: none;
    }
}

@media (max-width: 768px) {
    #modal-consult-fastform .main-form {
        width: 100%;
        padding: 20px;
    }

}

/* MODAL END */

main section:last-child {
    padding-bottom: 170px;
    background: none !important;
}

.container.overset  .swiper {
    padding: 0 var(--main-gap-05);
}
.container.overset {
    padding: 0;
}
.swiper-slide.slide-work {
    width: calc(100% / 4);
    padding: 0 var(--main-gap-05);
}
.swiper-slide.slide-work.--alt .box { max-height: 20rem; min-height: 20rem;}
.swiper-slide.slide-work.--alt .box .article { min-height: 20rem;}
.swiper-slide.slide-work.--alt .article .article-icn { filter: initial;}
.slide-work .box {
    display: flex;
    flex-flow: column;
    gap: 1rem;
    padding: 0;
    border-radius: var(--r-1);
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 26rem;
    min-height: 26rem;
}
.slide-work .overlayer, .slide-work .overlayer-grad {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
}
.slide-work .overlayer {
    z-index: 0;
    max-height: calc(26rem - 7rem);
}
.slide-work .overlayer-grad {
    z-index: 1;
    background-image: linear-gradient(0deg, var(--clr-white-50) 0%, var(--clr-black-30) 70%);
}
.slide-work .overlayer img {
    display: flex;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 0 0 calc(var(--r-1) + 2px) calc(var(--r-1) + 2px);
    opacity: .1;
    transition: var(--trns-15);
}
        
.slide-work .box .article {
    display: flex;
    flex-flow: column;
    width: 100%;
    height: 100%;
    z-index: 3;
    justify-content: space-between;
    min-height: 26rem;
}
.slide-work .box .article .article-header {
    padding: 1.5rem;
    background: var(--clr-white-60);
    background: -webkit-linear-gradient(bottom, var(--clr-white-60) 50%, var(--clr-white-30));
    background: -o-linear-gradient(bottom, var(--clr-white-60) 50%, var(--clr-white-30));
    background: linear-gradient(to top, var(--clr-white-60) 50%, var(--clr-white-30));
    border-top: 1px solid var(--clr-white-40);
    min-height: 10rem;
    backdrop-filter: blur(2rem);
    -webkit-backdrop-filter: blur(2rem);
}
.article .article-icn {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    max-width: 10rem;
    min-height: 10rem;
    max-height: 10rem;
    padding: 2rem;
    filter: grayscale(1) brightness(3);
}
.article-icn img {
    display: flex;
    width: 100%;
    height: 100%;
}
.article-title {
    display: flex;
    flex-flow: column;
    gap: 1rem;
    width: 100%;
    opacity: 0;
    transition: var(--trns-15);
}
.article-title-main {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--clr-text-sub);
    line-height: 1.15;
}
.article-title-sub {
    font-size: .9rem;
    line-height: 1.25;
    color: var(--clr-text);
}

#products .container.overset {
    background: radial-gradient(60% 70% at 50% 50%, rgba(255, 211, 175, 1) 0%, rgba(255, 205, 205, .5) 40%, var(--clr-tr) 60%);
    /* background: radial-gradient(60% 60% at 50% 50%, rgb(131 59 27) 0%, #2b0606 40%, var(--clr-tr) 60%); */
}
.swiper .shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 12rem;
    height: 100%;
    z-index: 10;
}
.swiper .shadow.--l { background: linear-gradient(90deg, var(--clr-bg) 30%, transparent);}
.swiper .shadow.--r {
    background: linear-gradient(-90deg, var(--clr-bg) 30%, transparent);
    right: 0;
    left: auto;
}
.slider-arrow {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    width: 4rem;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: var(--clr-acnt);
    cursor: pointer;
    z-index: 15;
    transition: var(--trns-15);
    height: 4rem;
    top: 50%;
    transform: translateY(-50%);
}
.slider-arrow:after {
    content: '';
    width: 100%;
    height: 4rem;
    mask-image: var(--svg-arrow);
    -webkit-mask-image: var(--svg-arrow);
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;
    background-color: currentColor;
    transition: var(--trns-15);
    transform: scale(.8);
}
.slider-arrow.--next { left: auto; right: 0;}
.slider-arrow.--next:after { transform: scale(.8) rotate(180deg);}
.slider-arrow:hover:after { transform: scale(1);}
.slider-arrow.--next:hover:after { transform: scale(1) rotate(180deg);}

.swiper-slide.slide-work.swiper-slide-prev, .swiper-slide.slide-work.swiper-slide-active, .swiper-slide.slide-work.swiper-slide-next, .swiper-slide.slide-work.swiper-slide-prev .overlayer img, .swiper-slide.slide-work.swiper-slide-active .overlayer img, .swiper-slide.slide-work.swiper-slide-next .overlayer img, .swiper-slide.slide-work.swiper-slide-prev .article-title, .swiper-slide.slide-work.swiper-slide-active .article-title, .swiper-slide.slide-work.swiper-slide-next .article-title, .swiper-slide.slide-price.swiper-slide-prev .article-title, .swiper-slide.slide-price.swiper-slide-active .article-title, .swiper-slide.slide-price.swiper-slide-next .article-title { opacity: 1;}
.swiper-slide.slide-work { opacity: .5; transition: var(--trns-15);}

.shape-bg {
    display: flex;
    position: absolute;
    width: 100%;
    height: 20rem;
    left: 0;
    top: 0;
    transform: scale(0) translate(0, 50%);
    transform: scale(0) translate(0, 50%);
    opacity: 0;
    transition: .3s ease;
    justify-content: center;
    align-items: center;
}
.shape-bg img {
    display: flex;
    margin: auto;
    height: auto;
    min-height: 16rem;
    width: auto;
    max-width: none;
    max-height: 100%;
}
.shape-bg {
    transform: scale(1) translate(0, 50%);
    opacity: .5;
}
.shape-onvideo {
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    opacity: .5;
}

.shape-onvideo img {
    display: flex;
    max-width: calc(100% - 1.5rem);
    max-height: calc(100% - 1.5rem);
    filter: brightness(2);
}

.container .swiper {
    max-width: 100%;
}
.container.overset .swiper.slider-products {
    overflow: hidden;
    padding-top: 2rem;
    padding-bottom: 2rem;
    max-width: 100%;
}
.swiper.slider-products {
    max-width: 100%;
}
.swiper-slide.slide-products {
    width: 100%;
    max-width: 100%;
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .2s cubic-bezier(.38,.005,.215,1);
    opacity: .75;
    transform: scale(.75) translate(0, 0);
    max-height: 24rem;
    z-index: 5;
    filter: blur(1rem);
    position: relative;
    background: var(--clr-white-60);
    border-radius: var(--r-1);
}
.swiper-slide.slide-products img {
    display: flex;
    margin: auto;
    width: 100%;
    max-width: 18rem;
    max-height: 22rem;
    z-index: 2;
    border-radius: calc(var(--r-2) + .5rem);
}
.swiper-slide.slide-products:after {
    content: '';
    position: absolute;
    bottom: 1rem;
    margin: auto;
    width: 50%;
    height: 1rem;
    border-radius: 50%;
    filter: blur(.25rem);
    opacity: .5;
    background-color: var(--clr-black-10);
    z-index: 1;
}

.links-wrap {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-flow: wrap;
    width: 100%;
    gap: 1rem 0;
}

.swiper-slide.slide-products.swiper-slide-active {
    transform: scale(1.1) translate(0, 0);
    opacity: 1;
    z-index: 10;
    filter: blur(0);
}
.swiper-slide.slide-products.swiper-slide-prev, .swiper-slide.slide-products.swiper-slide-next {
    /* transform: scale(.8) translate(0, 0); */
    opacity: .75;
    z-index: 7;
    filter: blur(0);
}
.swiper-slide.slide-products.swiper-slide-next { transform: scale(1) translate(2.5rem, 0);}
.swiper-slide.slide-products.swiper-slide-prev { transform: scale(1) translate(-2.5rem, 0);}

main section:last-child {
    background: radial-gradient(100% 50% at 0% 100%, #68daff 0%, rgb(171 245 255 / 50%) 50%, transparent 150%), radial-gradient(100% 50% at 100% 100%, #ff5fba 0%, rgb(217 126 255 / 50%) 50%, transparent 150%);
    /* background: radial-gradient(100% 50% at 0% 100%, #004159 0%, #004c6752 50%, transparent 150%), radial-gradient(100% 50% at 100% 100%, #830064 0%, #ff1caf4d 50%, transparent 150%); */
}
#order-section h3 {
    width: 100%;
    padding-bottom: var(--main-gap);
}

.box-attention {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: row;
    gap: .5em;
    font-size: .8em;
    max-width: 17rem;
    line-height: 1;
}
.box-attention-icn {
    display: flex;
    justify-content: center;
    align-items: center;
}
.box-attention-icn svg {
    width: 3em;
    height: 3em;
}
.input-radio-wrap {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    gap: 1rem;
}
.input-radio-wrap .input-radio {
    display: flex;
    position: relative;
}
.input-radio-wrap .input-radio input {
    position: absolute;
    top: calc(50% - .45em);
    left: 1rem;
}
p.label {
    font-size: .9rem;
    line-height: 1;
    width: 100%;
}
.input-radio-wrap .input-radio input + label {
    border: 1px solid var(--clr-gray-dark-light-10);
    border-radius: var(--r-3);
    padding: .5rem 1rem;
    padding-left: 2.5rem;
    display: flex;
    position: relative;
    min-height: 2.5rem;
    justify-content: flex-start;
    align-items: center;
    line-height: 1;
    font-size: .9rem;
    background: var(--clr-gray-dark-light-10);
    gap: .5rem;
    cursor: pointer;
}
.input-radio-wrap .input-radio input:checked + label {
    background: var(--clr-tr);
    border-color: var(--clr-acnt);
}
.container.steps + .container { padding: 0 2.25rem;}
.container.steps { max-width: 120rem;}
.steps-list {
    
}   
.steps-list ul {
    display: flex;
    flex-flow: row;
    width: 100%;
    justify-content: center;
}
.steps-list ul li {
    display: flex;
    width: 100%;
    text-align: center;
    flex-flow: column;
    gap: 1rem;
    height: auto;
    font-size: 1.5rem;
    line-height: 1.15;
    font-weight: 700;
    position: relative;
    --clr-text-sub: var(--clr-purple);
    max-width: 16rem;
    padding: 0 2rem;
}
.steps-list ul li:before {
    content: attr(data-number);
    width: 6rem;
    height: 6rem;
    min-width: 6rem;
    min-height: 6rem;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 4rem;
    font-weight: 600;
    color: var(--clr-white);
    /* text-shadow: -.02em -.02em 0 var(--clr-text-sub), 0 -.02em 0 var(--clr-text-sub), .02em -.02em 0 var(--clr-text-sub), .02em 0 0 var(--clr-text-sub), .02em .02em 0 var(--clr-text-sub), 0 .02em 0 var(--clr-text-sub), -.02em .02em 0 var(--clr-text-sub), -.02em 0 0 var(--clr-text-sub); */
    border-radius: 50%;
    /* border: .1rem solid var(--clr-text-sub); */
    margin: 0 auto;
    background: var(--clr-text-sub);
    box-shadow: 0 0 7rem -1rem #6bd9ff;
    z-index: 1;
}
.steps-list ul li:after {
    content: '';
    position: absolute;
    top: calc(6rem / 2);
    left: 0;
    height: 1px;
    width: 100%;
    background: var(--clr-text-sub);
    z-index: 0;
}
.steps-list ul li:first-child:after, .steps-list ul li:last-child:after {
    max-width: 50%;
}
.steps-list ul li:first-child:after {
    left: 50%;
}

.img {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.shaped-img {
    content: '';
    mask-image: var(--svg-img-shape);
    -webkit-mask-image: var(--svg-img-shape);
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;
}
.shaped-img img {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1 / .65;
}

.main-form {
    display: flex;
    margin: 0;
    padding: 0;
    background: var(--clr-tr);
    border-radius: 0;
    width: 100%;
    flex-flow: wrap;
    position: relative;
    max-width: 100%;
    gap: 1rem;
    margin: auto;
}
.main-form div[class*="col-main"], .main-form div[class*="col-comment"], .main-form div[class*="col-submit"], .inputs-wrap {
    display: flex;
    width: 100%;
    flex-flow: column;
    gap: 1rem;
    padding: 0;
}
.main-form div[class*="col-main"] {
    max-width: 17rem;
}
.main-form div[class*="col-comment"] {
    max-width: calc(100% - 17rem - 1rem);
}
.main-form div[class*="col-submit"] {
    
}
.inputs-wrap {
    
}
button[type="submit"] {
    width: 12.5rem;
}
label {
    font-size: .9rem;
}
input[type="file"], .input-file:after {
    display: flex;
    width: 100%;
    background: var(--clr-black-05);
    color: var(--clr-black-50);
    border-radius: var(--r-3);
    padding: .5rem 1.5rem;
    justify-content: center;
    align-items: center;
    border: 1px dashed;
    font-size: 1rem;
    line-height: 1;
    min-height: 7rem;
    border-color: currentColor;
    color: currentColor;
    transition: var(--trns-15);
    cursor: pointer;
    font-size: .9rem;
}
input[type="file"] {
    opacity: 0;
    z-index: 2;
    position: relative;
}
.input-file {
    z-index: 0;
    color: var(--clr-text);
    position: relative;
    transition: var(--trns-15);
}
.input-file:after {
    content: attr(data-name);
    position: absolute;
    top: 1.5rem;;
    left: 0;
    z-index: -1;
}
.input-file:hover:after {
    color: var(--clr-acnt);
}
        
.clients__wrap .clients__item {
    justify-content: center;
    align-items: center;
}
.clients__wrap .clients__item picture {
    min-height: 6rem;
    justify-content: center;
    align-items: center;
    display: flex;
}
.clients__wrap .clients__item img {
    max-height: 4rem;
    max-width: 11rem;
    filter: grayscale(1);
    width: 100%;
    height: 6rem;
    max-height: 6rem;
    max-width: 12rem;
}
.clients__wrap .clients__item p {
    font-size: .75rem;
    color: black;
    opacity: .75;
}
.clients__wrap .clients__item p a {
    color: inherit;
}
.clients__wrap {
    display: flex;
    justify-content: center;
    width: 1430px;
    max-width: 100%;
    padding: 0 16px;
    margin: 0 auto;
    flex-flow: wrap;
    gap: 1rem;
    
    display: flex;
    flex-flow: wrap;
    gap: 1rem;
    justify-content: center;
    align-items: center;
    width: 100%;
}
footer .shape-logo {
    margin-top: auto;
    text-align: center;
}
footer .shape-logo img {
    max-height: 6rem;
    margin: 0 auto;
}
footer {
    display: flex;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    background: var(--clr-purple-dark);
    flex-flow: column;
    gap: 1rem;
    min-height: 44rem;
    background-image: url("/wp-content/themes/bootstrap-basic4/assets/img/footer-bg.webp");
    background-attachment: fixed;
    background-size: cover;
    background-position: top center;
    background-blend-mode: soft-light;
    color: var(--clr-text);
    position: relative;
}
.logo-area p {
    display: flex;
    flex-flow: column;
    line-height: 1.25;
}
footer .logo-area {
    display: flex;
    flex-flow: column;
    gap: 1rem;
    width: 100%;
}
footer .logo-wrap {
    display: flex;
    width: 100%;
    max-height: 4rem;
    justify-content: flex-start;
    align-content: center;
}
footer .logo-wrap img, footer .logo-wrap svg {
    display: flex;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
small {
    font-size: .9em;
    line-height: 1;
    display: inline-flex;
    gap: .5em;
}
strong {
    font-weight: 800;
}
.link-inline {
    text-decoration: underline;
}
.link-inline:hover {
    color: var(--clr-acnt);
    text-decoration: none;
}
.link-icn {
    transition: var(--trns-15);
}

.list-title {
    display: flex;
    width: 100%;
    border-bottom: 1px solid var(--clr-white-10);
    padding: .5rem 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--clr-text-sub);
    margin-bottom: 1rem;
}
.footer-nav {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: wrap;
}
.footer-nav li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    transition: var(--trns-15);
    line-height: 1;
    flex-flow: wrap;
    gap: .15em .5em;
}
a span.ribbon {
    display: flex;
    font-size: .6rem;
    width: auto;
    border: 1px solid;
    padding: .25rem;
    border-radius: var(--r-8);
}
.footer-nav li a:hover {
    color: var(--clr-text-sub);
}
.footer-nav li img, .footer-nav li svg {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.footer-nav.cl-1 li, .footer-nav.cl-2 li {
    display: flex;
    width: 100%;
    max-width: 100%;
    min-height: 2.5rem;
    padding: .25rem 0;
    justify-content: flex-start;
    align-items: center;
}
.footer-nav.cl-2 li {
    max-width: calc((100% - .5rem) / 2);
}
.footer-nav li.link-icn {
    max-width: 3rem;
    min-height: 3rem;
    opacity: .5;
}
.footer-nav li.link-icn:hover {
    opacity: 1;
}

.grecaptcha-badge {
    display: none;
}
.terms {
    background: var(--clr-black-30);
    backdrop-filter: blur(2rem);
    display: flex;
    flex-flow: column;
    width: 100%;
    padding: 1rem 0 2rem;
    border-top: 1px solid var(--clr-white-05);
    font-size: .8em;
    line-height: 1.15;
    text-align: center;
}

.uslugi a.box {
    transition: var(--trns-15);
    border: 1px solid var(--clr-gray);
    box-shadow: 0 0 1rem -.5rem var(--clr-tr);
    font-size: 1.5rem;
    font-weight: 600;
    min-height: 14rem;
    position: relative;
    overflow: hidden;
    flex-flow: column;
}
.uslugi .icn {
    display: flex;
    width: 100%;
    height: 8rem;
    z-index: 1;
    transition: var(--trns-15);
    filter: grayscale(1) brightness(.1);
}
.uslugi a.box:hover .icn { filter: grayscale(0) brightness(1);}
.uslugi a.box p {
    z-index: 2;
    min-height: 4rem;
    display: flex;
    align-items: center;
}
.uslugi a.box .overlayer {
    background: radial-gradient(120% 80% at 0% -30%, #68daff 0%, rgb(171 245 255 / 50%) 50%, transparent 150%), radial-gradient(80% 60% at 130% -20%, #ff5fba 0%, rgb(217 126 255 / 50%) 50%, transparent 150%);
    /* background: radial-gradient(30% 20% at 40% -10%, #68daff 0%, rgb(171 245 255 / 50%) 50%, transparent 150%), radial-gradient(30% 20% at 60% -10% , #ff5fba 0%, rgb(217 126 255 / 50%) 50%, transparent 150%); */
    opacity: 0;
    transition: var(--trns-15);
    
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.uslugi a.box:hover {
    /* border: 1px solid var(--clr-acnt); */
    /* box-shadow: 0 0 1rem -.5rem var(--clr-acnt); */
}
.uslugi a.box:hover .overlayer { opacity: 1;}
.uslugi .price {
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid currentColor;
    border-radius: var(--r-5);
    padding: .15rem .35rem;
    font-size: 1rem;
    height: 2rem;
    color: var(--clr-acnt);
    width: fit-content;
}

.early-bg, .more-bg {
    font-size: 5rem;
    position: absolute;
    bottom: -1.25rem;
    left: -.5rem;
    font-weight: 1000;
    line-height: 1;
    z-index: 1;
}
.more-bg {
    font-size: 3rem;
    bottom: -.175em;
    left: 0;
}
.early-bg { color: var(--clr-gray);}
.more-bg { color: var(--clr-white); transition: var(--trns-15);}
.uslugi a.box:hover .more-bg { color: var(--clr-gray);}
.uslugi a.box.--early { background: var(--clr-black-10); pointer-events: none;}

#factory .utp-list { justify-content: center;}

.first-screen {
    position: relative;
    background: radial-gradient(100% 100% at 0% 0%, #f4d4ff 0%, rgb(206 219 255 / 50%) 50%, transparent 90%);
}
section .overlayer {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
section .overlayer.--video {
    background: var(--clr-black);
}
section .overlayer.--bg.--grad-purple {
    background: linear-gradient(90deg, var(--clr-black-80) 20%, var(--clr-tr) 100%);
}
.overlayer.--video video {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    opacity: .5;
}

.article {
    display: flex;
    flex-flow: column;
    gap: var(--main-gap);
    width: 100%;
}
.slide-work .article {
    gap: 0;
} 

.first-screen h1 {
    font-size: 4rem;
    line-height: 1;
    font-weight: 700;
    color: var(--clr-text-sub);
}
.first-screen h1 + .subtitle {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1;
}
.first-screen h1 + .subtitle em { color: var(--clr-acnt);}
.list-point {
    display: flex;
    flex-flow: column;
    max-width: 28rem;
    gap: .5rem;
}
.first-screen .list-point { gap: var(--main-gap);}
.list-point li {
    position: relative;
    line-height: 1.25;
    font-weight: 400;
    padding-left: 1rem;
    font-size: .9rem;
    color: var(--clr-text);
}
.list-point li span { font-weight: 700;}
.first-screen .list-point li {
    padding-left: 2rem;
    font-size: 1.25rem;
    color: var(--clr-text-sub);
}
.list-point li:before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% - .15rem);
    width: .3rem;
    height: .3rem;
    background: var(--clr-acnt);
    border-radius: 50%;
}
.first-screen .list-point li:before {
    top: calc(50% - .5rem);
    width: 1rem;
    height: 1rem;
    border: 2px solid var(--clr-acnt);
    border-radius: var(--r-8);
    background: var(--clr-tr);
}
.u-about .box {
    display: flex;
    height: 100%;
    min-height: 18rem;
    justify-content: flex-end;
    flex-flow: column;
    gap: var(--main-gap-05);
    border-radius: var(--r-2);
}
.u-about .box[data-theme="white"] {
    background: var(--clr-white-90);
    -webkit-backdrop-filter: blur(2rem);
    backdrop-filter: blur(2rem);
    box-shadow: 0 0 1rem 0 var(--clr-black-10);
}
.u-about .box .num {
    font-size: 6rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: auto;
    opacity: .35;
    color: var(--clr-purple);
}
.u-about .box .title {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--clr-text-sub);
    line-height: 1.15;
}
.u-about-wrap {
    background: var(--clr-purple);
    background: linear-gradient(45deg, var(--clr-purple), var(--clr-blue-light));
    border-radius: var(--r-1);
    display: flex;
    width: 100%;
    flex-flow: wrap;
    padding: var(--main-gap) var(--main-gap-05);
    position: relative;
    overflow: hidden;
}

.u-about-wrap .box.first { justify-content: center; gap: var(--main-gap);}

.u-about-wrap h2, .u-about-wrap .h2 {
    --fnt-wght: 700;
}

.u-about .box .img {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--r-2);
    overflow: hidden;
    z-index: 0;
}
.u-about .box .img img {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.u-about .box .img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, var(--clr-black-80) 10%, var(--clr-black-50) 50%,  var(--clr-tr));
}
.u-about .box[data-theme="dark"] { position: relative; overflow: hidden;}
.u-about .box .img + .num { opacity: .75; color: var(--clr-white);}
.u-about .box .num, .u-about .box .title, .u-about .box .subtitle { z-index: 3;}
.u-about .box .subtitle { color: var(--clr-text);}

.first-screen .article {
    max-width: 36rem;
    margin: 0 auto;
}
.first-screen-video {
    display: flex;
    justify-content: center;
    align-content: center;
    height: 100%;
    width: calc(100% + var(--main-gap) * 1.5);
    max-width: calc(100% + var(--main-gap) * 1.5);
    margin-right: calc(var(--main-gap) * -1.5);
    overflow: hidden;
    border-radius: var(--r-1) 0 0 var(--r-1);
    height: 100vh;
    max-height: 60rem;
    margin-top: calc(var(--clear)* -2);
    position: relative;
}
.first-screen-video video {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.onvideo-icn {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20%;
    height: 20%;
    padding: 2rem;
    filter: grayscale(1) brightness(3);
}
.first-screen-more .title {
    display: flex;
    width: 100%;
    font-size: 1.25rem;
    font-weight: 700;
    padding: 1rem 0;
    line-height: 1.15;
}
ul.list-inline {
    display: flex;
    flex-flow: wrap;
    gap: .5rem;
    line-height: 1;
    font-size: 1rem;
}
ul.list-inline li a, ul.list-inline li .modal-link {
    text-decoration: underline;
    color: var(--clr-text);
    transition: var(--trns-15);
    cursor: pointer;
}
ul.list-inline li a:hover, ul.list-inline li .modal-link:hover { color: var(--clr-acnt);}  
.tools .box[data-theme="white"] {
    background: rgb(210 210 210 / 50%);
    backdrop-filter: blur(2rem);
    -webkit-backdrop-filter: blur(2rem);
    padding: 3rem 2rem;
    border: 1px solid var(--clr-black-10);
    transform: translatex(-20%);
}
.img-wrap {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: auto;
}
.img-wrap .img {
    display: flex;
    margin: auto;
    width: 100%;
}
.tools .box { z-index: 1; height: 100%;}
.tools .img-wrap.--l { transform: translatex(5%);}
.tools .box.--r { transform: translatex(-20%);}
.tools .img-wrap.--r { transform: translatex(-5%);}
.tools .box.--l { transform: translatex(20%);}

.img-wrap .onimg-wrap {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    flex-flow: column;
    gap: 1rem;
}
.img-wrap .onimg-wrap.--r { left: auto; right: 0;}
.img-wrap .onimg-wrap.--l { left: 0; right: auto;}
.img-wrap .onimg-wrap.--t { bottom: auto; top: 0;}
.img-wrap .onimg-wrap.--b { top: auto; bottom: 0;}
.img-wrap .onimg-wrap .box {
    flex-flow: row;
    gap: 1rem;
    padding: 1rem;
    border-radius: var(--r-2);
    justify-content: center;
    align-items: center;
    transform: none;
    min-width: 12rem;
    fmax-width: 15rem;
}
.img-wrap .onimg-wrap .box[data-theme="white"] { background: var(--clr-white-70); max-width: 15rem;}
.img-wrap .onimg-wrap .box img {
    width: 3rem;
    height: auto;
}
.img-wrap .onimg-wrap .box p {
    color: var(--clr-text-sub);
    line-height: 1.15;
    font-size: .8rem;
    width: 100%;
}
p strong.acnt-grad {
    background: var(--clr-purple);
    background: linear-gradient(90deg, #0190f8, #bc60f9, #ef4288, #f55404);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 2rem;
    line-height: 1;
}
.tools .box h3, .tools .box .h3 { width: 100%;}
.tools .row { gap: var(--clear) 0;}

.modal__close { top: 0;}
.modal__overlay { padding: 0;}
.modal__container {
    width: 100%;
    max-height: min-content;
    overflow: hidden;
    overflow-y: scroll;
    height: 100%;
    position: relative;
    padding: 2rem 1rem 4rem;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
}
[data-micromodal-trigger] { cursor: pointer;}
.modal__container.modal__container_sm { max-width: 24rem;}
.modal__container.modal__container_md { max-width: 60rem;}
.modal__content {
    padding: 1rem;
    border-radius: 2rem;
    background: var(--clr-white);
    width: 100%;
}
.modal .main-form { flex-flow: column;}
.modal .main-form div[class*="col-main"], .modal .main-form div[class*="col-comment"], .modal .main-form div[class*="col-submit"] { max-width: 100%;}

.schem.schem-modal {
    min-height: 23rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
}
.schem.schem-modal video.schem-video {
    object-fit: cover;
    width: auto;
    height: 32rem;
}

.work-img img {
    max-width: 100%;
    border-radius: 1rem;}
.work-dscr {
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin: auto 0;
    gap: 1.5rem;
}
.work-dscr b { font-weight: 700;}

.work-img .slider-arrow { left: -4rem;}
.work-img .slider-arrow.--next { left: auto; right: -4rem;}
.work-img {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.work-img img { pointer-events: none;}
.modal[id*="modal-work-"] .modal__container { overflow: visible;}
.modal[id*="modal-work-"],
.modal[id*="modal-work-"] .modal__overlay,
.modal[id*="modal-work-"] .modal__container {
    transition: none;
    animation: none;
}



.scrn-ulg {display: none!important;} .scrn-lg {display: none!important;} .scrn-md {display: none!important;} .scrn-sm {display: none!important;} .scrn-xsm {display: none!important;} .scrn-xlg {display: inherit!important;}



.copy-toast {
  position: fixed;
  background: #1e1e1e;
  color: white;
  padding: 8px 16px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  pointer-events: none;
  z-index: 9999;
  white-space: nowrap;
  transition: opacity 0.2s ease;
  border: 1px solid rgba(255,255,255,0.1);
}

/* Светлая тема */
@media (prefers-color-scheme: light) {
  .copy-toast {
    background: #2c3e50;
    color: white;
  }
}