@charset "utf-8";

/* Defaults */
:root {
    --inp-border:#E1E1E1;
    --border:#423D3F;

    --a: #39414D;
    --a-hover: #E2173D;
    --background-main:#ffffff;

    --main:#e2173d;
    --main-hover:#e52e50;
    --main-active:#423D3F;
    --svg: #fff;
    --text-invis: #ACAAAB;
    --text-second: #494949;

    --back: #221e1f;
    --back-light: #2F2B2C;
    --back2: #423D3F;

    /* Buttons */
    --green: #00B563;
    --green-hover: #008448;

    --red: #EF2222;

    --text: #fff;

    --gap:24px;
    --gap-g:100px;
    --gap-l:70px;
    --gap-b:30px;
    --gap-s:5px;
    --gap-m:10px;

    --op:0.95;
    --op-s:0.15;

    --rad:16px;
    --height:50px;

    --f-h2: 40px;
    --f-h3: 28px;
    --f-h4: 24px;
    --f-h5: 20px;
    --f-h6: 16px;
    --f-s: 10px;

    --size:60px;
    --sidebar:300px;
    --box:1680px;
    --icon:24px;

    --input-height:55px;

    --head-height: 90px;
}

[light] {
    --svg: #221E1F;
    --back: #f5f5f5;
    --back-light: #fff;
    --border: #E9E9E9;
    --text: #221E1F;
    --back2: #E9E9E9;
}

.light {display: none;transition: .4s ease-in-out;opacity: 0;visibility: hidden}
.dark {transition: .4s ease-in-out;opacity: 1;visibility: visible}
[light] .light {display: block;opacity: 1;visibility: visible}
[light] .dark {display: none;opacity: 0;visibility: hidden}

@media all and (max-width: 1024px) {
    :root{
        --gap-l:60px;
    }
}

@media all and (max-width: 700px) {
    :root{
        --gap-l:40px;
    }
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans/OpenSans-SemiBoldItalic.eot');
    src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
    url('../fonts/OpenSans/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans/OpenSans-SemiBoldItalic.woff') format('woff'),
    url('../fonts/OpenSans/OpenSans-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans/OpenSans-LightItalic.eot');
    src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
    url('../fonts/OpenSans/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans/OpenSans-LightItalic.woff') format('woff'),
    url('../fonts/OpenSans/OpenSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans/OpenSans-Bold.eot');
    src: local('Open Sans Bold'), local('OpenSans-Bold'),
    url('../fonts/OpenSans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans/OpenSans-Bold.woff') format('woff'),
    url('../fonts/OpenSans/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans/OpenSans-ExtraBoldItalic.eot');
    src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
    url('../fonts/OpenSans/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans/OpenSans-ExtraBoldItalic.woff') format('woff'),
    url('../fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans/OpenSans-Light.eot');
    src: local('Open Sans Light'), local('OpenSans-Light'),
    url('../fonts/OpenSans/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans/OpenSans-Light.woff') format('woff'),
    url('../fonts/OpenSans/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans/OpenSans-Italic.eot');
    src: local('Open Sans Italic'), local('OpenSans-Italic'),
    url('../fonts/OpenSans/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans/OpenSans-Italic.woff') format('woff'),
    url('../fonts/OpenSans/OpenSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans/OpenSans-Regular.eot');
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
    url('../fonts/OpenSans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans/OpenSans-Regular.woff') format('woff'),
    url('../fonts/OpenSans/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans/OpenSans-SemiBold.eot');
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
    url('../fonts/OpenSans/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans/OpenSans-SemiBold.woff') format('woff'),
    url('../fonts/OpenSans/OpenSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans/OpenSans-ExtraBold.eot');
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
    url('../fonts/OpenSans/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans/OpenSans-ExtraBold.woff') format('woff'),
    url('../fonts/OpenSans/OpenSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans/OpenSans-BoldItalic.eot');
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
    url('../fonts/OpenSans/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans/OpenSans-BoldItalic.woff') format('woff'),
    url('../fonts/OpenSans/OpenSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Futuris';
    src: url('../fonts/FuturaFuturis/FuturaFuturisC-Italic.eot');
    src: local('FuturaFuturisC Italic'), local('FuturaFuturisC-Italic'),
    url('../fonts/FuturaFuturis/FuturaFuturisC-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/FuturaFuturis/FuturaFuturisC-Italic.woff') format('woff'),
    url('../fonts/FuturaFuturis/FuturaFuturisC-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Futuris';
    src: url('../fonts/FuturaFuturis/FuturaFuturisBlackC.eot');
    src: local('FuturaFuturisBlackC'),
    url('../fonts/FuturaFuturis/FuturaFuturisBlackC.eot?#iefix') format('embedded-opentype'),
    url('../fonts/FuturaFuturis/FuturaFuturisBlackC.woff') format('woff'),
    url('../fonts/FuturaFuturis/FuturaFuturisBlackC.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futuris';
    src: url('../fonts/FuturaFuturis/FuturaFuturisC.eot');
    src: local('FuturaFuturisC'),
    url('../fonts/FuturaFuturis/FuturaFuturisC.eot?#iefix') format('embedded-opentype'),
    url('../fonts/FuturaFuturis/FuturaFuturisC.woff') format('woff'),
    url('../fonts/FuturaFuturis/FuturaFuturisC.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futuris';
    src: url('../fonts/FuturaFuturis/FuturaFuturisShadowC.eot');
    src: local('FuturaFuturisShadowC'),
    url('../fonts/FuturaFuturis/FuturaFuturisShadowC.eot?#iefix') format('embedded-opentype'),
    url('../fonts/FuturaFuturis/FuturaFuturisShadowC.woff') format('woff'),
    url('../fonts/FuturaFuturis/FuturaFuturisShadowC.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futuris';
    src: url('../fonts/FuturaFuturis/FuturaFuturisVolumeLightC.eot');
    src: local('FuturaFuturisVolumeLightC'),
    url('../fonts/FuturaFuturis/FuturaFuturisVolumeLightC.eot?#iefix') format('embedded-opentype'),
    url('../fonts/FuturaFuturis/FuturaFuturisVolumeLightC.woff') format('woff'),
    url('../fonts/FuturaFuturis/FuturaFuturisVolumeLightC.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futuris';
    src: url('../fonts/FuturaFuturis/FuturaFuturisC-BoldItalic.eot');
    src: local('FuturaFuturisC Bold Italic'), local('FuturaFuturisC-BoldItalic'),
    url('../fonts/FuturaFuturis/FuturaFuturisC-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/FuturaFuturis/FuturaFuturisC-BoldItalic.woff') format('woff'),
    url('../fonts/FuturaFuturis/FuturaFuturisC-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Futuris';
    src: url('../fonts/FuturaFuturis/FuturaFuturisCondBoldC.eot');
    src: local('FuturaFuturisCondBoldC'),
    url('../fonts/FuturaFuturis/FuturaFuturisCondBoldC.eot?#iefix') format('embedded-opentype'),
    url('../fonts/FuturaFuturis/FuturaFuturisCondBoldC.woff') format('woff'),
    url('../fonts/FuturaFuturis/FuturaFuturisCondBoldC.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futuris';
    src: url('../fonts/FuturaFuturis/FuturaFuturisShadowC-Bold.eot');
    src: local('FuturaFuturisShadowC Bold'), local('FuturaFuturisShadowC-Bold'),
    url('../fonts/FuturaFuturis/FuturaFuturisShadowC-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/FuturaFuturis/FuturaFuturisShadowC-Bold.woff') format('woff'),
    url('../fonts/FuturaFuturis/FuturaFuturisShadowC-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futuris';
    src: url('../fonts/FuturaFuturis/FuturaFuturisLightC.eot');
    src: local('FuturaFuturisLightC'),
    url('../fonts/FuturaFuturis/FuturaFuturisLightC.eot?#iefix') format('embedded-opentype'),
    url('../fonts/FuturaFuturis/FuturaFuturisLightC.woff') format('woff'),
    url('../fonts/FuturaFuturis/FuturaFuturisLightC.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futuris';
    src: url('../fonts/FuturaFuturis/FuturaFuturisCameoExtraBoldC.eot');
    src: local('FuturaFuturisCameoExtraBoldC'),
    url('../fonts/FuturaFuturis/FuturaFuturisCameoExtraBoldC.eot?#iefix') format('embedded-opentype'),
    url('../fonts/FuturaFuturis/FuturaFuturisCameoExtraBoldC.woff') format('woff'),
    url('../fonts/FuturaFuturis/FuturaFuturisCameoExtraBoldC.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futuris';
    src: url('../fonts/FuturaFuturis/FuturaFuturisC-Bold.eot');
    src: local('FuturaFuturisC Bold'), local('FuturaFuturisC-Bold'),
    url('../fonts/FuturaFuturis/FuturaFuturisC-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/FuturaFuturis/FuturaFuturisC-Bold.woff') format('woff'),
    url('../fonts/FuturaFuturis/FuturaFuturisC-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futuris';
    src: url('../fonts/FuturaFuturis/FuturaFuturisCondExtraBoldC.eot');
    src: local('FuturaFuturisCondExtraBoldC'),
    url('../fonts/FuturaFuturis/FuturaFuturisCondExtraBoldC.eot?#iefix') format('embedded-opentype'),
    url('../fonts/FuturaFuturis/FuturaFuturisCondExtraBoldC.woff') format('woff'),
    url('../fonts/FuturaFuturis/FuturaFuturisCondExtraBoldC.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

.page--box{overflow: hidden;display: flex;flex-direction: column;min-height: 100vh;}
header {flex: 0 0 auto;background-color: var(--back-light);height: var(--head-height);display: flex;align-items: center;justify-content: center;border-bottom-left-radius: 24px;border-bottom-right-radius: 24px} /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
header.sticky .header--center{position: fixed;top:0;left: 0;width: 100%;background-color: var(--back-light);z-index: 1000;margin: 0;padding: 12px 10px;height: var(--head-height);box-shadow: 0px 7px 10px 0px #0000001C;display: flex;align-items: center;border-bottom-left-radius: 24px;border-bottom-right-radius: 24px}
header.sticky .header--center-row.container{padding-left: 16px;padding-right: 16px;}
main {flex: 1 0 auto;padding-bottom: var(--gap-g)} /* 1 flex-grow, 0 flex-shrink, auto flex-basis */
footer {flex: 0 0 auto;background-color: var(--back-light);padding-top:40px;border-top-left-radius: 24px;border-top-right-radius: 24px;margin-top: -24px;} /* 1 flex-grow, 0 flex-shrink, auto flex-basis */

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,input,button {outline: 0;padding: 0;margin: 0;border: 0;}

body * {box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-font-smoothing: antialiased;}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    /*scroll-behavior: smooth;*/
}

/* Sections
   ========================================================================== */
/* Remove the margin in all browsers. */
body {font-family: 'Open Sans';font-size: 14px;font-weight:400;font-style:normal;-webkit-overflow-scrolling: touch;color: var(--text);overflow-x: hidden;background-color: var(--back)}

/* Render the `main` element consistently in IE. */
main {display: block;}

/* Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1, .h1 {margin: 30px 0 16px 0;font-family: Futuris;font-weight: 700;font-size: 56px;line-height: 60px;letter-spacing: 0.1px;color:var(--text)}
h2, .h2 {font-family: Futuris;font-weight: 700;font-size: 56px;line-height: 60px;letter-spacing: .1px;color: var(--text);}
h3, .h3 {font-size: 28px;margin: 30px 0 20px 0;text-align: left;position: relative;font-weight: 500;color:var(--text)}

p, .p, .--text {font-size: 16px;margin: 0 0 16px 0;text-align: left;font-weight: 400;color:var(--text);line-height: 22px}
li, .li {font-size: 16px;line-height: 22px;color:var(--text);margin-bottom: 16px;position: relative}
.text--content li:before, .text--content .li:before {content: '';display: inline-block;width: 6px;height:6px;background-color: var(--main);border-radius: 50%;margin-right: 7px;transform: translateY(-3px)}

ul.circle li {font-weight: 400;font-size: 16px;line-height: 24px;letter-spacing: 0%;color:var(--text);display: flex;gap:16px;}
ul.circle li:before {content: '';width:12px;min-width:12px;height: 12px;border-radius: 4px;background-color: var(--main);display: inline-block;margin-top: 4px}
ol {margin-left: 16px;}

blockquote {padding: 27px;border-left: 4px solid var(--a-hover);background-color: #E2173D1F;border-bottom-left-radius: 2px;border-bottom-right-radius: 12px;border-top-left-radius: 2px;border-top-right-radius: 12px;}
blockquote span{font-weight: 700;font-size: 19px;line-height: 30px;letter-spacing: 0%;color:var(--text)}

@media all and (max-width: 1152px) {
    h1, .h1 {font-weight: 700;font-size: 56px;line-height: 60px;letter-spacing: 0.1px;}
    h2, .h2 {font-weight: 700;font-size: 56px;line-height: 60px;letter-spacing: 0.1px;}
    h3, .h3 {font-size: 18px;line-height: 22px;}

    p, .p,
    li, .li,
    .--text {font-size: 14px;line-height: 20px;}
}

@media all and (max-width: 700px) {
    h1, .h1{font-weight: 700;font-size: 36px;line-height: 46px;letter-spacing: 0.1px;}
    h2, .h2 {font-weight: 700;font-size: 36px;line-height: 46px;letter-spacing: 0.1px;}
    p, .p,
    li, .li{font-size: 14px;line-height: 20px;}
    ul.circle li {gap: 8px;}
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/* Text-level semantics
   ========================================================================== */

/* Remove the gray background on active links in IE 10. */
a {text-decoration: none;}
a:hover {text-decoration: none;}
a:focus {outline:none;text-decoration: none;}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: 500;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Add the correct font size in all browsers. */
small {font-size: 80%;}

/* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}

/* Embedded content
   ========================================================================== */

/* Remove the border on images inside links in IE 10. */
img {border-style: none;image-rendering: -webkit-optimize-contrast !important;}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

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

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
    text-transform: none;
}

/* Correct the inability to style clickable types in iOS and Safari. */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/* Remove the inner border and padding in Firefox. */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/* Restore the focus styles unset by the previous rule. */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/* Correct the padding in Firefox. */
fieldset {padding: 0.35em 0.75em 0.625em;}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress {vertical-align: baseline;}

/* Remove the default vertical scrollbar in IE 10+. */
textarea {overflow: auto;}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

/* Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {-webkit-appearance: textfield; /* 1 */outline-offset: -2px; /* 2 */}

/* Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/* Add the correct display in Edge, IE 10+, and Firefox. */
details {display: block;}

/* Add the correct display in all browsers. */
summary {display: list-item;}

/* Misc
   ========================================================================== */

ul {list-style-type: none}
ul li::marker{display: none}

/* Add the correct display in IE 10+. */
template {display: none;}

/* Add the correct display in IE 10. */
[hidden] {display: none;}

/* полоса прокрутки (скроллбар) */
::-webkit-scrollbar {
    width: 14px; /* ширина для вертикального скролла */
    height: 14px; /* высота для горизонтального скролла */
    background-color: transparent;
}
/* ползунок скроллбара */
::-webkit-scrollbar-thumb {
    background-color: var(--text-invis);
    border-radius: 0;
    box-shadow: none;
}
::-webkit-scrollbar-thumb:hover {
    background-color: var(--text-invis);
}

/* Стрелки */
::-webkit-scrollbar-button:vertical:start:decrement {
    display: none
}
::-webkit-scrollbar-button:vertical:end:increment {
    display: none
}
::-webkit-scrollbar-button:horizontal:start:decrement {
    display: none
}
::-webkit-scrollbar-button:horizontal:end:increment {
    display: none
}

.container {box-sizing: border-box;margin-left: auto;margin-right: auto;padding-right: 16px;padding-left: 16px;max-width: 1392px;margin: 0 auto;width: 100%}
.container-fluid {padding-right: 16px;padding-left: 16px;margin: 0 auto;max-width: 1280px}

@media all and (max-width: 768px) {
    .container-fluid  {padding-right: 12px;padding-left: 12px;}
}

.scroll--x::-webkit-scrollbar,
.scroll--y::-webkit-scrollbar
{
    width: 4px;
    height: 4px;
    background-color: #F6F6F6;
}
.scroll--x::-webkit-scrollbar-thumb,
.scroll--y::-webkit-scrollbar-thumb
{
    background-color: var(--main);
    border-radius: 0;
    box-shadow: none;
}
.scroll--x::-webkit-scrollbar-thumb:hover,
.scroll--y::-webkit-scrollbar-thumb:hover
{
    background-color: var(--main);
}

.table.scroll--x::-webkit-scrollbar,
.table.scroll--x::-webkit-scrollbar-thumb,
.racer--results.scroll--x::-webkit-scrollbar,
.racer--results.scroll--x::-webkit-scrollbar-thumb,
.result--table-max.scroll--x::-webkit-scrollbar,
.result--table-max.scroll--x::-webkit-scrollbar-thumb
{width: 4px;height: 8px;cursor: pointer;border-radius: 6px;}

.scroll--no::-webkit-scrollbar,
.scroll--no::-webkit-scrollbar-thumb{background-color: transparent}

.svg--stroke svg *{stroke:var(--svg);stroke-width: 2px;fill: transparent}
.svg--fill svg *{fill:var(--svg)}

body[light] .js--night svg *{fill:transparent}

/* 404 начат*/
#notfound {position: relative;height: 100vh;}
#notfound .notfound-bg {position: absolute;width: 100%;height: 100%;background-image: url('../img/bg.jpg');background-size: cover;}
#notfound .notfound-bg:after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(255, 0, 36, 0.7);}
#notfound .notfound {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.notfound {max-width: 910px;width: 100%;line-height: 1.4;text-align: center;}
.notfound .notfound-404 {position: relative;height: 200px;}
.notfound .notfound-404 h1 {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);font-size: 220px;font-weight: 900;margin: 0px;color: #fff;text-transform: uppercase;letter-spacing: 10px;}
.notfound h2 {font-size: 22px;font-weight: 700;text-transform: uppercase;color: #fff;margin-top: 20px;margin-bottom: 15px;}
.notfound .home-btn, .notfound .contact-btn {display: inline-block;font-weight: 700;text-decoration: none;background-color: transparent;border: 2px solid transparent;text-transform: uppercase;padding: 13px 25px;font-size: 18px;border-radius: 40px;margin: 7px;-webkit-transition: 0.2s all;transition: 0.2s all;}
.notfound .home-btn:hover, .notfound .contact-btn:hover {opacity: 0.9;}
.notfound .home-btn {color: rgba(255, 0, 36, 0.7);background: #fff;}
.notfound .contact-btn {border: 2px solid rgba(255, 255, 255, 0.9);color: rgba(255, 255, 255, 0.9);}
.notfound-social {margin-top: 25px;}
.notfound-social>a {display: inline-block;height: 40px;line-height: 40px;width: 40px;font-size: 14px;color: rgba(255, 255, 255, 0.9);margin: 0px 6px;-webkit-transition: 0.2s all;transition: 0.2s all;}
.notfound-social>a:hover {color: rgba(255, 0, 36, 0.7);background-color: #fff;border-radius: 50%;}

@media only screen and (max-width: 767px) {
    .notfound .notfound-404 h1 {font-size: 182px;}
}

@media only screen and (max-width: 480px) {
    .notfound .notfound-404 {height: 146px;}
    .notfound .notfound-404 h1 {font-size: 146px;}
    .notfound h2 {font-size: 16px;}
    .notfound .home-btn, .notfound .contact-btn {font-size: 14px;}
}

/* 404 окончен*/

/* Hint */
.nTip {display:none;position:absolute;background-color:#fff;padding:16px;color:var(--text-second);max-width:250px;min-width:20px;z-index:99999;font-size: 12px;box-shadow: 0 4px 8px 0 #0000000F;border-radius: 6px}
.nTip h4{margin-bottom: 10px}
.asteriks {cursor: help;position: relative}
.asteriks--help {color:#fff;background-color:#2b2b2b;border-radius: 3px;margin-right: 10px;width: 16px;height: 16px;display: flex;align-items: center;justify-content: center;font-size: 12px}
.asteriks--box p{margin-top: 0;}
.asteriks--box p:last-child{margin-bottom: 0}
/* Hint End *

/* Custom checkbox */
.custom-checkbox+label::before, .custom-checkbox:not(:disabled):not(:checked)+label:hover::before,
.custom-checkbox:not(:disabled):active+label::before, .custom-checkbox:focus+label::before, .custom-checkbox:checked+label::before
{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}

/* для элемента input c type="checkbox" */
.custom-checkbox {position: absolute;z-index: -1;opacity: 0;}

/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox+label {display: inline-flex;align-items: center;user-select: none;text-align: left;padding-left: 25px;font-size: 12px;cursor: pointer;position: relative}

/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox+label::before {content: '';display: inline-block;width: 1em;height: 1em;flex-shrink: 0;flex-grow: 0;border: 1px solid #adb5bd;border-radius: 0.25em;margin-right: 0.5em;background-repeat: no-repeat;background-position: center center;background-size: 50% 50%;position: absolute;top: 5px;left: 0;}

.d--row.d--checbox-big{margin-bottom: 0}
.d--checbox-big .custom-checkbox+label {padding-left: 35px;font-family: 'Open Sans';font-style: normal;font-weight: 400;font-size: 14px;color: var(--text-dark);margin-bottom: 0}
.d--checbox-big .custom-checkbox+label::before {width: 22px;height: 22px;top: 0;left: 0;border-radius: 6px}
.d--checbox-big .custom-checkbox:checked+label::before {border-color:#DBDBDB;background-color: transparent;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23606060' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");}
.d--checbox-big label {font-family: 'Open Sans';font-style: normal;font-weight: 700;font-size: 16px;line-height: 24px;color: #4F4F4F;}

/* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
    border-color: var(--main);
}

/* стили для активного чекбокса (при нажатии на него) */
.custom-checkbox:not(:disabled):active+label::before {
    background-color: rgba(255, 97, 46, 0.5);
    border-color: rgba(255, 97, 46, 0.5);
}

/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox:focus+label::before {
    box-shadow: 0 0 0 0.2rem rgba(255, 97, 46, 0.5);
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox:focus:not(:checked)+label::before {
    border-color: rgba(255, 97, 46, 0.5);
}

/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox:checked+label::before {
    border-color: var(--main);
    background-color: var(--main);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox:disabled+label::before {
    background-color: #e9ecef;
}

/* Custom radio */
.d--radio .custom-radio+label::before{width: 16px;height: 16px}

.custom-radio+label::before, .custom-radio:not(:disabled):not(:checked)+label:hover::before,
.custom-radio:not(:disabled):active+label::before, .custom-radio:focus+label::before, .custom-radio:checked+label::before
{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}
/* для элемента input c type="radio" */
.custom-radio {position: absolute;z-index: -1;opacity: 0;}
/* для элемента label связанного с .custom-radio */
.custom-radio+label {display: inline-flex;align-items: center;user-select: none;position: relative;cursor: pointer;}
/* создание в label псевдоэлемента  before со следующими стилями */
.custom-radio+label::before {content: '';display: inline-block;width: 17px;height: 17px;flex-shrink: 0;flex-grow: 0;border: 1px solid #adb5bd;border-radius: 50%;margin-right: 9px;background-repeat: no-repeat;background-position: center center;background-size: 50% 50%;}
/* стили при наведении курсора на радио */
.custom-radio:not(:disabled):not(:checked)+label:hover::before {
    border-color: rgba(255, 97, 46, 0.5);
}
/* стили для активной радиокнопки (при нажатии на неё) */
.custom-radio:not(:disabled):active+label::before {
    background-color: rgba(255, 97, 46, 0.5);
    border-color: rgba(255, 97, 46, 0.5);
}
/* стили для радиокнопки, находящейся в фокусе */
.custom-radio:focus+label::before {
    box-shadow: 0 0 0 0.2rem rgba(255, 97, 46, 0.5);
}
/* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */
.custom-radio:focus:not(:checked)+label::before {
    border-color: rgba(255, 97, 46, 0.5);
}
/* стили для радиокнопки, находящейся в состоянии checked */
.custom-radio:checked+label::before {
    border-color: var(--main);
    background-color: var(--main);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
/* стили для радиокнопки, находящейся в состоянии disabled */
.custom-radio:disabled+label::before {
    background-color: #fff;
}

/* Fake List */
.select--list {position: relative;min-width: 210px}
.select--list svg{width: 6px;height: 12px;margin-right: 5px;transform: rotate(90deg);margin-left: auto;transition: .4s}
.select--list.opened svg{transform: rotate(-90deg)}
.select--list-items {display: none;opacity: 0;visibility: hidden;position: absolute;top:calc(100% + 5px);left:0;width: 100%;height: auto;background-color: var(--white);z-index: 10;padding: 16px;border-bottom-left-radius: var(--b-radius-small);border-bottom-right-radius: var(--b-radius-small)}
.select--list-item {display: flex;align-items: center;justify-content: flex-start;cursor: pointer;padding: 5px 10px;user-select: none;transition: .4s;font-size: 14px;line-height: 17px;}
.select--list-item:hover {color: var(--main)}
.select--list-item.selected {color: var(--main)}
.select--list-item:last-child {margin-bottom: 0;}
.select--list.opened .select--list-items {display: flex;flex-direction:column;gap:8px;opacity: 1;visibility: visible;box-shadow: 0 7px 8px rgba(34, 34, 34, 0.15);border-radius: 12px;}
.select--list.opened .select--list-visible {border-color:var(--a)}
.select--list.opened {}
.select--list-visible {display: flex;align-items: center;justify-content: flex-start;gap:12px;padding: 0 20px;background-color: #fff;border-radius:12px;cursor: pointer;height: var(--height);transition: .5s;border: 1px solid var(--border);font-size: 14px;line-height: 17px;}
.select--list.opened .select--list-visible {box-shadow: 0 4px 8px rgba(34, 34, 34, 0.25);}
.select--list-visible:hover {box-shadow: 0 4px 4px rgba(34, 34, 34, 0.05);}

@media all and (max-width: 545px) {
    .d--Inner {min-width: 320px;max-width: 320px;padding: 40px 20px 40px 20px;}
}

.article--product-slide {text-align: center;padding:10px;height: 0;line-height: 0;padding-top: 75%;background-size: cover;background-repeat: no-repeat;background-position: center center;cursor:pointer}
.article--product-slide img{display: none}

/* Ripple Effect */
.--ripple {position: relative;overflow: hidden;}
.--is-ripple {transform: translate3d(0,0,0);}
.rippleAnimation {width: 0;height: 0;border-radius: 50%;background: rgba(255, 97, 46, 0.5);transform: scale(0);position: absolute;opacity: 1;animation: ripple .6s linear;z-index: 100;}

@keyframes ripple {
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

[type="text"],
[type="password"],
textarea
{min-height: var(--height);border-radius: var(--rad);background-color: #fff;border:1px solid var(--inp-border)}

[data-type="compare"] svg,
[data-type="fav"] svg
{transition: .4s;stroke:#9CA0A9;fill:transparent}

[data-type="basket"] svg {fill:#fff;stroke:transparent}
[data-type="compare"] svg {fill:#9CA0A9;stroke:transparent}

[data-type="compare"]:hover svg,
[data-type="fav"]:hover svg
{stroke:var(--a);}

[data-type="compare"]:hover svg {stroke:transparent;fill:var(--a)}

.--red {color:var(--red)}

/* Header */
header.container {margin-bottom: var(--gap-b);height: 155px}
.header--social {width: 20px;height: 20px;display: block;}
.header--social svg{width: 100%;height: 100%;}

.header--themes {display: flex;align-items: center;justify-content: center;user-select: none}
.header--theme {cursor: pointer}
.header--theme.dark {display: flex}
[light] .header--theme.dark {display: none}
[light] .header--theme.light {display: flex}

.header--search {display: none}
.header--search-btn {display: flex;align-items: center;justify-content: center;cursor: pointer}
.header--search-btn svg *{stroke: var(--svg);fill:transparent}
[light] .header--search-btn svg *{fill:transparent;stroke: var(--svg) !important;}
.header--theme svg *{fill:transparent;}

.header--top {display: flex;justify-content: space-between;margin-top: 10px;}
.header--center-row {display: flex;gap:var(--gap);height: 50px;justify-content: space-between}
.header--center-row.container {padding-right: 0;padding-left: 0}
.header--logo {display: flex;align-items: center;min-width: 144px;}

.header--loc {margin-right: 30px;white-space: nowrap;display: flex;align-items: center;gap:7px;}
.header--phone {margin-right: 30px;}

.header--socials {display: flex;gap:12px;align-items: center}
.header--top-menu.pad {padding-right: 30px;padding-left: 30px}
.header--top-menu .top--menu {display: flex;gap:var(--gap)}
.header--top-menu .top--menu a {font-size: 14px;font-weight: 400;color:var(--a);opacity: .8;transition: .4s}
.header--top-menu .top--menu a:hover {color:var(--text);opacity: 1}
.header--top-menu .menu--sub {opacity: 0;visibility: hidden;display: flex;flex-direction: column;position: relative}
.header--top-menu .menu--parent  {position: relative;}
.header--top-menu .menu--parent .menu--sub {position: absolute;bottom:0;right: 0;transform: translateY(100%);min-width: 150px;background-color: #fff;padding: var(--gap) 0;
    box-shadow: 1px 12px 12px 0px rgba(0,0,0,0.08);
    -webkit-box-shadow: 1px 12px 12px 0px rgba(0,0,0,0.08);
    -moz-box-shadow: 1px 12px 12px 0px rgba(0,0,0,0.08);}
.header--top-menu .menu--parent .menu--sub a{padding: 7px var(--gap);transition: background-color .4s}
.header--top-menu .menu--parent .menu--sub a:hover{background-color: var(--back)}
.header--top-menu .menu--parent:hover .menu--sub {opacity: 1;visibility: visible}

.header--bottom {width: 100%;overflow-x: auto}

.header--bottom::-webkit-scrollbar {
    width: 0; /* ширина для вертикального скролла */
    height: 0; /* высота для горизонтального скролла */
    background-color: transparent;
}
/* ползунок скроллбара */
.header--bottom::-webkit-scrollbar-thumb {
    background-color: var(--main);
    border-radius: 0;
    box-shadow: none;
}
.header--bottom::-webkit-scrollbar-thumb:hover {
    background-color: var(--main);
}

/* Стрелки */
.header--bottom::-webkit-scrollbar-button:vertical:start:decrement {
    display: none
}
.header--bottom::-webkit-scrollbar-button:vertical:end:increment {
    display: none
}
.header--bottom::-webkit-scrollbar-button:horizontal:start:decrement {
    display: none
}
.header--bottom::-webkit-scrollbar-button:horizontal:end:increment {
    display: none
}

.logo--link {width: 144px;display: flex;align-items: center;user-select: none}
.logo--link img{width: 144px;}

.header--luk {display: flex;align-items: center;user-select: none}
.header--luk img{width: 120px;}

@media all and (min-width: 767px) {
    .mobile {display: none}
}

@media all and (max-width: 768px) {
    .desktop {display: none}
}

@media all and (max-width: 1152px) {
    .header--socials {display: none}
    .header--center-row {gap:20px;}
}

@media all and (max-width: 1050px) {
    .logo--link {width: 70px;}
    .logo--link img{width: 70px;}
    .header--logo {min-width: 70px;}
}

@media all and (max-width: 1000px) {
    .hM, .header--search-btn, .header--themes {display: none}
    .header--luk {margin-left: auto;display: none}

    .header--luk img {width: 100px}

    header .header--center-row.container{align-items: flex-end;}

    :root{
        --head-height: 78px;
    }
}

.btn {font-size: 16px;background-color: #fff;border:1px solid var(--main);border-radius:var(--rad);min-height: var(--height);display: flex;align-items: center;justify-content: center;padding: 0 20px;cursor: pointer;transition: background-color .4s;color:var(--main);user-select: none}
.btn:hover {background-color: var(--main);color:#fff;}

.btn--fill {font-size: 16px;background-color: var(--main);border-radius:var(--rad);min-height: var(--height);display: flex;align-items: center;justify-content: center;padding: 0 20px;cursor: pointer;transition: background-color .4s;color:#fff;user-select: none}
.btn--fill:hover {background-color: var(--main-hover);}
.btn--fill:active {background-color: var(--main-active);}

.btn--fill-rev {font-size: 16px;background-color: transparent;border-radius:var(--rad);border:2px solid var(--main);min-height: var(--height);display: flex;align-items: center;justify-content: center;padding: 0 20px;cursor: pointer;transition: .4s;color:var(--main);user-select: none}
.btn--fill-rev:hover {background-color: var(--main-hover);color:#fff}
.btn--fill-rev:active {background-color: var(--main-active);color:#fff}

.btn--white {font-size: 16px;background-color: #fff;border:1px solid var(--border);border-radius:12px;min-height: var(--height);display: inline-flex;align-items: center;justify-content: center;padding: 0 30px;cursor: pointer;transition: background-color .4s;color:var(--a);gap:8px;user-select: none}
.btn--white span{transition: .4s}
.btn--white svg{transition: .4s;transform: rotate(90deg)}
.btn--white:hover svg{/*transform: rotate(-90deg);*/fill:#fff}
.btn--white:hover {background-color: var(--main);color:#fff;border-color:var(--main)}
.btn--white:active {background-color: var(--main);color:#fff;border-color:var(--main)}

.btn--gray {font-size: 16px;background-color: #fff;border:1px solid var(--border);border-radius:12px;min-height: var(--height);display: inline-flex;align-items: center;justify-content: center;padding: 0 30px;cursor: pointer;transition: background-color .4s;color:var(--a);gap:8px;user-select: none}
.btn--gray span{transition: .4s}
.btn--gray svg{transition: .4s;transform: rotate(90deg)}
.btn--gray:hover svg{/*transform: rotate(-90deg);*/fill:#fff}
.btn--gray:hover {background-color: var(--main);color:#fff;border-color:var(--main)}
.btn--gray:active {background-color: var(--main);color:#fff;border-color:var(--main)}

.btn--gray-fill {width:100%;font-size: 16px;background-color: var(--back2);border:1px solid var(--border);border-radius:8px;min-height: 40px;display: inline-flex;align-items: center;justify-content: center;padding: 0 30px;cursor: pointer;transition: .4s;color:var(--text);gap:8px;user-select: none}
.btn--gray-fill span{transition: .4s}
.btn--gray-fill svg{transition: .4s;transform: rotate(90deg)}
.btn--gray-fill:hover svg{/*transform: rotate(-90deg);*/fill:#fff}
.btn--gray-fill:hover {background-color: #E7E7E7;color:var(--a);border-color:#E7E7E7}
.btn--gray-fill:active {opacity: .5}

@media all and (max-width: 1350px) {
    header.sticky .header--center-row.container {padding-left: 0;padding-right: 0;}
    header.sticky .header--center {padding: 12px 16px;}
}

.--loader {
    background: url(/upload/settings/40b/ejyre81hkz0yithbla2wy5pi51ky75jz.svg) no-repeat center center;
    min-height: 100px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}
[data-lazy][data-bg] {
    background-size: 20px !important;
    height: 30px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
}
[data-lazy][data-src] {
    /*max-height: 100px !important;*/
    object-fit: contain;
}

.swiper-wrapper {align-items: stretch;}
.swiper-slide {height: auto;}

.block--header {margin-bottom: var(--gap)}
.block--header h2{font-family: Futuris;font-weight: 700;font-size: 56px;line-height: 60px;letter-spacing: 0.1px;color:var(--text)}

.swiper--tele {position: relative}
.swiper--tele .qr-button-next, .swiper--tele .qr-button-prev{bottom:auto;top:12px;transform: none;width: 36px;height: 36px;border-radius: 8px;background-color: var(--back-light);margin: 0;position: absolute;display: none;align-items: center;justify-content: center}
.swiper--tele .qr-button-next:after, .swiper--tele .qr-button-prev:after {display: none}
.swiper--tele .qr-button-next svg, .swiper--tele .qr-button-prev svg {width: 8px;height: 14px;}
.swiper--tele .qr-button-next svg *, .swiper--tele .qr-button-prev svg *{fill:var(--text)}
.swiper--tele .qr-button-next {left:auto;right:0}
.swiper--tele .qr-button-prev {left:auto;right:calc(36px + 24px)}
.swiper--tele .swiper-pagination{display: flex}
.swiper--tele .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:calc(var(--bottom) + 14px);top:auto;transform: none;width: calc(var(--width) - 32px - 32px - 72px - 12px - 36px);left:76px;border-radius: 2px;}
.swiper--tele .swiper-pagination-bullet{border-radius: 2px;height: 4px;background: #FFFFFF26;opacity: 1;position: relative}
.swiper--tele .swiper-pagination-bullet:after{position: absolute;top:0;left:0;background-color: #fff;z-index: 1;height: 100%;width: var(--progress);content: ''}

.tele--line {margin-top: var(--gap-l)}
.tele--list {/*display: flex;--gap: 24px;--columns: 4;--height:40px;gap: var(--gap);flex-wrap: wrap*/}
.tele--item {/*width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));*/border-radius: 24px;overflow: hidden;position: relative;background-color: var(--back-light);}
.tele--image {width: 100%;height: 0;padding-top: 80.5%;position: relative}
.tele--image img {object-fit: cover;object-position: center;width: 100%;height: 100%;position: absolute;top:0;left: 0}
.tele--foot {padding: 24px 16px;padding-bottom: 90px;background-color: var(--back-light);margin-top: -24px; border-radius: 24px;background-color: var(--back-light);    position: relative;z-index: 3;}
.tele--title {font-weight: 700;font-size: 19px;line-height: 30px;color:var(--text)}
.tele--link {position: absolute;bottom:24px;left:0;width: 100%;padding: 0 16px;z-index: 4}
.tele--link .btn--fill {width: auto;display: inline-flex;gap:10px}
.tele--link .btn--fill svg{width: 19px;height: 16px}

.tele--item.tele--qr {background-color: var(--main);padding: 16px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.tele--qr-image {text-align: center}
.tele--qr-image img {max-width: 100%}
.tele--qr-title {font-weight: 700;font-size: 19px;line-height: 30px;color:var(--text);text-align: center;margin-top: 24px;}
.tele--qr-sub {font-weight: 400;font-size: 14px;line-height: 20px;letter-spacing: 0.3px;text-align: center;color:var(--text);margin-top: 8px;}

[light] .tele--qr-title {color:#fff;}
[light] .tele--qr-sub {color:#fff;}

@media all and (max-width: 700px) {
    .swiper--tele .tele--item {display: flex}
    .tele--link {left:126px;bottom:16px;}
    .tele--image {width: 130px;height: 100%;padding-top: 0;border-radius: 24px;position: absolute;top: 0;left: 0;z-index: 3;}
    .tele--foot {margin-top: 0;width: calc(100% - 110px);padding-top:16px;border-radius: 24px;margin-left: auto;}
    .tele--title {font-size: 14px;line-height: 20px;height: 40px;overflow: hidden;}
    .tele--link .btn--fill {font-weight: 700;font-size: 14px;}

    .tele--item.tele--qr {flex-direction: row;gap:16px;align-items: center}
    .tele--text {text-align: center}
    .tele--qr-image {width: 100px;min-width: 100px;}
    .tele--qr-image img {width: 100%;}
    .tele--qr-title {margin-top: 0;font-size: 14px;line-height: 20px}
    .tele--qr-sub {font-size: 12px;line-height: 18px}
}

@media all and (max-width: 500px) {
    .block--header h2 {font-size: 36px}

    .swiper--tele .swiper-wrapper {display: flex;flex-direction: column;gap: 16px}
    .swiper--tele .tele--item {width: 100% !important;}
}

@media all and (max-width: 1280px) and (min-width: 500px)  {
    .swiper--tele .qr-button-next, .swiper--tele .qr-button-prev {display:flex;}
}

.footer--bottom {display: flex;align-items: center;gap:var(--gap-b);justify-content: space-between;padding: 24px 0 40px 0;border-top: 1px solid var(--border);font-family: Open Sans;font-weight: 400;font-size: 12px;line-height: 18px;letter-spacing: 0.3px;color:var(--text-invis);}
.footer--bottom a{font-family: Open Sans;font-weight: 400;font-size: 12px;line-height: 18px;letter-spacing: 0.3px;color:var(--text-invis);border-bottom: 1px dashed transparent;transition: border-bottom-color .4s;}
.footer--bottom a:hover{border-bottom: 1px dashed var(--text-invis);}

.footer--top {padding: 24px 0;border-top: 1px solid var(--border);margin-top: 24px;display: flex;gap:24px;}
.footer--content {display: flex;flex:1;}
.footer--col {flex:1 1 auto;padding: 0 24px;--height:40px;}

.footer--auth a{font-weight: 400;font-size: 14px;line-height: 18px;letter-spacing: 0.1px;color:var(--text)}

.footer--info {flex-basis:300px;}
.footer--text {margin-top: 12px;font-weight: 400;font-size: 12px;line-height: 18px;letter-spacing: 0.3px;color:var(--text-invis); display: flex;flex-direction: column;}
.footer--text div {display: inline-block}
.footer--text a {display: inline-block;font-weight: 400;font-size: 12px;line-height: 18px;letter-spacing: 0.3px;color:var(--text-invis);transition: color .4s;}
.footer--text a:hover{color:var(--text);}
.footer--socials {margin-top: 12px;display: flex;gap:12px;}
.footer--socials .header--social{width: 32px;height: 32px;}

@media all and (max-width: 1280px) {
    .footer--col {padding: 0 8px;}
}

@media all and (max-width: 1152px) and (min-width: 767px)  {
    .footer--info {flex-basis: 110px;}
    .footer--info .logo--link{width: 100%}
    .footer--info .logo--link img{width: 100%}
    .footer--top {position: relative;padding-bottom: 94px}
    .footer--text {position: absolute;left:0;bottom:24px;}
    .footer--socials {position: absolute;left:50%;bottom:34px;transform: translateX(-50%)}
}

@media all and (max-width: 1024px) and (min-width: 767px)  {
    .footer--col:last-child {position: absolute;right:0;bottom:34px;}
    .footer--top {gap:16px;}
}

@media all and (max-width: 767px) {
    .footer--top {flex-wrap: wrap}
    .footer--content {width: 100%;display: flex;--gap: 24px;--columns: 2;gap: var(--gap);flex-wrap: wrap;col-gap: 0}
    .footer--content .footer--col .d--show{white-space: nowrap}
    .footer--col {width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));padding: 0}
    .footer--info {flex-basis: 100%;width: 100%;position: relative}
    .footer--socials {position: absolute;top:0;right: 0;margin: 0}
}

.result--table{display: table;width: 100%;}
.divTableRow {display: table-row;position: relative}
.divTableRow:after {opacity: 0;visibility: hidden;content: '';position: absolute;top:0;left:0;background-color: transparent;width:calc(100% + 16px);height: 100%;transition: .4s}
.divTableRow:hover:after {background: #E2173D1F;}
.divTableHeading {background-color: #EEE;display: table-header-group;}
.divTableCell, .divTableHead {display: table-cell;padding: 3px 10px;vertical-align: middle;}
.divTableCell {border-bottom: 1px solid var(--border);padding: 16px 10px; margin-bottom: 16px;}
.divTableRow:last-child .divTableCell {border-bottom: 1px solid transparent;margin-bottom: 0;}
.divTableHeading {background-color: #EEE;display: table-header-group;font-weight: bold;}
.divTableFoot {background-color: #EEE;display: table-footer-group;font-weight: bold;}
.divTableBody {display: table-row-group;}

.shed--top {display: flex;gap:var(--gap);justify-content: space-between}
.shed--but {min-width: 36px;width: 36px;height: 36px;background-color: #4e4b4b;border-radius: 8px;display: flex;align-items: center;justify-content: center}
[light] .shed--but {background-color: #e9e9e9;}
.shed--sub {font-weight: 700;font-size: 19px;line-height: 36px;color:var(--text)}

.shed--but svg{fill:var(--text)}
.section--competitions {display: flex;gap:40px;align-items: flex-start}
.competition--table {flex:1;background-color: var(--back-light);border-radius: 24px;padding: 24px}
.section--competitions .competition--table {flex:unset;width: calc(100% - 322px - 40px)}
.section--competitions .result--table-max {overflow: visible}
.competitions--shed {min-width: 322px;width: 322px;background-color: var(--back-light);border-radius: 24px;padding: 24px;}
.competition--head {display: flex;gap:24px;justify-content: space-between;}
.result--table .divTableRow,
.divTableCell a{font-weight: 400;font-size: 16px;line-height: 24px;vertical-align: middle;color:var(--text)}
.divTableCell a{border-bottom: 1px dashed transparent;transition: border-bottom-color .4s}
.divTableCell a:hover{border-bottom: 1px dashed var(--text);}

.comp--results-table .result--table-max .divTableCell a {font-size: 14px}

.result--table .result--table .divTableRow:nth-child(1){font-weight: 400;font-size: 14px;line-height: 20px;letter-spacing: 0.3px;text-align: left;color:var(--text-invis);}
.divTableRow .divTableCell {text-align: left}

.result--table .divTableRow .divTableCell:nth-child(1) {padding-left: 0;padding-right: 0}
.result--table .divTableRow .divTableCell:nth-child(1),
.result--table .divTableRow .divTableCell:nth-child(2),
.result--table .divTableRow .divTableCell:nth-child(3)
{text-align: left}

.competition--table .divTableRow .divTableCell:nth-child(1) {padding-left: 0;padding-right: 0}
.competition--table .divTableRow .divTableCell:nth-child(1),
.competition--table .divTableRow .divTableCell:nth-child(2),
.competition--table .divTableRow .divTableCell:nth-child(3)
{text-align: left}

.section--competitions .divTableRow:nth-child(1) .divTableCell:nth-child(n+4) {text-align: center}

@media all and (max-width: 1280px) {
    .result--table .divTableRow .divTableCell:nth-child(n+9):not(:last-child) {display: none}
    .competition--table .divTableRow .divTableCell:nth-child(n+9):not(:last-child) {display: none}
    .section--competitions {gap:24px;}
}

@media all and (max-width: 1152px) {
    .result--table .divTableRow .divTableCell:nth-child(n+7):not(:last-child) {display: none}
    .competition--table .divTableRow .divTableCell:nth-child(n+7):not(:last-child) {display: none}
}

@media all and (max-width: 1024px) {
    .result--table .divTableRow .divTableCell:nth-child(n+4):not(:last-child) {display: none}
    .competition--table .divTableRow .divTableCell:nth-child(n+4):not(:last-child) {display: none}
}

@media all and (max-width: 800px) {
    .result--table .divTableRow .divTableCell:nth-child(n+3):not(:last-child) {display: none}
    .competition--table .divTableRow .divTableCell:nth-child(n+3):not(:last-child) {display: none}
}

@media all and (max-width: 767px) {
    .table .divTableRow .divTableCell:nth-child(1) {width: 25px; position: sticky; left: 0;}
    .team--results.table .divTableRow .divTableCell:nth-child(2) {width: 100%;}
    .table .divTableRow .divTableCell:nth-child(n+3) {width: 70px}
}

@media all and (max-width: 700px) {
    .section--competitions {flex-wrap:wrap;}
    .competitions--shed {width:100%;min-width:100%;}
    .section--competitions .competition--table {width: 100%}
    .competition--head .bx-filter{min-width:auto;}
    .divTableCell{padding-bottom: 16px;margin-bottom: 16px;padding-top: 16px;}
}

.video--popup {width:100%;height: 100%;display: flex;align-items: center;justify-content: center;background-color: rgba(0,0,0,.7);position: fixed;top:0;left:0;z-index: 1000;}
.video--inner {display: flex;align-items: center;justify-content: center;width: 100%;height:auto;max-width: 1200px;/*padding-top: 56.67%;*/position: relative;aspect-ratio: 16 / 9;}
.video--inner iframe{width:100%;height:100%;position: absolute;top:0;left:0;}

.car--list {width: 100%}
.car--item {display: flex;border-radius: 24px;overflow: hidden;background-color: var(--back-light);}
.car--item > div{width:50%;}
.car--info{padding: 24px;display: flex;flex-direction: column}
.car--image {overflow: hidden;border-radius: 24px;}
.car--image img{width:100%;height:100%;object-fit: cover}

.car--racers {margin-bottom: var(--gap);display: flex;gap:16px;}
.car--racers-data {display: flex;flex-direction: column;gap:4px;}
.car--racers-title {color:var(--text-invis);font-weight: 400;font-size: 14px;line-height: 20px;letter-spacing: 0.3px;vertical-align: middle;}
.car--racers-info {color:var(--text);font-weight: 700;font-size: 19px;line-height: 30px;letter-spacing: 0%;vertical-align: middle;}
.car--images {display: flex;align-items: flex-start;gap:0;}
.car--images .car--img:not(:first-child) {margin-left: -8px;}
.car--img {width: 52px;height:52px;min-width: 52px;background-color: #423d3e;border-radius: 12px;overflow: hidden;border:3px solid var(--back-light)}
[light] .car--img {background-color: #e9e9e9}
.car--img img{width: 100%;height: 100%;object-fit: cover;object-position: top}

.car--title {font-family: Futuris;font-weight: 700;font-size: 36px;line-height: 46px;letter-spacing: 0.1px;color:var(--text)}
.car--cols {margin-top: var(--gap);display: flex;justify-content: space-between;margin-bottom: var(--gap)}
.car--col .name{font-weight: 400;font-size: 14px;line-height: 20px;letter-spacing: 0.3px;vertical-align: middle;color:var(--text-invis)}
.car--col .value{color:var(--text);font-weight: 700;font-size: 19px;line-height: 30px;letter-spacing: 0%;vertical-align: middle;}

.car--media {margin-top: auto;display: flex;gap:var(--gap)}
.car--media-item {width: 50%;border-radius: 24px;overflow: hidden;}
.car--media-box {height: 0;padding-top: 75%;position: relative}
.car--media-box img{position: absolute;top:0;left:0;width: 100%;height:100%;object-fit: cover}
.car--media-item .video--item{position: absolute;top:0;left:0;width: 100%;height:100%;object-fit: cover}

.car--media .rutube--video-wrapper {height: 100%;width:100%;transition: .4s;position: relative;z-index: 1;background-size: cover;background-repeat: no-repeat;background-position: center center}
.car--media .rutube--video {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;position: absolute;top:0;left: 0;}
.car--media .rutube--video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.car--media .rutube--video.sticky {position: fixed;bottom: 12px;left: 12px;margin-bottom: 0;width: 320px;height: 180px;padding-bottom: 0;}
.car--media .rutube--video-overlay {position: absolute;top: 0;right: 0;bottom: 0;left: 0;height: 100%;object-fit: cover;}
.car--media .rutube--video-play-button-wrapper {width: 20%;max-width: 44px;height: 20%;max-height: 44px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;cursor: pointer;}
.car--media .rutube--video-play-button-wrapper img{width: 100%;}

.car--cols .car--col{padding-right: 10px;}
.car--cols .car--col:not(:first-child){background-repeat: repeat-y;background-position: center left;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='5' height='46' viewBox='0 0 5 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' width='1' height='46' rx='0.5' fill='%23423D3F'/%3e%3crect x='3.5' width='1' height='46' rx='0.5' fill='%23423D3F'/%3e%3c/svg%3e ");padding-left: 20px;}
[light] .car--cols .car--col:not(:first-child){background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='4' height='52' viewBox='0 0 4 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='1' height='52' rx='0.5' fill='%23E9E9E9'/%3e%3crect x='3' width='1' height='52' rx='0.5' fill='%23E9E9E9'/%3e%3c/svg%3e ");}

@media all and (min-width: 1000px) and (max-width: 1400px) {
    .car--cols  {display: flex;--gap: 24px;--columns: 2;gap: 16px;flex-wrap: wrap}
    .car--col {width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));}
    .car--cols .car--col:nth-child(3){padding-left: 0;background: none}
    .car--media {gap:16px;}
}

@media all and (max-width: 1000px) {
    .car--item {flex-wrap: wrap;}
    .car--item > div {width: 100%}
    .car--image {height: 0;padding-top: 70.81%;position: relative}
    .car--image img{position: absolute;top:0;left: 0}
    .car--media {gap:8px;}
}

@media all and (max-width: 700px) {
    .car--cols  {display: flex;--gap: 24px;--columns: 2;gap: 16px;flex-wrap: wrap}
    .car--col {width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));}
    .car--cols .car--col:nth-child(3){padding-left: 0;background: none}
    .car--info {padding: 12px;}
    .car--title {font-weight: 700;font-size: 20px;line-height: 130%;}
    .car--col .value {font-weight: 700;font-size: 16px;line-height: 24px;}
    .detail--name {font-weight: 700;font-size: 20px;line-height: 130%;letter-spacing: 0.1px;}

    .car--racers-title {font-size: 12px;line-height: 18px;}
    .car--racers-info {font-size: 16px;line-height: 24px;}
}

@media all and (max-width: 370px) {
    .car--media {flex-wrap: wrap}
    .car--media-item {width:100%;}
}

@media all and (max-width: 350px) {
    .car--cols  {--columns: 1;}
    .car--cols .car--col{padding-left: 0 !important;background: none !important;}
}

.swiper--custom-controls {position: relative}
.swiper--custom-controls .swiper-next, .swiper--custom-controls .swiper-prev {bottom: auto;top: 12px;transform: none;width: 36px;height: 36px;border-radius: 8px;background-color: var(--back-light);margin: 0;position: absolute;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.swiper--custom-controls .swiper-next svg *, .swiper--custom-controls .swiper-prev svg *{fill:var(--text)}

.tabs--list {display: flex;align-items: center;overflow: hidden;overflow-x: auto;width: 100%;position: relative;}
.tabs--list-item {padding:0 24px;white-space: nowrap;height: var(--height);position: relative;border-bottom:4px solid transparent;display: inline-flex;align-items: center;justify-content: center;transition: .4s;user-select: none;font-weight: 400;font-size: 14px;line-height: 18px;letter-spacing: 0.1px;text-transform: uppercase;color:var(--text)}
.tabs--list-item:not(.--active) {cursor: pointer}
.tabs--list-item.--active {color:var(--main);border-bottom:4px solid var(--main);position: relative;z-index: 3;}
.tabs--list-item:hover {color:var(--main)}
.tabs--item {display: none}
.tabs--item.--active {display: block}

.tabs--head {display: flex;justify-content: space-between;gap:40px}

@media all and (max-width: 743px) {
    .tabs--head {gap:0;width: 100%}
}

.swiper--racers {margin-top: var(--gap-l);position: relative}

.swiper--racers .swiper-racers-button-next, .swiper--racers .swiper-racers-button-prev{bottom:auto;top:12px;transform: none;width: 36px;height: 36px;border-radius: 8px;background-color: var(--back-light);margin: 0;position: absolute;    z-index: 10;
    cursor: pointer;
    display: flex
;
    align-items: center;
    justify-content: center;}
.swiper--racers .swiper-racers-button-next:after, .swiper--racers .swiper-racers-button-prev:after {display: none}
.swiper--racers .swiper-racers-button-next svg, .swiper--racers .swiper-racers-button-prev svg {width: 8px;height: 14px;}
.swiper--racers .swiper-racers-button-next svg *, .swiper--racers .swiper-racers-button-prev svg *{fill:var(--text)}
.swiper--racers .swiper-racers-button-next {left:auto;right:0;}
.swiper--racers .swiper-racers-button-prev {left:auto;right:calc(36px + 24px)}
.swiper--racers .swiper-pagination{display: flex}
.swiper--racers .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:calc(var(--bottom) + 14px);top:auto;transform: none;width: calc(var(--width) - 32px - 32px - 72px - 12px - 36px);left:76px;border-radius: 2px;}
.swiper--racers .swiper-pagination-bullet{border-radius: 2px;height: 4px;background: #FFFFFF26;opacity: 1;position: relative}
.swiper--racers .swiper-pagination-bullet:after{position: absolute;top:0;left:0;background-color: #fff;z-index: 1;height: 100%;width: var(--progress);content: ''}

.racer {border-radius: 24px;overflow: hidden;background-color: var(--back-light);position: relative;}
.swiper-slide.racer {padding-bottom: 130px;}
.racer--image {width: 100%;height: 0;padding-top: 73.23%;position: relative}
.racer--image img{position: absolute;object-fit: contain;object-position: center;width: 100%;height: 100%;top:0;left: 0;z-index: 2}
.racer--number {position: absolute;top:24px;left:24px;z-index: 4;font-family: 'Futuris';font-weight: 700;font-size: 56px;line-height: 60px;color:#fff}
.racer--back {position: absolute;top:0;left:0;z-index: 1;width: 100%;height:100%;background-image: url('/upload/racer_back.png');background-position: top left;background-repeat: no-repeat;background-size: contain}

.racer--name {font-weight: 700;font-size: 19px;line-height: 30px;color:var(--text);}
.racer--foot {padding: 24px;}

.racer--team {margin-top: 4px;font-weight: 400;font-size: 16px;line-height: 24px;letter-spacing: 0.3px;text-transform: uppercase;color:var(--text)}
.racer--car {display: flex;gap:10px;align-items: flex-end;position: absolute;bottom:24px;left:0;padding: 0 24px;justify-content: space-between;width: 100%}
.racer--car img{width: 100%}
.racer--car-name {font-weight: 400;font-size: 16px;line-height: 24px;letter-spacing: 0.3px;vertical-align: middle;text-transform: uppercase;color:var(--text)}

@media all and (max-width: 600px) {
    .swiper-slide.racer {width: 340px}
}

.site--h1 {display: flex;justify-content: space-between;gap:30px;}
.site--h1 .info{height:40px;display: inline-flex;align-items: center;gap:8px;cursor: help;margin-top: 35px;}

.info {position: relative;user-select: none;z-index: 5}
.info > span{font-weight: 700;font-size: 16px;line-height: 24px;color:var(--main);}
.info svg{fill:transparent;stroke:var(--main)}
.info .popup--box{max-width: 260px;width:260px;background-color: var(--background-main);padding: 8px;border-radius: 16px;color:var(--text-second);font-weight: 400;font-size: 14px;line-height: 20px;vertical-align: middle;position: absolute;top:50%;transform: translateY(-50%);display: none;opacity: 0;visibility: hidden;transition: .4s ease-in-out;}
.info.active .popup--box {display: block;opacity: 1;visibility: visible}
.info[data-orientation="left"] .popup--box{left:0;transform: translate(calc(-100% - 15px), -50%)}
.info[data-orientation="left"] .popup--box:after{position: absolute;right:0;top:50%;transform: translate(11px, -50%);content: '';width:12px;height:18px;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='18' viewBox='0 0 12 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 18L0 9L0 0L12 9L0 18Z' fill='white'/%3e%3c/svg%3e ");}
.info .popup--box .d--show{font-weight: 400;font-size: 14px;line-height: 20px;vertical-align: middle;color:var(--main)}
.info--svg {width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;background-color: #E2173D1F;border-radius: 8px;}

@media all and (max-width: 600px) {
    .info[data-orientation="left"] .popup--box{left:0;top:100%;transform:translate(calc(-50% + 12px), 20px) }
    .info[data-orientation="left"] .popup--box:after {width: 18px;height: 12px;right: 50%;top:-4px;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='19' height='12' viewBox='0 0 19 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18.5 12L9.5 12H0.5L9.5 0L18.5 12Z' fill='white'/%3e%3c/svg%3e ");}
}

/* Media swiper */
.swiper--media-hor h3{font-family: Futuris;font-weight: 700;font-size: 56px;line-height: 60px;letter-spacing: 0.1px;color:var(--text)}

.media--item {padding-bottom: 150px;position: relative;border-radius: 24px;overflow: hidden;display: flex;flex-direction: column;}
.media--item .media--image {overflow: hidden;height: 0;padding-top: calc(81.25% + 24px);position: relative;}
.media--item .media--image img {object-fit: cover;object-position: center;width: 100%;height: 100%;transition: .4s;position: absolute;top: 0;left: 0;}

.media--item .rutube--video-wrapper {width: 100%;left: 0;top: 0;height: 100%;z-index: 1;padding-top: 56.6%;background-size: cover;background-repeat: no-repeat;background-position: center center;position: relative;}
.media--item .rutube--video {display: flex;align-items: center;justify-content: center;    position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.media--item .rutube--video-play-button-wrapper {width: 20%;max-width: 44px;height: 20%;max-height: 44px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;cursor: pointer;}
.media--item .rutube--video-play-button-wrapper img{width: 100%;}

.media--item .media--text {flex: 1;margin-top: -24px;min-height: 170px;position: absolute;bottom: 0;left: 0;width: 100%;background-color: var(--back-light);padding: 16px;z-index: 2;border-radius: 24px;overflow: hidden;display: flex;flex-direction: column;}
.media--item .media--name {font-weight: 700;font-size: 19px;line-height: 30px;color: var(--text);-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;max-height: 90px;}
.media--item .media--line{gap: 8px;margin-top: auto;display: flex;align-items: center;justify-content: space-between}
.media--item .media--polyline{    display: flex;-webkit-line-clamp: 1;max-width: calc(100% - 50px);white-space: nowrap;gap: 7px;}
.media--item .media--date{font-weight: 400;font-size: 14px;line-height: 20px;letter-spacing: .3px;color: var(--text-invis);}
.media--item .media--rds{font-weight: 400;font-size: 14px;line-height: 20px;letter-spacing: .3px;color: var(--main); overflow: hidden;text-overflow: ellipsis;}
.media--item .media--type{width: 44px;height:44px;border-radius: 12px;padding: 10px;background-color: #e2173d1f;justify-content: center;display: flex;align-items: center;margin-left: auto;}
.media--item .media--type svg{width: 20px;height: 20px;min-width: 20px;}
.media--item .media--polyline{}
.detail .media--item .media--type {margin-left: auto}
.media--item .media--div svg * {fill: var(--back2)}
.media--item .media--type svg * {stroke: var(--main)}

.swiper--side-news .swiper:not(.swiper-initialized) .swiper-wrapper{gap:24px;flex-direction: column}
.media--item.swiper-slide {width: 320px;}

.swiper--media-hor {position: relative;margin-top: var(--gap-l);}

.swiper--media-hor .swiper-button-next, .swiper--media-hor .swiper-button-prev{bottom:auto;top:10px;transform: none;width: 36px;height: 36px;border-radius: 8px;background-color: var(--back-light);margin: 0;}
.swiper--media-hor .swiper-button-next:after, .swiper--media-hor .swiper-button-prev:after {display: none}
.swiper--media-hor .swiper-button-next svg, .swiper--media-hor .swiper-button-prev svg {width: 8px;height: 14px;}
.swiper--media-hor .swiper-button-next svg *, .swiper--media-hor .swiper-button-prev svg *{fill:var(--text)}
.swiper--media-hor .swiper-button-next {left:auto;right:0;}
.swiper--media-hor .swiper-button-prev {left:auto;right:calc(36px + 24px)}
.swiper--media-hor .swiper-pagination{display: flex}
.swiper--media-hor .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:calc(var(--bottom) + 14px);top:auto;transform: none;width: calc(var(--width) - 32px - 32px - 72px - 12px - 36px);left:76px;border-radius: 2px;}
.swiper--media-hor .swiper-pagination-bullet{border-radius: 2px;height: 4px;background: #FFFFFF26;opacity: 1;position: relative}
.swiper--media-hor .swiper-pagination-bullet:after{position: absolute;top:0;left:0;background-color: #fff;z-index: 1;height: 100%;width: var(--progress);content: ''}

@media all and (max-width: 700px) {
    .swiper--media-hor h3{font-weight: 700;font-size: 36px;line-height: 46px;letter-spacing: 0.1px;}
    .media--item.swiper-slide {width: 340px;}
}

@media all and (max-width: 400px) {
    .media--item.swiper-slide {width: 320px;}
}

.divTableCell {transition: background-color .4s;background-color: transparent}
.divTableRow.lukoil .divTableCell {background-color: #44292e !important;}
.divTableRow:not(.lukoil) .divTableCell {
background-color: var(--back-light) !important;
}
[light] .divTableRow.lukoil .divTableCell {background-color: #fde8ec !important;}
.divTableRow .divTableCell:first-child {padding-left: 5px !important;}

.comp--results-table {margin: 24px 0 40px 0;padding: 24px;background-color: var(--back-light);border-radius: 24px;overflow: hidden}
.comp--results-table > p{margin-bottom: 0}
.divTableRow:first-child .divTableCell {font-weight: 400;font-size: 14px;line-height: 20px;letter-spacing: 0.3px;vertical-align: middle;color:var(--text-invis);}
.result--table-max {width: 100%;}
.result--table-max .divTableBody{width: 100%;display: table}

@media all and (max-width: 1200px) {
    .result--table-max {overflow-x: auto}
    .result--table-max .divTableBody {min-width: 1200px;}
    .section--competitions .result--table-max .divTableBody {min-width: unset;}
}

@media all and (max-width: 1024px) {
    .result--table-max .divTableCell{padding: 10px 4px;}
    .result--table-max .divTableRow:first-child .divTableCell {font-size: 12px;}
    .result--table-max .divTableRow:first-child .divTableCell a{font-size: 12px;}
    .result--table-max .divTableCell {font-size: 14px !important;}
    .result--table-max .divTableCell a{font-size: 14px;}
}

@media all and (max-width: 767px) {
    .result--table-max {padding: 12px}
    .comp--results-table {padding: 12px}
}

.page--privacy iframe {width: 100%;min-height: 700px;}

.header--right {display: flex;flex-direction: column;align-items: flex-end;gap:8px;justify-content: flex-end;}
.header--right-top {display: flex;align-items: center;gap:16px;justify-content: flex-end}

.shed--div svg {fill: var(--back2);}

.user--box {position: relative}
.user--box svg *{stroke:var(--svg);fill: transparent}
.user {display: flex;align-items: center;gap:10px;cursor: pointer}
.user--menu {position: absolute;top:calc(100% + 10px);right:0;border-radius: 16px;background-color: var(--back-light);padding: 12px 20px;border:1px solid var(--border);opacity: 0;visibility: hidden;transition: .4s ease-in-out;cursor: pointer}
.user--box.active .user--menu {opacity: 1;visibility: visible;}
.user--menu a{display: flex;align-items: center;gap:10px;font-weight: 400;font-size: 16px;line-height: 24px;color:var(--text)}

@media all and (max-width: 1000px) {
    .header--right-bottom {display: none}
}

.empty--box {background-color: var(--back-light);padding: 24px;display: flex;flex-direction: column;gap:4px;align-items: center;width: 100%;border-radius: 20px;margin-top: 24px;}
.empty--icon {margin-bottom: 12px;display: inline-flex;align-items: center;justify-content: center;background-color: var(--main);width:72px;height:72px;border-radius: 20px;}
.empty--icon svg *{stroke:#fff;fill:transparent}
.empty--name {font-family: 'Futuris';font-weight: 700;font-size: 20px;line-height: 130%;color:var(--text);text-align: center;vertical-align: middle;}
.empty--text {font-weight: 400;font-size: 16px;line-height: 24px;color:var(--text-invis);text-align: center;vertical-align: middle;}

@media all and (max-width: 767px) {
    .empty--box {padding: 16px 12px;}
}

.shed--list {margin-top: var(--gap);display: flex;--columns: 4;gap: var(--gap);flex-wrap: wrap}
.shed--item{width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));border-radius: 24px;overflow: hidden;padding: 16px;background-color: var(--back-light);display: flex;flex-direction: column;}
.shed--logo img {width: auto;max-height: 40px}
.shed--head {display: flex;align-items: center;gap:var(--gap);justify-content: space-between}
.shed--content {display: flex;align-items: center;gap:8px;justify-content: center;margin-top: 24px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    color:var(--text);margin-bottom: 12px;
}
.shed--date {margin-top: auto}
.shed--date .btn--fill.old{background-color: var(--back2);}
.shed--etap {font-weight: 400;font-size: 14px;line-height: 18px;letter-spacing: 0.1px;text-transform: uppercase;color:var(--text)}
.shed--div svg {fill:var(--back2)}

.shed--list {display: flex;gap: 0;flex-direction: column}
.shed--list .shed--item{width: 100%;border-radius: 24px;overflow: hidden;padding: 16px;background-color: var(--back-light);display: flex;flex-direction: column;}
.shed--list .shed--logo img {width: auto;max-height: 40px}
.shed--list .shed--head {display: flex;align-items: center;gap:var(--gap);justify-content: space-between}
.shed--list .shed--content {display: flex;align-items: center;gap:8px;justify-content: center;margin-top: 24px;font-weight: 400;font-size: 14px;line-height: 18px;letter-spacing: 0.1px;text-transform: uppercase;color:var(--text);margin-bottom: 12px;}
.shed--list .shed--date {margin-top: auto}
.shed--list .shed--etap {font-weight: 400;font-size: 14px;line-height: 18px;letter-spacing: 0.1px;text-transform: uppercase;color:var(--text)}
.shed--list .shed--div svg {fill:var(--back2)}

.shed--list .shed--date div{padding: 4px 12px;background-color: var(--main);border-radius: 8px;font-weight: 700;font-size: 16px;line-height: 24px;vertical-align: middle;color:var(--text);width: auto;display: inline-block;}
.shed--list .shed--date.old div{background-color: var(--back2);}
.shed--list .shed--item{padding: 16px 0;border-bottom: 1px solid var(--border);border-radius: unset}
.shed--list .shed--item:last-child{border-bottom: 1px solid transparent;padding-bottom: 0}
.shed--list .shed--content{justify-content: flex-start}

@media all and (max-width: 1280px) {
    .comp--page .tabs--head {flex-wrap: wrap;row-gap:40px;}
    .comp--page .media--filter-row {flex-wrap: wrap;}
    .comp--page .tabs--filter,
    .comp--page .bx-filter {width:100%;}
}

.pilot--results.table.result--table-max .divTableRow:nth-child(n+2) .divTableCell:nth-child(2){font-size: 16px;}

@media screen and (max-width: 768px) {
    .pilot--results.table.result--table-max .divTableRow .divTableCell:nth-child(2),
    .team--results.table .divTableRow .divTableCell:nth-child(2) {
        width: 180px;
        position: sticky; 
        left: 25px;
    }
}


.btn--gray-fill {
        transition-property: background, border-color, color !important;
    }

    .table.table.scroll--x .divTableRow:not(:first-child) a {
        line-height: normal !important;
    }

    .table.table.scroll--x .divBut {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-width: initial !important;
        position: sticky !important;
        top: auto !important;
        left: 0 !important;
        margin-top: 13px;
    }

    .table.table.scroll--x .divBut .js--table-more {
        position: static !important;
    }

    @media screen and (max-width: 1024px) {
        .table.scroll--x {
            overflow-x: auto !important;
        }

        .table.scroll--x .divTableRow::after {
            display: none !important;
        }

        .table.scroll--x .divTableRow > .divTableCell:nth-child(1),
        .table.scroll--x .divTableRow > .divTableCell:nth-child(2) {
            background-color: var(--back-light) !important;
            position: sticky !important;
        }

        .table.scroll--x .divTableRow.lukoil > .divTableCell:nth-child(1),
        .table.scroll--x .divTableRow.lukoil > .divTableCell:nth-child(2) {
            background-color: #44292e !important;
        }

        .table.scroll--x .divTableRow > .divTableCell:nth-child(1) {
            left: 0 !important;
        }

        .table.scroll--x {
            position: relative;
        }

        .table.scroll--x .divTableRow > .divTableCell:nth-child(1) {
            box-shadow: 
                -10px 0 0 0 var(--back-light),
                -20px 0 0 0 var(--back-light),
                -30px 0 0 0 var(--back-light),
                1px 0 0 0 var(--back-light);
        }

        .table.scroll--x .divTableRow:not(:first-child) > .divTableCell:nth-child(2) {
            box-shadow: 0 1px 0 0 var(--border);
        }

        .table.scroll--x .divTableRow > .divTableCell:nth-child(2) {
            left: var(--table-sticky-fisrt-firstCell-width, auto) !important;
        }
    }



    @media screen and (max-width: 768px) {
        .table.scroll--x .divTableRow > .divTableCell:nth-child(2) {
            width: 180px !important;
        }
    }

    @media screen and (max-width: 480px) {
        .table.scroll--x .divTableRow > .divTableCell:nth-child(1) {
            width: 20px !important;
            max-width: 20px !important;
        }

        .table.scroll--x .divTableRow > .divTableCell:nth-child(2) {
            width: 75px !important;
            max-width: 75px !important;
        }
    }

    @keyframes stickyButton {
        from {
            left: 0;
            transform: translate(0);
        }

        to {
            left: 100%;
            transform: translateX(calc(-100% - var(--table-sticky-button-more-offset, 0px)));
        }
    }

.footer--develop {display: flex;align-items: center;gap:5px}
body:not([light]) .footer--develop .light {display: none}
body[light] .footer--develop .dark {display: none}
body[light] .footer--develop .light {display: block}

@media all and (max-width: 500px) {
    .footer--bottom {flex-wrap: wrap}
}