/*! 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 */
}
/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
    margin: 0;
}
/**
   * 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 {
    font-size: 2em;
    margin: 0.67em 0;
}
/* 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 {
    background-color: transparent;
}
/**
   * 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: bolder;
}
/**
   * 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;
}
/* 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 {
    /* 1 */
    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;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}
/**
   * 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;
    /* 1 */
    padding: 0;
    /* 2 */
}
/**
   * 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
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
    display: none;
}
/**
   * Add the correct display in IE 10.
   */
[hidden] {
    display: none;
}
@font-face {
    font-family: 'Material Icons';
    src: url('/bricks/css/fonts/MaterialIcons-Regular.woff2') format('woff2'),
        url('/bricks/css/fonts/MaterialIcons-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Bebas Neue';
    src: local('Bebas Neue Thin'), local('BebasNeue-Thin'), url('/bricks/css/fonts/bebasneuethin.woff2') format('woff2'), url('/bricks/css/fonts/bebasneuethin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Bebas Neue';
    src: local('Bebas Neue Light'), local('BebasNeue-Light'), url('/bricks/css/fonts/bebasneuelight.woff2') format('woff2'), url('/bricks/css/fonts/bebasneuelight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Bebas Neue';
    src: local('Bebas Neue Book'), local('BebasNeueBook'), url('/bricks/css/fonts/bebasneuebook.woff2') format('woff2'), url('/bricks/css/fonts/bebasneuebook.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Bebas Neue';
    src: local('Bebas Neue Regular'), local('BebasNeueRegular'), url('/bricks/css/fonts/bebasneueregular.woff2') format('woff2'), url('/bricks/css/fonts/bebasneueregular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Bebas Neue';
    src: local('Bebas Neue Bold'), local('BebasNeueBold'), url('/bricks/css/fonts/bebasneuebold.woff2') format('woff2'), url('/bricks/css/fonts/bebasneuebold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
/* h sizes*/
/* Desctop */
/* Tablet */
/* Mobile */
/* some colors */
/* home-bottom-circle */
/* menu-graident */
/* product-list */
[class^="icon"] {
    display: inline-block;
    vertical-align: middle;
}
.icon-programs {
    width: 40px;
    height: 40px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='41' height='40' viewBox='0 0 41 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M20.1471 3.3335C10.9471 3.3335 3.48047 10.8002 3.48047 20.0002C3.48047 29.2002 10.9471 36.6668 20.1471 36.6668C29.3471 36.6668 36.8138 29.2002 36.8138 20.0002C36.8138 10.8002 29.3638 3.3335 20.1471 3.3335ZM25.1471 23.7168L20.3138 26.5002C19.732 26.8392 19.0706 27.0179 18.3971 27.0179C17.7237 27.0179 17.0623 26.8392 16.4805 26.5002C15.894 26.1645 15.4074 25.6789 15.0706 25.0932C14.7337 24.5074 14.5588 23.8425 14.5638 23.1668V17.5835C14.5638 16.2002 15.2805 14.9502 16.4805 14.2502C17.6805 13.5502 19.1138 13.5502 20.3305 14.2502L25.1638 17.0335C26.3638 17.7335 27.0805 18.9668 27.0805 20.3668C27.0805 21.7668 26.3638 23.0168 25.1471 23.7168Z' fill='white'/%3E %3C/svg%3E") no-repeat 50%;
}
.icon-lk {
    width: 40px;
    height: 40px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M30.8336 6.84987L22.5169 3.7332C21.1336 3.21654 18.8669 3.21654 17.4836 3.7332L9.16693 6.84987C7.25026 7.56654 5.68359 9.8332 5.68359 11.8665V24.2499C5.68359 26.2165 6.98359 28.7999 8.56693 29.9832L15.7336 35.3332C18.0836 37.0999 21.9503 37.0999 24.3003 35.3332L31.4669 29.9832C33.0503 28.7999 34.3503 26.2165 34.3503 24.2499V11.8665C34.3169 9.8332 32.7503 7.56654 30.8336 6.84987ZM19.8836 11.7165C21.8503 11.7165 23.4503 13.3165 23.4503 15.2832C23.4503 17.2165 21.9336 18.7665 20.0169 18.8332H19.8503C17.8503 18.7665 16.3503 17.2165 16.3503 15.2832C16.3336 13.3165 17.9336 11.7165 19.8836 11.7165ZM23.6503 27.2665C22.6336 27.9332 21.3169 28.2832 20.0003 28.2832C18.6836 28.2832 17.3503 27.9499 16.3503 27.2665C15.4003 26.6332 14.8836 25.7665 14.8669 24.8165C14.8669 23.8832 15.4003 22.9832 16.3503 22.3499C18.3669 21.0165 21.6503 21.0165 23.6669 22.3499C24.6169 22.9832 25.1503 23.8499 25.1503 24.7999C25.1336 25.7332 24.6003 26.6332 23.6503 27.2665Z' fill='white'/%3E %3C/svg%3E") no-repeat 50%;
}
.icon-energy {
    /* background: svg-load('../svg/icon-energy.svg') no-repeat 50%; */
}
.icon-list {
    /* background: svg-load('../svg/icon-list.svg') no-repeat 50%; */
}
.icon-bread {
    width: 8px;
    height: 14px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M7 1C7 1 1 3.94873 1 7C1 10.0513 7 13 7 13' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") no-repeat 50%;
}
.icon-download {
    width: 12px;
    height: 14px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 8s2.5 5 5 5 5-5 5-5M6 13V1'/%3E%3C/svg%3E") no-repeat 50%;
}
.tippy-icon {
    display: block;
    width: 30px;
    height: 30px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Ccircle cx='9' cy='9' r='8' stroke='%233D6891' stroke-width='2'/%3E %3Crect x='8' y='7' width='2' height='7' rx='1' fill='%233D6891'/%3E %3Crect x='8' y='4' width='2' height='2' rx='1' fill='%233D6891'/%3E %3C/svg%3E") no-repeat 50%;
}
.icon--download {
    display: block;
    width: 30px;
    height: 30px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.93 10.25c.39-.36.43-1 .08-1.4a.92.92 0 0 0-1.34-.1l-2.22 2.05V1c0-.55-.43-1-.95-1a.98.98 0 0 0-.95 1v9.8L6.33 8.75a.92.92 0 0 0-1.34.1c-.35.4-.31 1.04.08 1.4l3.8 3.5c.36.33.9.33 1.26 0l3.8-3.5ZM1.9 13c0-.55-.43-1-.95-1A.98.98 0 0 0 0 13v3c0 1.1.85 2 1.9 2h15.2c1.05 0 1.9-.9 1.9-2v-3c0-.55-.43-1-.95-1a.98.98 0 0 0-.95 1v3H1.9v-3Z' fill='%233D6891'/%3E%3C/svg%3E") no-repeat 50%;
}
.icon--download-mobile {
    display: inline-block;
    width: 20px;
    height: 22px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M9.50022 2.5C9.14142 2.5 8.85023 2.78 8.85023 3.125V15.5934L4.12087 10.8191C3.87354 10.5694 3.46242 10.5591 3.20177 10.7975C2.94178 11.0356 2.9317 11.4309 3.17935 11.6809L8.5808 17.1337C8.8265 17.37 9.1528 17.5 9.50022 17.5C9.84732 17.5 10.1739 17.37 10.4304 17.1228L15.8208 11.6809C16.0684 11.4309 16.058 11.0356 15.7983 10.7975C15.5387 10.5591 15.1272 10.5691 14.8796 10.8191L10.1502 15.6134V3.125C10.1502 2.78 9.85902 2.5 9.50022 2.5Z' fill='%235E87AA'/%3E %3Crect x='1' y='21' width='17' height='1' rx='0.5' fill='%235E87AA'/%3E %3C/svg%3E") no-repeat 0 0;
}
.icon-close {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none'%3E%3Cg stroke='%232F3161' stroke-linecap='round' stroke-linejoin='round' stroke-width='9'%3E%3Cpath d='M19.03 6.77s-4.505 4.16-12.4 12.4'/%3E%3Cpath d='M6.63 6.77c4.279 7.776 12.4 12.4 12.4 12.4'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50%;
    background-size: contain;
}
.icon-movie {
    display: block;
    width: 30px;
    height: 30px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Crect x='1' y='1' width='16' height='16' rx='1' stroke='%233D6891' stroke-width='2'/%3E %3Crect x='4.95' y='0.45' width='0.9' height='17.1' rx='0.45' stroke='%233D6891' stroke-width='0.9'/%3E %3Crect x='0.45' y='6.75' width='0.9' height='4.5' rx='0.45' transform='rotate(-90 0.45 6.75)' stroke='%233D6891' stroke-width='0.9'/%3E %3Crect x='0.45' y='12.15' width='0.9' height='4.5' rx='0.45' transform='rotate(-90 0.45 12.15)' stroke='%233D6891' stroke-width='0.9'/%3E %3Crect x='13.0496' y='6.75' width='0.9' height='4.5' rx='0.45' transform='rotate(-90 13.0496 6.75)' stroke='%233D6891' stroke-width='0.9'/%3E %3Crect x='13.0496' y='12.15' width='0.9' height='4.5' rx='0.45' transform='rotate(-90 13.0496 12.15)' stroke='%233D6891' stroke-width='0.9'/%3E %3Crect x='12.1502' y='0.45' width='0.9' height='17.1' rx='0.45' stroke='%233D6891' stroke-width='0.9'/%3E %3C/svg%3E") no-repeat 50%;
}
.icon-slides {
    display: block;
    width: 30px;
    height: 30px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.48.54a1.9 1.9 0 0 0-1.13 1c-.2.47-.2.36-.2 5.89 0 2.8.02 5.23.03 5.4.03.28.05.35.22.62.31.51.69.82 1.13.93.1.03 2.38.05 6.57.05 6.32 0 6.41 0 6.65-.08.45-.16.84-.52 1.05-.98.2-.47.2-.22.2-5.92 0-5.77.01-5.47-.23-5.97a2.13 2.13 0 0 0-.73-.79C19.61.45 20 .46 13.08.47c-5.88 0-6.37 0-6.6.07Zm12.97 1.3c.16.06.32.27.34.44.02.07.02 1.69.02 3.6l-.02 3.46-1.42-1.84a71.83 71.83 0 0 0-1.61-2.02c-.28-.3-.46-.37-.88-.37-.3 0-.38.02-.56.1-.11.07-.27.18-.35.25-.08.08-.81 1.02-1.62 2.1a68.73 68.73 0 0 1-1.51 1.95c-.02 0-.28-.27-.58-.6-.7-.77-.82-.85-1.36-.85-.6 0-.57-.02-2.18 1.76l-1.38 1.52V6.79c.02-4.5.02-4.54.1-4.69a.71.71 0 0 1 .22-.23l.14-.1h6.27c5.2 0 6.28.01 6.38.06ZM16 6.48c.06.06.93 1.17 1.96 2.5l1.86 2.39-.01.66c-.02.73-.03.8-.3.98l-.12.1h-6.3c-5.58 0-6.32-.01-6.42-.06-.06-.04-.11-.08-.11-.1 0-.05 3.2-3.56 3.3-3.61.08-.04.13 0 .89.83.44.49.85.9.9.93.16.06.39.05.52-.02.05-.03.88-1.1 1.85-2.37a28.3 28.3 0 0 1 1.82-2.32c.04 0 .11.04.16.1Z' fill='%233D6891' stroke='%233D6891' stroke-width='.5'/%3E%3Ccircle cx='10' cy='2' r='1' fill='%233D6891'/%3E%3Cpath d='M2.66 8.59a.7.7 0 0 0-.19.21c-.1.18-1.44 5.93-1.47 6.24-.05.75.36 1.54.97 1.87.2.1 1.2.42 3.96 1.23l6.05 1.78 2.56.76c.24.06.66.07.89.01.45-.11.97-.57 1.17-1.03.06-.14.2-.7.35-1.32.22-1.02.24-1.1.2-1.26-.13-.45-.62-.62-.94-.33-.16.15-.17.21-.42 1.3-.12.53-.24 1.01-.29 1.08-.1.18-.27.3-.46.3-.13 0-2-.54-7.7-2.24l-2.91-.86c-1.04-.3-1.94-.59-1.99-.63a.86.86 0 0 1-.26-.5c0-.07.3-1.44.69-3.03.38-1.6.68-2.97.68-3.05 0-.2-.1-.41-.25-.53a.56.56 0 0 0-.64 0Z' fill='%233D6891' stroke='%233D6891' stroke-width='.5'/%3E%3C/svg%3E") no-repeat 50%;
}
.icon-direct-link {
    display: block;
    width: 30px;
    height: 30px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6 0C9.16 0 7.8.56 6.78 1.58L6 2.37a1 1 0 0 0 0 1.41c.37.38 1.03.38 1.41 0L8.2 3A3.4 3.4 0 0 1 13 7.8l-.78.79a1 1 0 0 0 0 1.41 1 1 0 0 0 1.41 0l.79-.78a5.37 5.37 0 0 0 0-7.64A5.36 5.36 0 0 0 10.6 0ZM5.4 16c1.44 0 2.8-.56 3.81-1.58l.79-.79a1 1 0 0 0 0-1.41 1.02 1.02 0 0 0-1.42 0L7.8 13A3.4 3.4 0 0 1 3 8.2l.78-.79A1 1 0 0 0 2.37 6l-.8.78A5.4 5.4 0 0 0 5.4 16Z' fill='%233D6891'/%3E%3Cpath d='M4.6 11.4a1 1 0 0 0 1.41 0l5.38-5.38a1 1 0 0 0 0-1.42 1.02 1.02 0 0 0-1.41 0L4.6 9.98a1 1 0 0 0 0 1.42Z' fill='%233D6891'/%3E%3C/svg%3E") no-repeat 50%;
}
.icon-play-video {
    width: 56px;
    height: 56px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='56' height='56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='.5' cx='28' cy='28' r='28' fill='%233D6891'/%3E%3Cpath d='M23.9 19.4c-1.6-.93-2.9-.17-2.9 1.7v13.8c0 1.87 1.3 2.63 2.9 1.7l11.9-6.91c1.6-.94 1.6-2.44 0-3.38L23.9 19.4Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -28px;
    margin-left: -28px;
}
.icon-arrow-back {
    width: 20px;
    height: 18px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.36 6h16a1 1 0 1 1 0 2h-16a1 1 0 1 1 0-2Z' fill='%233D6891'/%3E%3Cpath d='m2.12 6.93 4.95 4.95a1 1 0 1 1-1.41 1.41L.7 8.34a1 1 0 0 1 1.41-1.41Z' fill='%233D6891'/%3E%3Cpath d='m2.12 7.07 4.95-4.95A1 1 0 0 0 5.66.71L.7 5.66a1 1 0 0 0 1.41 1.41Z' fill='%233D6891'/%3E%3C/svg%3E") no-repeat 50%;
    display: block;
}
.icon-playcircle {
    width: 60px;
    height: 60px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='61' fill='none'%3E%3Ccircle cx='30' cy='30.984' r='15' fill='%23fff'/%3E%3Cpath fill='%23E74F99' d='M29.922 5.984c-13.8 0-25 11.2-25 25s11.2 25 25 25 25-11.2 25-25-11.175-25-25-25Zm7.5 30.575-7.25 4.175a5.71 5.71 0 0 1-5.75 0 5.713 5.713 0 0 1-2.875-5v-8.375a5.742 5.742 0 0 1 2.875-5c1.8-1.05 3.95-1.05 5.775 0l7.25 4.175c1.8 1.05 2.875 2.9 2.875 5s-1.075 3.975-2.9 5.025Z'/%3E%3C/svg%3E") no-repeat 50%;
    display: block;
}
.icon-playcircle-2 {
    width: 147px;
    height: 147px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='149' height='149' viewBox='0 0 149 149' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cellipse cx='74.09' cy='74.6077' rx='36.9963' ry='36.9964' fill='white'/%3E %3Cpath d='M73.8997 12.9473C39.8632 12.9473 12.2393 40.5712 12.2393 74.6078C12.2393 108.644 39.8632 136.268 73.8997 136.268C107.936 136.268 135.56 108.644 135.56 74.6078C135.56 40.5712 107.998 12.9473 73.8997 12.9473ZM92.3979 88.3581L74.5163 98.6554C72.3637 99.9099 69.9169 100.571 67.4254 100.571C64.9339 100.571 62.487 99.9099 60.3344 98.6554C58.1647 97.4138 56.3644 95.6172 55.1183 93.45C53.8722 91.2828 53.2251 88.8232 53.2435 86.3233V65.667C53.2435 60.5492 55.8949 55.9247 60.3344 53.3349C64.774 50.7452 70.0768 50.7452 74.578 53.3349L92.4595 63.6322C96.8991 66.222 99.5505 70.7849 99.5505 75.9644C99.5505 81.1438 96.8991 85.7684 92.3979 88.3581Z' fill='%232F3161'/%3E %3C/svg%3E") no-repeat 50%;
    display: block;
}
.icon-log-yandex {
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23FC3F1D' d='M13.902 17.946V21h-3.78v-5.143L3 3h3.949l5.548 10.045c1.066 1.928 1.405 2.591 1.405 4.901ZM21 3l-4.627 8.699H12.52L17.172 3H21Z'/%3E%3C/svg%3E") no-repeat 50%;
}
.icon-log-vkontakte {
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg id='soc_icon'%3E %3Cpath id='Logo' fill-rule='evenodd' clip-rule='evenodd' d='M22.4935 6.90219C22.6482 6.37149 22.4935 6 21.7713 6H19.364C18.745 6 18.4699 6.33611 18.3151 6.7076C18.3151 6.7076 17.0943 9.78567 15.3576 11.767C14.7902 12.3507 14.5495 12.5276 14.24 12.5276C14.0852 12.5276 13.8617 12.3507 13.8617 11.82V6.90219C13.8617 6.26535 13.6897 6 13.1739 6H9.39105C9.01276 6 8.77204 6.30073 8.77204 6.56608C8.77204 7.16754 9.63178 7.30906 9.73494 8.97193V12.6161C9.73494 13.4121 9.59739 13.5537 9.28788 13.5537C8.47973 13.5537 6.48513 10.4756 5.31589 6.93757C5.07516 6.28304 4.85163 6 4.23262 6H1.82535C1.13756 6 1 6.33611 1 6.7076C1 7.36213 1.80815 10.6171 4.80004 14.9158C6.79464 17.8523 9.59739 19.4444 12.1422 19.4444C13.6725 19.4444 13.8617 19.0906 13.8617 18.4892V16.2602C13.8617 15.5526 13.9992 15.4111 14.4979 15.4111C14.859 15.4111 15.4608 15.588 16.888 17.0032C18.5215 18.6838 18.7966 19.4444 19.7079 19.4444H22.1152C22.803 19.4444 23.1469 19.0906 22.9405 18.4007C22.717 17.7108 21.9432 16.7025 20.9115 15.4996C20.3441 14.8096 19.5016 14.0844 19.2608 13.7129C18.8998 13.2352 19.0029 13.023 19.2608 12.6161C19.2608 12.5984 22.2012 8.35278 22.4935 6.90219Z' fill='%231477F3'/%3E %3C/g%3E %3C/svg%3E") no-repeat 50%;
}
.icon-log-google {
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg id='Google__G__Logo 1' clip-path='url(%23clip0_902_3105)'%3E %3Cg id='Group'%3E %3Cpath id='Vector' d='M10.2031 8.18164V12.0544H15.6948C15.4536 13.2999 14.73 14.3544 13.6447 15.0635L16.9563 17.5817C18.8859 15.8363 19.999 13.2727 19.999 10.2272C19.999 9.51812 19.9341 8.83624 19.8135 8.18175L10.2031 8.18164Z' fill='%234285F4'/%3E %3Cpath id='Vector_2' d='M4.4845 11.9033L3.73759 12.4636L1.09375 14.4818C2.77279 17.7454 6.21411 20 10.203 20C12.958 20 15.2678 19.1091 16.9562 17.5819L13.6445 15.0636C12.7354 15.6636 11.5758 16.0273 10.203 16.0273C7.54991 16.0273 5.29579 14.2728 4.48868 11.9091L4.4845 11.9033Z' fill='%2334A853'/%3E %3Cpath id='Vector_3' d='M1.09455 5.51855C0.398847 6.86396 0 8.38217 0 10.0003C0 11.6185 0.398847 13.1367 1.09455 14.4821C1.09455 14.4912 4.4898 11.9003 4.4898 11.9003C4.28572 11.3003 4.16509 10.664 4.16509 10.0002C4.16509 9.33651 4.28572 8.70018 4.4898 8.10018L1.09455 5.51855Z' fill='%23FBBC05'/%3E %3Cpath id='Vector_4' d='M10.2032 3.98184C11.706 3.98184 13.0418 4.49092 14.1086 5.47276L17.0306 2.60914C15.2588 0.990977 12.9583 0 10.2032 0C6.21432 0 2.77279 2.24546 1.09375 5.51822L4.4889 8.10005C5.29591 5.73638 7.55012 3.98184 10.2032 3.98184Z' fill='%23EA4335'/%3E %3C/g%3E %3C/g%3E %3Cdefs%3E %3CclipPath id='clip0_902_3105'%3E %3Crect width='20' height='20' fill='white'/%3E %3C/clipPath%3E %3C/defs%3E %3C/svg%3E") no-repeat 50%;
}
.icon-log-facebook {
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg id='soc_icon'%3E %3Cpath id='Vector' d='M12 1.04004C5.94999 1.04004 1 5.97903 1 12.062C1 17.562 5.02599 22.127 10.284 22.952V15.252H7.48999V12.062H10.284V9.63103C10.284 6.87003 11.923 5.35203 14.442 5.35203C15.641 5.35203 16.895 5.56103 16.895 5.56103V8.27803H15.509C14.145 8.27803 13.716 9.12503 13.716 9.99403V12.062H16.774L16.279 15.252H13.716V22.952C16.3081 22.5426 18.6684 21.2201 20.3709 19.2231C22.0734 17.2261 23.0059 14.6862 23 12.062C23 5.97903 18.05 1.04004 12 1.04004Z' fill='%234A69A8'/%3E %3C/g%3E %3C/svg%3E") no-repeat 50%;
}

.head-fold__top {
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 75px;
}

@media (max-width: 768px) {
    .head-fold__top {
        gap: 10px;
        margin-bottom: 30px;
    }
}

.head-fold h1 {
    font-size: clamp(70px, 12vw, var(--hero-fs));
    letter-spacing: -4.6px;
    line-height: 90%;
}

@media (max-width: 768px) {
    .head-fold h1 {
        text-align: center;
        font-size: 65px;
        letter-spacing: 0;
    }
}

.stage-parent {
    width: 100%;
    padding-bottom: 100%;
    height: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
    position: relative;
}

.stage-parent .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 75%;
    text-align: center;
}

.stage-parent .inner .title {
    font-size: clamp(50px, 5vw, 100px);
    font-family: var(--hff);
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -2px;
    margin-bottom: clamp(30px, 3.4vw, 70px);
}

.stage-parent .inner .title .icon-energy {
    width: 4vw;
    height: 1px;
    position: relative;
}

.stage-parent .inner .title .icon-energy:after {
    content: '';
    position: absolute;
    width: 4vw;
    height: 6vw;
    left: 0;
    margin-top: -4vw;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='92' height='119' viewBox='0 0 92 119' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M53.1499 3.73372C40.5974 10.0584 12.3033 41.2782 3.07561 58.7721C-2.48817 69.3357 -1.80947 69.9412 16.1711 70.9505L28.9948 71.6906C5.72193 112.061 8.09665 107.755 7.8931 108.159C2.80427 116.838 9.72508 122.625 17.053 115.829C17.1208 115.762 80.0187 67.3171 91.2819 51.2362C92.5711 49.4196 92.232 47.3337 89.3822 45.2479C84.7005 41.8165 78.3903 40.7399 55.3888 38.856C51.7927 38.5868 50.1644 38.1832 50.4358 37.6449C52.1321 33.5406 58.6456 16.3158 61.7668 9.5874C65.4307 1.71517 65.0917 -2.32184 53.1499 3.73372ZM48.4679 18.8054C47.8572 20.2183 40.3258 38.1158 39.9865 38.856C38.2224 42.3547 39.3759 44.1715 43.7862 44.6424C58.4421 46.19 64.2772 46.7283 70.1802 46.9974C79.9508 47.4684 80.0188 47.0646 69.7055 57.3591C58.7136 68.3936 30.6233 93.9616 30.0126 93.356C29.4698 92.8178 38.494 75.7277 40.9367 72.5653C45.347 66.8462 43.9898 66.0387 29.9447 66.0387C23.6345 66.0387 19.6992 65.9042 16.7137 65.7023C13.9318 65.5005 12.2355 62.5399 13.5925 60.0504C18.6813 50.8325 27.7735 39.327 42.9043 22.8424C49.8251 15.4412 49.9606 15.3066 48.4679 18.8054Z' fill='%23F4DC5B'/%3E %3C/svg%3E") no-repeat 50%;
    background-size: contain;
}

.stage-parent .inner .title .icon-list {
    width: 4vw;
    height: 1px;
    position: relative;
}

.stage-parent .inner .title .icon-list:after {
    content: '';
    position: absolute;
    width: 4vw;
    height: 5vw;
    left: 0;
    margin-top: -2.5vw;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='111' height='107' viewBox='0 0 111 107' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M46.5383 0.541529C44.3016 1.74043 45.0723 6.22231 47.9309 8.798C50.3389 10.9626 61.7061 13.2967 70.2345 13.4861C93.6201 13.8895 105.206 22.076 101.846 35.6827C97.0007 55.6519 94.4834 69.9007 94.6911 76.9495C94.9001 85.1109 94.8224 84.5 92.4528 82.0845C90.154 79.7654 84.8164 74.9287 81.7905 72.3275C79.2862 70.2338 74.8896 67.0811 73.4974 70.0348C71.2135 74.9062 65.4979 82.0776 60.667 86.8169C49.701 97.5512 31.7185 97.6303 17.0617 92.7402C10.8722 90.683 11.0368 88.4832 12.0153 83.7549C15.4555 66.823 23.5701 21.5096 27.045 12.1991C28.7889 7.50203 30.0873 6.84449 34.0164 6.33178C40.9036 5.50043 36.8731 1.63342 28.9555 1.36618C23.4178 1.20548 20.0173 2.74017 17.0089 9.55472C12.3844 20.2301 9.6298 40.5184 1.30429 81.6065C-0.678165 91.2304 4.49775 95.4434 12.5654 97.5306C17.339 98.7727 24.6724 100.063 37.0234 102.12C52.3849 104.636 60.04 106.061 65.3396 106.1C71.321 106.157 74.2328 104.462 81.8758 100.922C106.032 89.5484 104.991 90.7587 108.036 71.3705C114.995 26.9075 110.542 14.5899 85.4663 9.56421C78.1583 8.10642 71.1779 6.18515 68.6167 5.02406C61.8858 2.02845 48.7751 -0.657371 46.5383 0.541529ZM57.7983 26.5631C51.617 26.1331 48.8374 30.3298 53.8052 32.5428C57.8914 34.3645 79.2609 37.8831 86.4839 38.2155C90.909 38.3775 89.6251 35.0153 86.3426 32.9739C81.5025 29.9247 71.0097 27.4673 57.7983 26.5631ZM44.6578 42.0143C30.1722 40.4878 33.3353 44.9926 39.4993 47.2171C51.9947 51.6916 86.1461 57.2469 86.6567 53.9018C87.3588 49.3025 71.2748 44.7936 44.6578 42.0143ZM40.465 70.0415C46.4279 70.7805 58.4561 71.5896 60.7325 71.2525C64.6743 70.6562 60.1023 65.8508 53.72 63.9352C45.1308 61.3406 41.502 60.4444 39.3859 60.2925C28.258 59.1929 31.7297 68.9648 40.465 70.0415ZM92.9735 87.6407C91.8551 88.2401 80.7575 96.4727 68.4769 99.5614C63.8476 100.737 61.628 100.142 65.0329 96.8964C67.9163 93.1434 78.3359 77.0202 80.2593 77.3138C81.3337 77.5634 92.9735 87.6407 92.9735 87.6407Z' fill='%23F4DC5B'/%3E %3C/svg%3E") no-repeat 50%;
    background-size: contain;
}

.stage-parent .inner .descr {
    margin-bottom: 0;
    font-size: 22px;
    max-width: 100%;
    text-align: center;
}

@media (max-width: 768px) {
    .stage-parent .inner {
        min-width: 80%;
    }
}

@media (max-width: 768px) {
    .stage-parent .inner .title {
        font-size: 45px;
        margin-bottom: 15px;
    }
}

@media (max-width: 768px) {
    .stage-parent .inner .title .icon-energy {
        width: 47px;
    }
    .stage-parent .inner .title .icon-energy:after {
        width: 50px;
        height: 70px;
        margin: 0;
        top: -33px;
    }
}

@media (max-width: 768px) {
    .stage-parent .inner .title .icon-list {
        width: 47px;
    }
    .stage-parent .inner .title .icon-list:after {
        width: 50px;
        height: 70px;
        margin: 0;
        top: -33px;
    }
}

@media (max-width: 768px) {
    .stage-parent .inner .descr {
        font-size: 14px;
    }
}

.stage-parent.is--circle {
    border-radius: 50%;
    background: #E74F99;
    color: #fff;
}

.stage-parent.is--square {
    border-radius: 200px;
    background: #2F3161;
    color: #fff;
}

@media (max-width: 768px) {
    .stage-parent.is--square {
        border-radius: 50px;
    }
}

.front-quote-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0.18fr 1fr;
        grid-template-columns: 1fr 0.18fr 1fr;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: center;
        justify-content: center;
}

.front-quote-block .thumb {
    -ms-grid-column-span: 2;
    -ms-grid-column: 1;
        grid-column: 1 / span 2;
    -ms-grid-row: 1;
        grid-row: 1;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
}

/* &:after {
            content: '';
            position: absolute;
            border-radius: 50%;
            bottom: 0;
            left: 0;
            right: 0;
            padding-bottom: 100%;
            height: 0;
            background: #D64089;
        } */

.front-quote-block .thumb img {
    display: block;
    position: relative;
    z-index: 1;
    max-width: 100%;
}

.front-quote-block .quote-block__text {
    -ms-grid-row: 1;
        grid-row: 1;
    -ms-grid-column-span: 2;
    -ms-grid-column: 2;
        grid-column: 2 / span 2;
    position: relative;
    z-index: 2;
}

@media (max-width: 768px) {
    .front-quote-block {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-direction: column;
            flex-direction: column;
    }
}

.quote-block__text {
    margin: 0;
    background: url(/bricks/css/images/quote-lg.png) no-repeat 50%;
    background-size: contain;
    font-family: Caveat;
    font-size: 49px;
    padding: 150px 150px 100px;
    text-align: center;
    transform: rotate(-4.252deg);
    position: relative;
    width: 850px;
}

.quote-block__text p {
    margin-bottom: 25px;
    line-height: 89%;
    letter-spacing: -1.96px;
}

.quote-block__text p:last-of-type {
    margin-bottom: 0 !important;
}

.quote-block__text .quote-icon {
    position: absolute;
    top: 6%;
    left: 20%;
}

@media (max-width: 768px) {
    .quote-block__text {
        min-width: 361px;
        min-height: 273px;
        font-size: 25px;
        padding: 50px 40px 0;
        width: 100%;
        background: url(/bricks/css/images/quote-xs.png) no-repeat 50%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        margin-top: -130px;
    }
}

@media (max-width: 768px) {
    .quote-block__text p {
        margin-bottom: 15px;
    }
}

@media (max-width: 768px) {
    .quote-block__text .quote-icon {
        transform: scale(0.4);
        left: 0px;
        top: 44px;
    }
}

.buy-video-wrap {
    position: absolute;
    top: 0;
    left: 0;
    height: 56%;
    right: 0;
    visibility: hidden;
}

.buy-video-wrap video {
    position: absolute;
    width: 100%;
    height: auto;
}

.video-frame .buy-video-wrap {
    position: relative;
    visibility: visible;
}

.video-frame .buy-video-wrap video {
    position: relative;
}

.buy-video-prev {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    position: relative;
}

.buy-video-prev .js-fancy-video {
    position: relative;
    display: block;
}

.buy-video-prev .js-fancy-video .icon-playcircle-2 {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -70px;
    margin-left: -70px;
}

.buy-video-prev .skewed {
    transform-origin: 50% 50%;
    transform: rotate(3.22deg);
}

.buy-video-prev img {
    border-radius: 30px;
    display: block;
    margin-bottom: 50px;
    width: 100%;
}

@media(max-width: 768px) {
    .buy-video-prev .js-fancy-video .icon-playcircle-2 {
        transform: scale(0.5);
    }
}

@media (max-width: 768px) {
    .buy-video-prev .skewed {
        margin: 0 10px;
    }
}

.figure-wrap {
    position: relative;
}

.figure-wrap figure {
    position: relative;
    z-index: 2;
}

.figure-wrap .stripe {}

.figure-wrap .stripe:nth-of-type(2n) {
    transform: translate(-50%, 50%) rotate(-23deg);
}

.stripe {
    position: absolute;
    left: 50%;
    top: 62%;
    transform: translate(-50%, 50%) rotate(10deg);
    width: 120vw;
    height: 62px;
    background: #000;
    display: -ms-flexbox;
    display: flex;
    gap: 35px;
    color: #F4DC5B;
    font-size: 60px;
    font-style: normal;
    font-weight: 800;
    line-height: 1em;
    letter-spacing: 3px;
    font-family: 'Bebas Neue';
    text-transform: uppercase;
    white-space: nowrap;
    -ms-flex-align: center;
        align-items: center;
    padding: 0 15px;
}

.stripe .phrase {
    height: 53px;
}

@media (max-width: 768px) {
    .stripe .phrase {
        height: 19px;
    }
}

@media (max-width: 768px) {
    .stripe {
        font-size: 20px;
        height: auto;
        padding-top: 3px;
        padding-bottom: 3px;
        top: -13%;
        gap: 12px;
        transform: translate(-50%, 50%) rotate(16deg);
    }
    .stripe:nth-of-type(2n) {
        top: 79%;
    }
}

.fill-bf-wrap {
    position: relative;
}

.fill-bf-wrap .bttn {
    position: relative;
    z-index: 2;
}

.fill-bf-wrap .stripe {
    top: -12px;
}

.center-single {
    margin-bottom: 150px;
    text-align: center;
}

.center-single p {
    max-width: 50%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
}

@media (max-width: 768px) {
    .center-single {
        margin-bottom: 45px;
    }
}

@media (max-width: 768px) {
    .center-single p {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.head-progress {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin-bottom: 50px;
}

.head-progress-wrap {}

@media (max-width: 768px) {
    .head-progress-wrap {
        display: block !important;
        margin-bottom: -20px !important;
        margin-top: -20px;
        transform: rotate(-4deg) scale(0.75);
        transform-origin: center left;
    }
}

.slide-formed {
    max-width: 452px;
    margin: auto;
    transform: rotate(-4deg);
}

.slide-formed .thumb img {
    display: block;
    border-radius: 20px;
}

.slide-formed .title {
    font-family: 'Caveat';
    font-size: 50px;
    letter-spacing: -2px;
    line-height: 89%;
    text-align: center;
    color: #fff;
    margin-top: 40px;
}

@media (max-width: 768px) {
    .slide-formed .title {
        font-size: 25px;
        margin-top: 25px;
    }
}

.contents-col {
    height: 100%;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

.contents-col .h3-style {
    margin-top: 0;
    margin-bottom: 40px;
}

.contents-col ul li {}

.contents-col ul li:last-of-type {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .contents-col {
        -ms-flex-align: center;
            align-items: center;
    }
    /*  margin-bottom: 40px; */
    .contents-col ul {
        margin-bottom: 40px;
    }
    .contents-col .first, .contents-col .second {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-align: center;
            align-items: center;
        /* margin-bottom: 40px; */
    }
}

@media (max-width: 768px) {
    .contents-col .h3-style {
        margin-bottom: 20px;
    }
}

.authors-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    grid-gap: 60px;
}

.authors-list .author {
    text-decoration: none;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: column;
        flex-direction: column;
    text-align: center;
}

.authors-list .author .thumb img {
    max-width: 100%;
}

.authors-list .author .name {
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    font-family: var(--hff);
    margin-bottom: 10px;
}

.authors-list .author .name .fw {
    color: #F4DC5B;
}

.authors-list .author .post {
    font-size: 22px;
    margin-bottom: 13px;
}

.authors-list .author .like-link {
    font-size: 20px;
    opacity: 0.5;
    position: relative;
    padding-right: 10px;
}

.authors-list .author .like-link:after {
    content: '';
    position: absolute;
    width: 7px;
    height: 11px;
    top: 10px;
    right: -3px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1.333 9.795 4-4-4-4'/%3E%3C/svg%3E") no-repeat 50%;
}

@media (max-width: 768px) {
    .authors-list {
        display: -ms-flexbox;
        display: flex;
        grid-gap: 0;
        -ms-flex-direction: column;
            flex-direction: column;
    }
}

@media (max-width: 768px) {
    .authors-list .author {
        -ms-flex-direction: row;
            flex-direction: row;
        gap: 10px;
        text-align: left;
    }
    .authors-list .author .thumb {
        margin-left: -20px;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
    }
}

@media (max-width: 768px) {
    .authors-list .author .name {
        font-size: 30px;
    }
}

@media (max-width: 768px) {
    .authors-list .author .post {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .authors-list .author .like-link {
        font-size: 12px;
    }
    .authors-list .author .like-link:after {
        background-size: 5px;
        top: 4px;
        right: -3px;
    }
}

.course-complect {
    max-width: 740px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    gap: 60px;
    text-align: center;
    margin: auto;
    color: #fff;
}

.course-complect ul {
    margin-left: auto;
    margin-right: auto;
    max-width: 570px;
}

@media (max-width: 768px) {
    .course-complect {
        gap: 30px;
    }
    .course-complect .bttn {
        width: 100%;
    }
}

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

.buy-complect-price {
    color: #F4DC5B;
    font-size: 100px;
    font-family: var(--hff);
    font-weight: 700;
    line-height: 100%;
}

@media (max-width: 768px) {
    .buy-complect-price {
        font-size: 64px;
    }
}

.buy-complect-agreement {
    font-size: 20px;
}

@media (max-width: 768px) {
    .buy-complect-agreement {
        font-size: 12px;
    }
}

/* LK */

body.style-prog {
    background: #2f3161;
    color: #fff;
}

.p-order {
    padding-bottom: 125px;
}

@media (max-width: 768px) {
    .p-order {
        padding-bottom: 60px;
    }
}

.p-order__search.p-order__search {
    -ms-flex-positive: 2;
        flex-grow: 2;
    max-width: 407px;
    position: relative;
}

.p-order__search.p-order__search input {
    width: 100%;
    color: #fff;
    background: rgba(255, 255, 255, .10);
    transition: all .3s ease-out;
    padding-left: 50px;
}

.p-order__search.p-order__search input + span {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 17px;
    left: 18px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9.167 16.333A6.667 6.667 0 1 0 9.167 3a6.667 6.667 0 0 0 0 13.333ZM17.5 18l-3.625-3.625'/%3E%3C/svg%3E") no-repeat 50%;
}

.p-order__search.p-order__search input:not(:placeholder-shown) {
    color: #2F3161;
    background: rgba(255, 255, 255, 1);
}

.p-order__search.p-order__search input:not(:placeholder-shown) + span {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none' stroke='%232F3161'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9.167 16.333A6.667 6.667 0 1 0 9.167 3a6.667 6.667 0 0 0 0 13.333ZM17.5 18l-3.625-3.625'/%3E%3C/svg%3E") no-repeat 50%;
}

@media (max-width: 768px) {
    .p-order__search.p-order__search {
        width: 35px;
        height: 35px;
        overflow: hidden;
    }
}

@media (max-width: 768px) {
    .p-order__search.p-order__search input + span {
        top: 8px;
    }
}

@media (max-width: 768px) {
    .p-order__search.p-order__search input {
        padding-left: 20px;
        position: absolute;
        opacity: 0;
        right: 0;
    }
}

.p-order__products {
    margin-bottom: 50px;
}

.p-order__products .thumb img {
    display: block;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
}

.p-order__products .p-order__top {
    position: relative;
}

.p-order__products .p-order__top .icon-playcircle {
    position: absolute;
    width: 60px;
    height: 60px;
    left: 50%;
    top: 50%;
    margin-top: -30px;
    margin-left: -30px;
}

.p-order__products .p-order__top .icon-playcircle:hover {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='149' height='149' viewBox='0 0 149 149' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cellipse cx='74.09' cy='74.6077' rx='36.9963' ry='36.9964' fill='white'/%3E %3Cpath d='M73.8997 12.9473C39.8632 12.9473 12.2393 40.5712 12.2393 74.6078C12.2393 108.644 39.8632 136.268 73.8997 136.268C107.936 136.268 135.56 108.644 135.56 74.6078C135.56 40.5712 107.998 12.9473 73.8997 12.9473ZM92.3979 88.3581L74.5163 98.6554C72.3637 99.9099 69.9169 100.571 67.4254 100.571C64.9339 100.571 62.487 99.9099 60.3344 98.6554C58.1647 97.4138 56.3644 95.6172 55.1183 93.45C53.8722 91.2828 53.2251 88.8232 53.2435 86.3233V65.667C53.2435 60.5492 55.8949 55.9247 60.3344 53.3349C64.774 50.7452 70.0768 50.7452 74.578 53.3349L92.4595 63.6322C96.8991 66.222 99.5505 70.7849 99.5505 75.9644C99.5505 81.1438 96.8991 85.7684 92.3979 88.3581Z' fill='%232F3161'/%3E %3C/svg%3E") no-repeat 50%;
    background-size: 60px;
}

.p-order__products .p-order__top .stickers-wrap {
    position: absolute;
    top: 20px;
    left: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 6px;
}

.p-order__products .p-order__top .stickers-wrap .stick {
    padding: 4px 12px;
    border-radius: 30px;
    color: #fff;
    background: #1CA159;
    font-size: 15px;
    font-weight: 600;
    line-height: 128%;
}

.p-order__products .p-order__product {
    text-decoration: none;
}

.p-order__products .duration {
    position: absolute;
    right: 23px;
    bottom: 31px;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 128%;
    color: #fff;
    background: #2F3161;
    padding: 4px 10px;
    border-radius: 30px;
}

.p-order__products .progbar {
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    height: 6px;
    background: rgba(255, 255, 255, .4);
}

.p-order__products .progbar span {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 6px;
    background: #F4DC5B;
}

.p-order__products .progbar span:after {
    content: '';
    background: #F4DC5B;
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    height: 10px;
    -webkit-mask-image: url(/bricks/css/images/cropper.png);
            mask-image: url(/bricks/css/images/cropper.png);
    transform: scale(1, -1);
    -webkit-mask-position: bottom left;
            mask-position: bottom left;
    -webkit-mask-repeat: repeat-x;
            mask-repeat: repeat-x;
    z-index: 3;
}

.p-order__products .progbar:before {
    content: '';
    background: rgba(255, 255, 255, .4);
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    height: 10px;
    -webkit-mask-image: url(/bricks/css/images/cropper.png);
            mask-image: url(/bricks/css/images/cropper.png);
    transform: scale(1, -1);
    -webkit-mask-position: bottom left;
            mask-position: bottom left;
    -webkit-mask-repeat: repeat-x;
            mask-repeat: repeat-x;
    z-index: 2;
}

@media (max-width: 768px) {
    .p-order__products .thumb img {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}

.p-order__product-wrap {
    transition: all .3s ease-out;
    margin-bottom: 25px;
}

.p-order__product-wrap.is--hidden {
    opacity: 0;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
}

@media (max-width: 768px) {
    .p-order__product-wrap {
        margin-bottom: 15px;
        padding: 0 !important;
    }
}

@media (max-width: 768px) {
    .p-order__product-wrap {}
}

.p-order__product-info {
    padding-top: 20px;
    position: relative;
}

.p-order__product-info .p-order__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 128%;
    color: #fff;
    margin-bottom: 7px;
}

.p-order__product-info .p-order__author {
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    color: rgba(255, 255, 255, .6);
    line-height: 120%;
}

.p-order__product-info:before {
    content: '';
    background: #2f3161;
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    height: 10px;
    -webkit-mask-image: url(/bricks/css/images/cropper.png);
            mask-image: url(/bricks/css/images/cropper.png);
    transform: scale(1, -1);
    -webkit-mask-position: bottom left;
            mask-position: bottom left;
    -webkit-mask-repeat: repeat-x;
            mask-repeat: repeat-x;
    z-index: 4;
}

@media (max-width: 768px) {
    .p-order__product-info .p-order__title {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 768px) {
    .p-order__product-info .p-order__author {
        padding-left: 20px;
        padding-right: 20px;
    }
}

body.p-product.p-product .l-main-head:after {
    display: none;
}

body.p-product.p-product .l-main-head {
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (max-width: 768px) {
    body.p-product.p-product .l-main-head .lg-icn {
        display: none;
    }
}

.p-page {
    padding-bottom: 125px;
}

@media (max-width: 768px) {
    .p-page {
        background: #fff;
        padding-bottom: 35px;
    }
}

.p-page__video {
    margin-bottom: 50px;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}

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

.p-page__video-inner {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: calc(100vh - 60px);
    /* .plyr__controls {
        max-width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
    } */
}

.p-page__video-inner .plyr {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.p-page__video-inner .plyr__video-wrapper {
    height: 100%;
}

.p-page__video-inner .l-video-player {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    position: relative;
    background: #000;
}

.p-page__video-inner video {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    display: block;
}

.p-page__video-inner .plyr__video-wrapper {
    position: relative;
}

.p-page__video-inner .plyr__poster {
    display: none;
}

.p-page__details .inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px 40px;
}

.p-page__details .inner .top {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
}

.p-page__details .author {
    color: rgba(255, 255, 255, .6);
    font-size: 18px;
}

.p-page__details .main-info {
    -ms-flex: calc(100% - 360px);
        flex: calc(100% - 360px);
}

.p-page__details .main-info .description {
    font-size: 18px;
    margin-bottom: 50px;
}

.p-page__details .main-tasks {
    -ms-flex: 0 0 320px;
        flex: 0 0 320px;
    /* .row--inline {
            .bttn {
                width: 100%;
            }
        } */
}

.p-page__details .main-tasks .tasks-descr {
    font-size: 18px;
    margin-bottom: 25px;
}

.p-page__details .main-tasks.is--larger {
    -ms-flex: calc(100% - 360px);
        flex: calc(100% - 360px);
}

@media (max-width: 768px) {
    .p-page__details {
        background: #fff;
        color: #2F3161;
        padding-top: 30px;
        --h1-fs: 22px;
    }
    .p-page__details .materials-list {
        margin-bottom: 30px;
    }
    .p-page__details .materials-list li {
        border-color: #BCBFDF;
    }
    .p-page__details .materials-list li a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        width: 100%;
        color: #2F3161 !important;
    }
    .p-page__details .materials-list li a .bttn {
        margin-left: auto;
    }
    .p-page__details .materials-list li a .ext {
        color: rgba(47, 49, 97, .8);
    }
}

@media (max-width: 768px) {
    .p-page__details .inner {
        gap: 0;
    }
}

@media (max-width: 768px) {
    .p-page__details .author {
        color: rgba(47, 49, 97, .6);
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    .p-page__details .main-info .description {
        font-size: 14px;
        margin-bottom: 30px;
    }
}

@media (max-width: 768px) {
    .p-page__details .main-tasks .tasks-descr {
        font-size: 14px;
        margin-bottom: 20px;
    }
}

.materials-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px 50px;
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}

.materials-list li {
    font-size: 18px;
}

.materials-list li .bttn {
    margin-left: 30px;
}

.materials-list li .ext {
    margin-left: 10px;
    color: rgba(255, 255, 255, .6);
}

.materials-list li a {
    text-decoration: none;
    color: #fff !important;
}

.materials-list li:after {
    display: none;
}

@media (max-width: 768px) {
    .materials-list {
        -ms-flex-direction: column;
            flex-direction: column;
        gap: 0;
    }
}

@media (max-width: 768px) {
    .materials-list li {
        margin-top: -1px;
        padding: 19px 0;
        font-size: 16px;
        margin-bottom: 0;
        border-top: 1px solid #676993;
        border-bottom: 1px solid #676993;
    }
}

@media(max-width: 768px) {
    .materials-list li a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
    }
    .materials-list li a .ext {
        -ms-flex-positive: 2;
            flex-grow: 2;
    }
}

.task-ready {
    margin-bottom: 40px;
}

.task-ready .task-thumb {
    margin-bottom: 10px;
}

.task-ready .task-thumb img {
    display: block;
    border-radius: 20px;
}

.task-ready .task-ready__txt {
    margin-bottom: 5px;
    font-size: 20px;
}

.task-ready .task-ready__date {
    font-size: 16px;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, .6);
}

.task-ready .js-link {
    color: #fff !important;
}

@media (max-width: 768px) {
    .task-ready {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
    }
    .task-ready .task-thumb {
        -ms-flex: 0 0 135px;
            flex: 0 0 135px;
        margin-right: 15px;
        margin-bottom: 0;
    }
    .task-ready .task-thumb img {
        max-width: 100%;
        border-radius: 12px;
    }
}

@media (max-width: 768px) {
    .task-ready .task-ready__txt {
        font-size: 16px;
        margin-bottom: 2px;
    }
}

@media (max-width: 768px) {
    .task-ready .task-ready__date {
        font-size: 12px;
        color: rgba(47, 49, 97, .6);
    }
}

@media (max-width: 768px) {
    .task-ready .js-link {
        color: #00A8F0 !important;
    }
}

.buy-complect-prices {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 35px;
}

.buy-complect-prices .buy-complect-price.is--old {
    font-size: 65px;
    color: #fff;
    position: relative;
    opacity: 0.5;
    letter-spacing: -1.3px;
}

.buy-complect-prices .buy-complect-price.is--old:after {
    content: '';
    width: 162px;
    height: 21px;
    position: absolute;
    top: 19px;
    left: 50%;
    margin-left: -81px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='162' height='21' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M8.645 12.186c-8.999 1.042-9.994 1.403-7.31 2.56 2.954 1.285 8.859 1.107 54.511-2.566C3.237 17.618-1.56 18.606.734 20.182c2.933 1.972 20.349.095 105.245-7.866 25.436-2.37 39.617-3.064 46.833-3.9 10.015-1.177 7.384-2.682 3.141-3.082l2.278-.406c5.993-1.063 2.042-3.817-5.784-3.991-6.88-.15-46.086 2.722-83.782 6.139-49.859 4.567-49.75 3.908-60.02 5.11Z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat 50%;
}

@media(max-width: 768px) {
    .buy-complect-prices .buy-complect-price.is--old {
        font-size: 34px;
    }
}

@media(max-width: 768px) {
    .buy-complect-prices .buy-complect-price.is--old:after {
        transform: scale(0.6);
        top: 6px;
    }
}

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container-sm, .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1320px;
    }
}

.row {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row.no-gutter {
    --bs-gutter-x: 0;
}

.row > * {
    box-sizing: border-box;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}

.col {
    -ms-flex: 1 0 0%;
        flex: 1 0 0%;
}

.row-cols-auto > * {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
}

.row-cols-1 > * {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 100%;
}

.row-cols-2 > * {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 50%;
}

.row-cols-3 > * {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 33.3333333333%;
}

.row-cols-4 > * {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 25%;
}

.row-cols-5 > * {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 20%;
}

.row-cols-6 > * {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 16.6666666667%;
}

.col-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
}

.col-1 {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 8.33333333%;
}

.col-2 {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 16.66666667%;
}

.col-3 {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 25%;
}

.col-4 {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 33.33333333%;
}

.col-5 {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 41.66666667%;
}

.col-6 {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 50%;
}

.col-7 {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 58.33333333%;
}

.col-8 {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 66.66666667%;
}

.col-9 {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 75%;
}

.col-10 {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 83.33333333%;
}

.col-11 {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 91.66666667%;
}

.col-12 {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 100%;
}

.offset-1 {
    margin-left: 8.33333333%;
}

.offset-2 {
    margin-left: 16.66666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.33333333%;
}

.offset-5 {
    margin-left: 41.66666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.33333333%;
}

.offset-8 {
    margin-left: 66.66666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.33333333%;
}

.offset-11 {
    margin-left: 91.66666667%;
}

.g-0, .gx-0 {
    --bs-gutter-x: 0;
}

.g-0, .gy-0 {
    --bs-gutter-y: 0;
}

.g-1, .gx-1 {
    --bs-gutter-x: 4px;
    --bs-gutter-x: 0.25rem;
}

.g-1, .gy-1 {
    --bs-gutter-y: 4px;
    --bs-gutter-y: 0.25rem;
}

.g-2, .gx-2 {
    --bs-gutter-x: 8px;
    --bs-gutter-x: 0.5rem;
}

.g-2, .gy-2 {
    --bs-gutter-y: 8px;
    --bs-gutter-y: 0.5rem;
}

.g-3, .gx-3 {
    --bs-gutter-x: 16px;
    --bs-gutter-x: 1rem;
}

.g-3, .gy-3 {
    --bs-gutter-y: 16px;
    --bs-gutter-y: 1rem;
}

.g-4, .gx-4 {
    --bs-gutter-x: 24px;
    --bs-gutter-x: 1.5rem;
}

.g-4, .gy-4 {
    --bs-gutter-y: 24px;
    --bs-gutter-y: 1.5rem;
}

.g-5, .gx-5 {
    --bs-gutter-x: 48px;
    --bs-gutter-x: 3rem;
}

.g-5, .gy-5 {
    --bs-gutter-y: 48px;
    --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    }
    .row-cols-sm-auto > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: auto;
    }
    .row-cols-sm-1 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-sm-2 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-sm-3 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-sm-4 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-sm-5 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-sm-6 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-sm-auto {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: auto;
    }
    .col-sm-1 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-sm-2 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-sm-3 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 25%;
    }
    .col-sm-4 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-sm-5 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-sm-6 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 50%;
    }
    .col-sm-7 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-sm-8 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-sm-9 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 75%;
    }
    .col-sm-10 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-sm-11 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-sm-12 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 100%;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.33333333%;
    }
    .offset-sm-2 {
        margin-left: 16.66666667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.33333333%;
    }
    .offset-sm-5 {
        margin-left: 41.66666667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.33333333%;
    }
    .offset-sm-8 {
        margin-left: 66.66666667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.33333333%;
    }
    .offset-sm-11 {
        margin-left: 91.66666667%;
    }
    .g-sm-0, .gx-sm-0 {
        --bs-gutter-x: 0;
    }
    .g-sm-0, .gy-sm-0 {
        --bs-gutter-y: 0;
    }
    .g-sm-1, .gx-sm-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-sm-1, .gy-sm-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-sm-2, .gx-sm-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-sm-2, .gy-sm-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-sm-3, .gx-sm-3 {
        --bs-gutter-x: 1rem;
    }
    .g-sm-3, .gy-sm-3 {
        --bs-gutter-y: 1rem;
    }
    .g-sm-4, .gx-sm-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-sm-4, .gy-sm-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-sm-5, .gx-sm-5 {
        --bs-gutter-x: 3rem;
    }
    .g-sm-5, .gy-sm-5 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    }
    .row-cols-md-auto > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: auto;
    }
    .row-cols-md-1 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-md-2 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-md-3 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-md-4 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-md-5 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-md-6 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-md-auto {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: auto;
    }
    .col-md-1 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-md-2 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-md-3 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 25%;
    }
    .col-md-4 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-md-5 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-md-6 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 50%;
    }
    .col-md-7 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-md-8 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-md-9 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 75%;
    }
    .col-md-10 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-md-11 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-md-12 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 100%;
    }
    .offset-md-0 {
        margin-left: 0;
    }
    .offset-md-1 {
        margin-left: 8.33333333%;
    }
    .offset-md-2 {
        margin-left: 16.66666667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.33333333%;
    }
    .offset-md-5 {
        margin-left: 41.66666667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.33333333%;
    }
    .offset-md-8 {
        margin-left: 66.66666667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.33333333%;
    }
    .offset-md-11 {
        margin-left: 91.66666667%;
    }
    .g-md-0, .gx-md-0 {
        --bs-gutter-x: 0;
    }
    .g-md-0, .gy-md-0 {
        --bs-gutter-y: 0;
    }
    .g-md-1, .gx-md-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-md-1, .gy-md-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-md-2, .gx-md-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-md-2, .gy-md-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-md-3, .gx-md-3 {
        --bs-gutter-x: 1rem;
    }
    .g-md-3, .gy-md-3 {
        --bs-gutter-y: 1rem;
    }
    .g-md-4, .gx-md-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-md-4, .gy-md-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-md-5, .gx-md-5 {
        --bs-gutter-x: 3rem;
    }
    .g-md-5, .gy-md-5 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    }
    .row-cols-lg-auto > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: auto;
    }
    .row-cols-lg-1 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-lg-2 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-lg-3 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-lg-4 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-lg-5 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-lg-6 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-lg-auto {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: auto;
    }
    .col-lg-1 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-lg-2 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-lg-3 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 25%;
    }
    .col-lg-4 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-lg-5 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-lg-6 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 50%;
    }
    .col-lg-7 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-lg-8 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-lg-9 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 75%;
    }
    .col-lg-10 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-lg-11 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-lg-12 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 100%;
    }
    .offset-lg-0 {
        margin-left: 0;
    }
    .offset-lg-1 {
        margin-left: 8.33333333%;
    }
    .offset-lg-2 {
        margin-left: 16.66666667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.33333333%;
    }
    .offset-lg-5 {
        margin-left: 41.66666667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.33333333%;
    }
    .offset-lg-8 {
        margin-left: 66.66666667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.33333333%;
    }
    .offset-lg-11 {
        margin-left: 91.66666667%;
    }
    .g-lg-0, .gx-lg-0 {
        --bs-gutter-x: 0;
    }
    .g-lg-0, .gy-lg-0 {
        --bs-gutter-y: 0;
    }
    .g-lg-1, .gx-lg-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-lg-1, .gy-lg-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-lg-2, .gx-lg-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-lg-2, .gy-lg-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-lg-3, .gx-lg-3 {
        --bs-gutter-x: 1rem;
    }
    .g-lg-3, .gy-lg-3 {
        --bs-gutter-y: 1rem;
    }
    .g-lg-4, .gx-lg-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-lg-4, .gy-lg-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-lg-5, .gx-lg-5 {
        --bs-gutter-x: 3rem;
    }
    .g-lg-5, .gy-lg-5 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    }
    .row-cols-xl-auto > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: auto;
    }
    .row-cols-xl-1 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-xl-2 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-xl-3 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-xl-4 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-xl-5 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-xl-6 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-xl-auto {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: auto;
    }
    .col-xl-1 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-xl-2 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-xl-3 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 25%;
    }
    .col-xl-4 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-xl-5 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-xl-6 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 50%;
    }
    .col-xl-7 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-xl-8 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-xl-9 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 75%;
    }
    .col-xl-10 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-xl-11 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-xl-12 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 100%;
    }
    .offset-xl-0 {
        margin-left: 0;
    }
    .offset-xl-1 {
        margin-left: 8.33333333%;
    }
    .offset-xl-2 {
        margin-left: 16.66666667%;
    }
    .offset-xl-3 {
        margin-left: 25%;
    }
    .offset-xl-4 {
        margin-left: 33.33333333%;
    }
    .offset-xl-5 {
        margin-left: 41.66666667%;
    }
    .offset-xl-6 {
        margin-left: 50%;
    }
    .offset-xl-7 {
        margin-left: 58.33333333%;
    }
    .offset-xl-8 {
        margin-left: 66.66666667%;
    }
    .offset-xl-9 {
        margin-left: 75%;
    }
    .offset-xl-10 {
        margin-left: 83.33333333%;
    }
    .offset-xl-11 {
        margin-left: 91.66666667%;
    }
    .g-xl-0, .gx-xl-0 {
        --bs-gutter-x: 0;
    }
    .g-xl-0, .gy-xl-0 {
        --bs-gutter-y: 0;
    }
    .g-xl-1, .gx-xl-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-xl-1, .gy-xl-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-xl-2, .gx-xl-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-xl-2, .gy-xl-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-xl-3, .gx-xl-3 {
        --bs-gutter-x: 1rem;
    }
    .g-xl-3, .gy-xl-3 {
        --bs-gutter-y: 1rem;
    }
    .g-xl-4, .gx-xl-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-xl-4, .gy-xl-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-xl-5, .gx-xl-5 {
        --bs-gutter-x: 3rem;
    }
    .g-xl-5, .gy-xl-5 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    }
    .row-cols-xxl-auto > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: auto;
    }
    .row-cols-xxl-1 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-xxl-2 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-xxl-3 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-xxl-4 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-xxl-5 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-xxl-6 > * {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-xxl-auto {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: auto;
    }
    .col-xxl-1 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-xxl-2 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-xxl-3 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 25%;
    }
    .col-xxl-4 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-xxl-5 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-xxl-6 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 50%;
    }
    .col-xxl-7 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-xxl-8 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-xxl-9 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 75%;
    }
    .col-xxl-10 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-xxl-11 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-xxl-12 {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        width: 100%;
    }
    .offset-xxl-0 {
        margin-left: 0;
    }
    .offset-xxl-1 {
        margin-left: 8.33333333%;
    }
    .offset-xxl-2 {
        margin-left: 16.66666667%;
    }
    .offset-xxl-3 {
        margin-left: 25%;
    }
    .offset-xxl-4 {
        margin-left: 33.33333333%;
    }
    .offset-xxl-5 {
        margin-left: 41.66666667%;
    }
    .offset-xxl-6 {
        margin-left: 50%;
    }
    .offset-xxl-7 {
        margin-left: 58.33333333%;
    }
    .offset-xxl-8 {
        margin-left: 66.66666667%;
    }
    .offset-xxl-9 {
        margin-left: 75%;
    }
    .offset-xxl-10 {
        margin-left: 83.33333333%;
    }
    .offset-xxl-11 {
        margin-left: 91.66666667%;
    }
    .g-xxl-0, .gx-xxl-0 {
        --bs-gutter-x: 0;
    }
    .g-xxl-0, .gy-xxl-0 {
        --bs-gutter-y: 0;
    }
    .g-xxl-1, .gx-xxl-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-xxl-1, .gy-xxl-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-xxl-2, .gx-xxl-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-xxl-2, .gy-xxl-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-xxl-3, .gx-xxl-3 {
        --bs-gutter-x: 1rem;
    }
    .g-xxl-3, .gy-xxl-3 {
        --bs-gutter-y: 1rem;
    }
    .g-xxl-4, .gx-xxl-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-xxl-4, .gy-xxl-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-xxl-5, .gx-xxl-5 {
        --bs-gutter-x: 3rem;
    }
    .g-xxl-5, .gy-xxl-5 {
        --bs-gutter-y: 3rem;
    }
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-grid {
    display: -ms-grid !important;
    display: grid !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

.d-none {
    display: none !important;
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
}

.flex-row {
    -ms-flex-direction: row !important;
        flex-direction: row !important;
}

.flex-column {
    -ms-flex-direction: column !important;
        flex-direction: column !important;
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    -ms-flex-pack: start !important;
        justify-content: flex-start !important;
}

.justify-content-end {
    -ms-flex-pack: end !important;
        justify-content: flex-end !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
        justify-content: center !important;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
        justify-content: space-between !important;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
}

.justify-content-evenly {
    -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important;
}

.align-items-start {
    -ms-flex-align: start !important;
        align-items: flex-start !important;
}

.align-items-end {
    -ms-flex-align: end !important;
        align-items: flex-end !important;
}

.align-items-center {
    -ms-flex-align: center !important;
        align-items: center !important;
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
        align-items: baseline !important;
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
        align-items: stretch !important;
}

.align-content-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
}

.align-content-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
}

.align-content-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important;
}

.align-self-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
}

.align-self-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
}

.align-self-center {
    -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important;
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
}

.order-first {
    -ms-flex-order: -1 !important;
        order: -1 !important;
}

.order-0 {
    -ms-flex-order: 0 !important;
        order: 0 !important;
}

.order-1 {
    -ms-flex-order: 1 !important;
        order: 1 !important;
}

.order-2 {
    -ms-flex-order: 2 !important;
        order: 2 !important;
}

.order-3 {
    -ms-flex-order: 3 !important;
        order: 3 !important;
}

.order-4 {
    -ms-flex-order: 4 !important;
        order: 4 !important;
}

.order-5 {
    -ms-flex-order: 5 !important;
        order: 5 !important;
}

.order-last {
    -ms-flex-order: 6 !important;
        order: 6 !important;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 4px !important;
    margin: 0.25rem !important;
}

.m-2 {
    margin: 8px !important;
    margin: 0.5rem !important;
}

.m-3 {
    margin: 16px !important;
    margin: 1rem !important;
}

.m-4 {
    margin: 24px !important;
    margin: 1.5rem !important;
}

.m-5 {
    margin: 48px !important;
    margin: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mx-1 {
    margin-right: 4px !important;
    margin-right: 0.25rem !important;
    margin-left: 4px !important;
    margin-left: 0.25rem !important;
}

.mx-2 {
    margin-right: 8px !important;
    margin-right: 0.5rem !important;
    margin-left: 8px !important;
    margin-left: 0.5rem !important;
}

.mx-3 {
    margin-right: 16px !important;
    margin-right: 1rem !important;
    margin-left: 16px !important;
    margin-left: 1rem !important;
}

.mx-4 {
    margin-right: 24px !important;
    margin-right: 1.5rem !important;
    margin-left: 24px !important;
    margin-left: 1.5rem !important;
}

.mx-5 {
    margin-right: 48px !important;
    margin-right: 3rem !important;
    margin-left: 48px !important;
    margin-left: 3rem !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 4px !important;
    margin-top: 0.25rem !important;
    margin-bottom: 4px !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 8px !important;
    margin-top: 0.5rem !important;
    margin-bottom: 8px !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 16px !important;
    margin-top: 1rem !important;
    margin-bottom: 16px !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 24px !important;
    margin-top: 1.5rem !important;
    margin-bottom: 24px !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 48px !important;
    margin-top: 3rem !important;
    margin-bottom: 48px !important;
    margin-bottom: 3rem !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 4px !important;
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 8px !important;
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 16px !important;
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 24px !important;
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 48px !important;
    margin-top: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.me-0 {
    margin-right: 0 !important;
}

.me-1 {
    margin-right: 4px !important;
    margin-right: 0.25rem !important;
}

.me-2 {
    margin-right: 8px !important;
    margin-right: 0.5rem !important;
}

.me-3 {
    margin-right: 16px !important;
    margin-right: 1rem !important;
}

.me-4 {
    margin-right: 24px !important;
    margin-right: 1.5rem !important;
}

.me-5 {
    margin-right: 48px !important;
    margin-right: 3rem !important;
}

.me-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 4px !important;
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 8px !important;
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 16px !important;
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 24px !important;
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 48px !important;
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-1 {
    margin-left: 4px !important;
    margin-left: 0.25rem !important;
}

.ms-2 {
    margin-left: 8px !important;
    margin-left: 0.5rem !important;
}

.ms-3 {
    margin-left: 16px !important;
    margin-left: 1rem !important;
}

.ms-4 {
    margin-left: 24px !important;
    margin-left: 1.5rem !important;
}

.ms-5 {
    margin-left: 48px !important;
    margin-left: 3rem !important;
}

.ms-auto {
    margin-left: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 4px !important;
    padding: 0.25rem !important;
}

.p-2 {
    padding: 8px !important;
    padding: 0.5rem !important;
}

.p-3 {
    padding: 16px !important;
    padding: 1rem !important;
}

.p-4 {
    padding: 24px !important;
    padding: 1.5rem !important;
}

.p-5 {
    padding: 48px !important;
    padding: 3rem !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-1 {
    padding-right: 4px !important;
    padding-right: 0.25rem !important;
    padding-left: 4px !important;
    padding-left: 0.25rem !important;
}

.px-2 {
    padding-right: 8px !important;
    padding-right: 0.5rem !important;
    padding-left: 8px !important;
    padding-left: 0.5rem !important;
}

.px-3 {
    padding-right: 16px !important;
    padding-right: 1rem !important;
    padding-left: 16px !important;
    padding-left: 1rem !important;
}

.px-4 {
    padding-right: 24px !important;
    padding-right: 1.5rem !important;
    padding-left: 24px !important;
    padding-left: 1.5rem !important;
}

.px-5 {
    padding-right: 48px !important;
    padding-right: 3rem !important;
    padding-left: 48px !important;
    padding-left: 3rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 4px !important;
    padding-top: 0.25rem !important;
    padding-bottom: 4px !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 8px !important;
    padding-top: 0.5rem !important;
    padding-bottom: 8px !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 16px !important;
    padding-top: 1rem !important;
    padding-bottom: 16px !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 24px !important;
    padding-top: 1.5rem !important;
    padding-bottom: 24px !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 48px !important;
    padding-top: 3rem !important;
    padding-bottom: 48px !important;
    padding-bottom: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 4px !important;
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 8px !important;
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 16px !important;
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 24px !important;
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 48px !important;
    padding-top: 3rem !important;
}

.pe-0 {
    padding-right: 0 !important;
}

.pe-1 {
    padding-right: 4px !important;
    padding-right: 0.25rem !important;
}

.pe-2 {
    padding-right: 8px !important;
    padding-right: 0.5rem !important;
}

.pe-3 {
    padding-right: 16px !important;
    padding-right: 1rem !important;
}

.pe-4 {
    padding-right: 24px !important;
    padding-right: 1.5rem !important;
}

.pe-5 {
    padding-right: 48px !important;
    padding-right: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 4px !important;
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 8px !important;
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 16px !important;
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 24px !important;
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 48px !important;
    padding-bottom: 3rem !important;
}

.ps-0 {
    padding-left: 0 !important;
}

.ps-1 {
    padding-left: 4px !important;
    padding-left: 0.25rem !important;
}

.ps-2 {
    padding-left: 8px !important;
    padding-left: 0.5rem !important;
}

.ps-3 {
    padding-left: 16px !important;
    padding-left: 1rem !important;
}

.ps-4 {
    padding-left: 24px !important;
    padding-left: 1.5rem !important;
}

.ps-5 {
    padding-left: 48px !important;
    padding-left: 3rem !important;
}

@media (min-width: 576px) {
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-grid {
        display: -ms-grid !important;
        display: grid !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
    .d-sm-none {
        display: none !important;
    }
    .flex-sm-fill {
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
    }
    .flex-sm-row {
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    }
    .flex-sm-column {
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    }
    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
    }
    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
    }
    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
    }
    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
    }
    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
    }
    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important;
    }
    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
    }
    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important;
    }
    .justify-content-sm-start {
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    }
    .justify-content-sm-end {
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
    }
    .justify-content-sm-center {
        -ms-flex-pack: center !important;
            justify-content: center !important;
    }
    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    }
    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
    }
    .justify-content-sm-evenly {
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
    }
    .align-items-sm-start {
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    }
    .align-items-sm-end {
        -ms-flex-align: end !important;
            align-items: flex-end !important;
    }
    .align-items-sm-center {
        -ms-flex-align: center !important;
            align-items: center !important;
    }
    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
    }
    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
    }
    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
    }
    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
    }
    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
            align-content: center !important;
    }
    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
    }
    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
    }
    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
    }
    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
            -ms-grid-row-align: auto !important;
            align-self: auto !important;
    }
    .align-self-sm-start {
        -ms-flex-item-align: start !important;
            align-self: flex-start !important;
    }
    .align-self-sm-end {
        -ms-flex-item-align: end !important;
            align-self: flex-end !important;
    }
    .align-self-sm-center {
        -ms-flex-item-align: center !important;
            -ms-grid-row-align: center !important;
            align-self: center !important;
    }
    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
    }
    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
            -ms-grid-row-align: stretch !important;
            align-self: stretch !important;
    }
    .order-sm-first {
        -ms-flex-order: -1 !important;
            order: -1 !important;
    }
    .order-sm-0 {
        -ms-flex-order: 0 !important;
            order: 0 !important;
    }
    .order-sm-1 {
        -ms-flex-order: 1 !important;
            order: 1 !important;
    }
    .order-sm-2 {
        -ms-flex-order: 2 !important;
            order: 2 !important;
    }
    .order-sm-3 {
        -ms-flex-order: 3 !important;
            order: 3 !important;
    }
    .order-sm-4 {
        -ms-flex-order: 4 !important;
            order: 4 !important;
    }
    .order-sm-5 {
        -ms-flex-order: 5 !important;
            order: 5 !important;
    }
    .order-sm-last {
        -ms-flex-order: 6 !important;
            order: 6 !important;
    }
    .m-sm-0 {
        margin: 0 !important;
    }
    .m-sm-1 {
        margin: 0.25rem !important;
    }
    .m-sm-2 {
        margin: 0.5rem !important;
    }
    .m-sm-3 {
        margin: 1rem !important;
    }
    .m-sm-4 {
        margin: 1.5rem !important;
    }
    .m-sm-5 {
        margin: 3rem !important;
    }
    .m-sm-auto {
        margin: auto !important;
    }
    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-sm-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-sm-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-sm-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-sm-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-sm-0 {
        margin-top: 0 !important;
    }
    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }
    .mt-sm-2 {
        margin-top: 0.5rem !important;
    }
    .mt-sm-3 {
        margin-top: 1rem !important;
    }
    .mt-sm-4 {
        margin-top: 1.5rem !important;
    }
    .mt-sm-5 {
        margin-top: 3rem !important;
    }
    .mt-sm-auto {
        margin-top: auto !important;
    }
    .me-sm-0 {
        margin-right: 0 !important;
    }
    .me-sm-1 {
        margin-right: 0.25rem !important;
    }
    .me-sm-2 {
        margin-right: 0.5rem !important;
    }
    .me-sm-3 {
        margin-right: 1rem !important;
    }
    .me-sm-4 {
        margin-right: 1.5rem !important;
    }
    .me-sm-5 {
        margin-right: 3rem !important;
    }
    .me-sm-auto {
        margin-right: auto !important;
    }
    .mb-sm-0 {
        margin-bottom: 0 !important;
    }
    .mb-sm-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-sm-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-sm-3 {
        margin-bottom: 1rem !important;
    }
    .mb-sm-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-sm-5 {
        margin-bottom: 3rem !important;
    }
    .mb-sm-auto {
        margin-bottom: auto !important;
    }
    .ms-sm-0 {
        margin-left: 0 !important;
    }
    .ms-sm-1 {
        margin-left: 0.25rem !important;
    }
    .ms-sm-2 {
        margin-left: 0.5rem !important;
    }
    .ms-sm-3 {
        margin-left: 1rem !important;
    }
    .ms-sm-4 {
        margin-left: 1.5rem !important;
    }
    .ms-sm-5 {
        margin-left: 3rem !important;
    }
    .ms-sm-auto {
        margin-left: auto !important;
    }
    .p-sm-0 {
        padding: 0 !important;
    }
    .p-sm-1 {
        padding: 0.25rem !important;
    }
    .p-sm-2 {
        padding: 0.5rem !important;
    }
    .p-sm-3 {
        padding: 1rem !important;
    }
    .p-sm-4 {
        padding: 1.5rem !important;
    }
    .p-sm-5 {
        padding: 3rem !important;
    }
    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-sm-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-sm-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-sm-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-sm-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-sm-0 {
        padding-top: 0 !important;
    }
    .pt-sm-1 {
        padding-top: 0.25rem !important;
    }
    .pt-sm-2 {
        padding-top: 0.5rem !important;
    }
    .pt-sm-3 {
        padding-top: 1rem !important;
    }
    .pt-sm-4 {
        padding-top: 1.5rem !important;
    }
    .pt-sm-5 {
        padding-top: 3rem !important;
    }
    .pe-sm-0 {
        padding-right: 0 !important;
    }
    .pe-sm-1 {
        padding-right: 0.25rem !important;
    }
    .pe-sm-2 {
        padding-right: 0.5rem !important;
    }
    .pe-sm-3 {
        padding-right: 1rem !important;
    }
    .pe-sm-4 {
        padding-right: 1.5rem !important;
    }
    .pe-sm-5 {
        padding-right: 3rem !important;
    }
    .pb-sm-0 {
        padding-bottom: 0 !important;
    }
    .pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-sm-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }
    .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-sm-5 {
        padding-bottom: 3rem !important;
    }
    .ps-sm-0 {
        padding-left: 0 !important;
    }
    .ps-sm-1 {
        padding-left: 0.25rem !important;
    }
    .ps-sm-2 {
        padding-left: 0.5rem !important;
    }
    .ps-sm-3 {
        padding-left: 1rem !important;
    }
    .ps-sm-4 {
        padding-left: 1.5rem !important;
    }
    .ps-sm-5 {
        padding-left: 3rem !important;
    }
}

@media (min-width: 768px) {
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-grid {
        display: -ms-grid !important;
        display: grid !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
    .d-md-none {
        display: none !important;
    }
    .flex-md-fill {
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
    }
    .flex-md-row {
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    }
    .flex-md-column {
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    }
    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
    }
    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
    }
    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
    }
    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
    }
    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
    }
    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important;
    }
    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
    }
    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
    }
    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important;
    }
    .justify-content-md-start {
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    }
    .justify-content-md-end {
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
    }
    .justify-content-md-center {
        -ms-flex-pack: center !important;
            justify-content: center !important;
    }
    .justify-content-md-between {
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    }
    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
    }
    .justify-content-md-evenly {
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
    }
    .align-items-md-start {
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    }
    .align-items-md-end {
        -ms-flex-align: end !important;
            align-items: flex-end !important;
    }
    .align-items-md-center {
        -ms-flex-align: center !important;
            align-items: center !important;
    }
    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
    }
    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
    }
    .align-content-md-start {
        -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
    }
    .align-content-md-end {
        -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
    }
    .align-content-md-center {
        -ms-flex-line-pack: center !important;
            align-content: center !important;
    }
    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
    }
    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
    }
    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
    }
    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
            -ms-grid-row-align: auto !important;
            align-self: auto !important;
    }
    .align-self-md-start {
        -ms-flex-item-align: start !important;
            align-self: flex-start !important;
    }
    .align-self-md-end {
        -ms-flex-item-align: end !important;
            align-self: flex-end !important;
    }
    .align-self-md-center {
        -ms-flex-item-align: center !important;
            -ms-grid-row-align: center !important;
            align-self: center !important;
    }
    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
    }
    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
            -ms-grid-row-align: stretch !important;
            align-self: stretch !important;
    }
    .order-md-first {
        -ms-flex-order: -1 !important;
            order: -1 !important;
    }
    .order-md-0 {
        -ms-flex-order: 0 !important;
            order: 0 !important;
    }
    .order-md-1 {
        -ms-flex-order: 1 !important;
            order: 1 !important;
    }
    .order-md-2 {
        -ms-flex-order: 2 !important;
            order: 2 !important;
    }
    .order-md-3 {
        -ms-flex-order: 3 !important;
            order: 3 !important;
    }
    .order-md-4 {
        -ms-flex-order: 4 !important;
            order: 4 !important;
    }
    .order-md-5 {
        -ms-flex-order: 5 !important;
            order: 5 !important;
    }
    .order-md-last {
        -ms-flex-order: 6 !important;
            order: 6 !important;
    }
    .m-md-0 {
        margin: 0 !important;
    }
    .m-md-1 {
        margin: 0.25rem !important;
    }
    .m-md-2 {
        margin: 0.5rem !important;
    }
    .m-md-3 {
        margin: 1rem !important;
    }
    .m-md-4 {
        margin: 1.5rem !important;
    }
    .m-md-5 {
        margin: 3rem !important;
    }
    .m-md-auto {
        margin: auto !important;
    }
    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-md-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-md-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-md-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-md-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-md-0 {
        margin-top: 0 !important;
    }
    .mt-md-1 {
        margin-top: 0.25rem !important;
    }
    .mt-md-2 {
        margin-top: 0.5rem !important;
    }
    .mt-md-3 {
        margin-top: 1rem !important;
    }
    .mt-md-4 {
        margin-top: 1.5rem !important;
    }
    .mt-md-5 {
        margin-top: 3rem !important;
    }
    .mt-md-auto {
        margin-top: auto !important;
    }
    .me-md-0 {
        margin-right: 0 !important;
    }
    .me-md-1 {
        margin-right: 0.25rem !important;
    }
    .me-md-2 {
        margin-right: 0.5rem !important;
    }
    .me-md-3 {
        margin-right: 1rem !important;
    }
    .me-md-4 {
        margin-right: 1.5rem !important;
    }
    .me-md-5 {
        margin-right: 3rem !important;
    }
    .me-md-auto {
        margin-right: auto !important;
    }
    .mb-md-0 {
        margin-bottom: 0 !important;
    }
    .mb-md-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-md-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-md-3 {
        margin-bottom: 1rem !important;
    }
    .mb-md-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-md-5 {
        margin-bottom: 3rem !important;
    }
    .mb-md-auto {
        margin-bottom: auto !important;
    }
    .ms-md-0 {
        margin-left: 0 !important;
    }
    .ms-md-1 {
        margin-left: 0.25rem !important;
    }
    .ms-md-2 {
        margin-left: 0.5rem !important;
    }
    .ms-md-3 {
        margin-left: 1rem !important;
    }
    .ms-md-4 {
        margin-left: 1.5rem !important;
    }
    .ms-md-5 {
        margin-left: 3rem !important;
    }
    .ms-md-auto {
        margin-left: auto !important;
    }
    .p-md-0 {
        padding: 0 !important;
    }
    .p-md-1 {
        padding: 0.25rem !important;
    }
    .p-md-2 {
        padding: 0.5rem !important;
    }
    .p-md-3 {
        padding: 1rem !important;
    }
    .p-md-4 {
        padding: 1.5rem !important;
    }
    .p-md-5 {
        padding: 3rem !important;
    }
    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-md-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-md-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-md-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-md-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-md-0 {
        padding-top: 0 !important;
    }
    .pt-md-1 {
        padding-top: 0.25rem !important;
    }
    .pt-md-2 {
        padding-top: 0.5rem !important;
    }
    .pt-md-3 {
        padding-top: 1rem !important;
    }
    .pt-md-4 {
        padding-top: 1.5rem !important;
    }
    .pt-md-5 {
        padding-top: 3rem !important;
    }
    .pe-md-0 {
        padding-right: 0 !important;
    }
    .pe-md-1 {
        padding-right: 0.25rem !important;
    }
    .pe-md-2 {
        padding-right: 0.5rem !important;
    }
    .pe-md-3 {
        padding-right: 1rem !important;
    }
    .pe-md-4 {
        padding-right: 1.5rem !important;
    }
    .pe-md-5 {
        padding-right: 3rem !important;
    }
    .pb-md-0 {
        padding-bottom: 0 !important;
    }
    .pb-md-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-md-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-md-3 {
        padding-bottom: 1rem !important;
    }
    .pb-md-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-md-5 {
        padding-bottom: 3rem !important;
    }
    .ps-md-0 {
        padding-left: 0 !important;
    }
    .ps-md-1 {
        padding-left: 0.25rem !important;
    }
    .ps-md-2 {
        padding-left: 0.5rem !important;
    }
    .ps-md-3 {
        padding-left: 1rem !important;
    }
    .ps-md-4 {
        padding-left: 1.5rem !important;
    }
    .ps-md-5 {
        padding-left: 3rem !important;
    }
}

@media (min-width: 992px) {
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-grid {
        display: -ms-grid !important;
        display: grid !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
    .d-lg-none {
        display: none !important;
    }
    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
    }
    .flex-lg-row {
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    }
    .flex-lg-column {
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    }
    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
    }
    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
    }
    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
    }
    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
    }
    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
    }
    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important;
    }
    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
    }
    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
    }
    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important;
    }
    .justify-content-lg-start {
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    }
    .justify-content-lg-end {
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
    }
    .justify-content-lg-center {
        -ms-flex-pack: center !important;
            justify-content: center !important;
    }
    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    }
    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
    }
    .justify-content-lg-evenly {
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
    }
    .align-items-lg-start {
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    }
    .align-items-lg-end {
        -ms-flex-align: end !important;
            align-items: flex-end !important;
    }
    .align-items-lg-center {
        -ms-flex-align: center !important;
            align-items: center !important;
    }
    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
    }
    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
    }
    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
    }
    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
    }
    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
            align-content: center !important;
    }
    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
    }
    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
    }
    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
    }
    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
            -ms-grid-row-align: auto !important;
            align-self: auto !important;
    }
    .align-self-lg-start {
        -ms-flex-item-align: start !important;
            align-self: flex-start !important;
    }
    .align-self-lg-end {
        -ms-flex-item-align: end !important;
            align-self: flex-end !important;
    }
    .align-self-lg-center {
        -ms-flex-item-align: center !important;
            -ms-grid-row-align: center !important;
            align-self: center !important;
    }
    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
    }
    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
            -ms-grid-row-align: stretch !important;
            align-self: stretch !important;
    }
    .order-lg-first {
        -ms-flex-order: -1 !important;
            order: -1 !important;
    }
    .order-lg-0 {
        -ms-flex-order: 0 !important;
            order: 0 !important;
    }
    .order-lg-1 {
        -ms-flex-order: 1 !important;
            order: 1 !important;
    }
    .order-lg-2 {
        -ms-flex-order: 2 !important;
            order: 2 !important;
    }
    .order-lg-3 {
        -ms-flex-order: 3 !important;
            order: 3 !important;
    }
    .order-lg-4 {
        -ms-flex-order: 4 !important;
            order: 4 !important;
    }
    .order-lg-5 {
        -ms-flex-order: 5 !important;
            order: 5 !important;
    }
    .order-lg-last {
        -ms-flex-order: 6 !important;
            order: 6 !important;
    }
    .m-lg-0 {
        margin: 0 !important;
    }
    .m-lg-1 {
        margin: 0.25rem !important;
    }
    .m-lg-2 {
        margin: 0.5rem !important;
    }
    .m-lg-3 {
        margin: 1rem !important;
    }
    .m-lg-4 {
        margin: 1.5rem !important;
    }
    .m-lg-5 {
        margin: 3rem !important;
    }
    .m-lg-auto {
        margin: auto !important;
    }
    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-lg-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-lg-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-lg-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-lg-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-lg-0 {
        margin-top: 0 !important;
    }
    .mt-lg-1 {
        margin-top: 0.25rem !important;
    }
    .mt-lg-2 {
        margin-top: 0.5rem !important;
    }
    .mt-lg-3 {
        margin-top: 1rem !important;
    }
    .mt-lg-4 {
        margin-top: 1.5rem !important;
    }
    .mt-lg-5 {
        margin-top: 3rem !important;
    }
    .mt-lg-auto {
        margin-top: auto !important;
    }
    .me-lg-0 {
        margin-right: 0 !important;
    }
    .me-lg-1 {
        margin-right: 0.25rem !important;
    }
    .me-lg-2 {
        margin-right: 0.5rem !important;
    }
    .me-lg-3 {
        margin-right: 1rem !important;
    }
    .me-lg-4 {
        margin-right: 1.5rem !important;
    }
    .me-lg-5 {
        margin-right: 3rem !important;
    }
    .me-lg-auto {
        margin-right: auto !important;
    }
    .mb-lg-0 {
        margin-bottom: 0 !important;
    }
    .mb-lg-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-lg-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-lg-3 {
        margin-bottom: 1rem !important;
    }
    .mb-lg-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-lg-5 {
        margin-bottom: 3rem !important;
    }
    .mb-lg-auto {
        margin-bottom: auto !important;
    }
    .ms-lg-0 {
        margin-left: 0 !important;
    }
    .ms-lg-1 {
        margin-left: 0.25rem !important;
    }
    .ms-lg-2 {
        margin-left: 0.5rem !important;
    }
    .ms-lg-3 {
        margin-left: 1rem !important;
    }
    .ms-lg-4 {
        margin-left: 1.5rem !important;
    }
    .ms-lg-5 {
        margin-left: 3rem !important;
    }
    .ms-lg-auto {
        margin-left: auto !important;
    }
    .p-lg-0 {
        padding: 0 !important;
    }
    .p-lg-1 {
        padding: 0.25rem !important;
    }
    .p-lg-2 {
        padding: 0.5rem !important;
    }
    .p-lg-3 {
        padding: 1rem !important;
    }
    .p-lg-4 {
        padding: 1.5rem !important;
    }
    .p-lg-5 {
        padding: 3rem !important;
    }
    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-lg-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-lg-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-lg-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-lg-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-lg-0 {
        padding-top: 0 !important;
    }
    .pt-lg-1 {
        padding-top: 0.25rem !important;
    }
    .pt-lg-2 {
        padding-top: 0.5rem !important;
    }
    .pt-lg-3 {
        padding-top: 1rem !important;
    }
    .pt-lg-4 {
        padding-top: 1.5rem !important;
    }
    .pt-lg-5 {
        padding-top: 3rem !important;
    }
    .pe-lg-0 {
        padding-right: 0 !important;
    }
    .pe-lg-1 {
        padding-right: 0.25rem !important;
    }
    .pe-lg-2 {
        padding-right: 0.5rem !important;
    }
    .pe-lg-3 {
        padding-right: 1rem !important;
    }
    .pe-lg-4 {
        padding-right: 1.5rem !important;
    }
    .pe-lg-5 {
        padding-right: 3rem !important;
    }
    .pb-lg-0 {
        padding-bottom: 0 !important;
    }
    .pb-lg-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-lg-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-lg-3 {
        padding-bottom: 1rem !important;
    }
    .pb-lg-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-lg-5 {
        padding-bottom: 3rem !important;
    }
    .ps-lg-0 {
        padding-left: 0 !important;
    }
    .ps-lg-1 {
        padding-left: 0.25rem !important;
    }
    .ps-lg-2 {
        padding-left: 0.5rem !important;
    }
    .ps-lg-3 {
        padding-left: 1rem !important;
    }
    .ps-lg-4 {
        padding-left: 1.5rem !important;
    }
    .ps-lg-5 {
        padding-left: 3rem !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-inline {
        display: inline !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-grid {
        display: -ms-grid !important;
        display: grid !important;
    }
    .d-xl-table {
        display: table !important;
    }
    .d-xl-table-row {
        display: table-row !important;
    }
    .d-xl-table-cell {
        display: table-cell !important;
    }
    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
    .d-xl-none {
        display: none !important;
    }
    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
    }
    .flex-xl-row {
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    }
    .flex-xl-column {
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    }
    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
    }
    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
    }
    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
    }
    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
    }
    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
    }
    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important;
    }
    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
    }
    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
    }
    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important;
    }
    .justify-content-xl-start {
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    }
    .justify-content-xl-end {
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
    }
    .justify-content-xl-center {
        -ms-flex-pack: center !important;
            justify-content: center !important;
    }
    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    }
    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
    }
    .justify-content-xl-evenly {
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
    }
    .align-items-xl-start {
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    }
    .align-items-xl-end {
        -ms-flex-align: end !important;
            align-items: flex-end !important;
    }
    .align-items-xl-center {
        -ms-flex-align: center !important;
            align-items: center !important;
    }
    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
    }
    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
    }
    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
    }
    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
    }
    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
            align-content: center !important;
    }
    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
    }
    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
    }
    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
    }
    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
            -ms-grid-row-align: auto !important;
            align-self: auto !important;
    }
    .align-self-xl-start {
        -ms-flex-item-align: start !important;
            align-self: flex-start !important;
    }
    .align-self-xl-end {
        -ms-flex-item-align: end !important;
            align-self: flex-end !important;
    }
    .align-self-xl-center {
        -ms-flex-item-align: center !important;
            -ms-grid-row-align: center !important;
            align-self: center !important;
    }
    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
    }
    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
            -ms-grid-row-align: stretch !important;
            align-self: stretch !important;
    }
    .order-xl-first {
        -ms-flex-order: -1 !important;
            order: -1 !important;
    }
    .order-xl-0 {
        -ms-flex-order: 0 !important;
            order: 0 !important;
    }
    .order-xl-1 {
        -ms-flex-order: 1 !important;
            order: 1 !important;
    }
    .order-xl-2 {
        -ms-flex-order: 2 !important;
            order: 2 !important;
    }
    .order-xl-3 {
        -ms-flex-order: 3 !important;
            order: 3 !important;
    }
    .order-xl-4 {
        -ms-flex-order: 4 !important;
            order: 4 !important;
    }
    .order-xl-5 {
        -ms-flex-order: 5 !important;
            order: 5 !important;
    }
    .order-xl-last {
        -ms-flex-order: 6 !important;
            order: 6 !important;
    }
    .m-xl-0 {
        margin: 0 !important;
    }
    .m-xl-1 {
        margin: 0.25rem !important;
    }
    .m-xl-2 {
        margin: 0.5rem !important;
    }
    .m-xl-3 {
        margin: 1rem !important;
    }
    .m-xl-4 {
        margin: 1.5rem !important;
    }
    .m-xl-5 {
        margin: 3rem !important;
    }
    .m-xl-auto {
        margin: auto !important;
    }
    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-xl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-xl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-xl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-xl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-xl-0 {
        margin-top: 0 !important;
    }
    .mt-xl-1 {
        margin-top: 0.25rem !important;
    }
    .mt-xl-2 {
        margin-top: 0.5rem !important;
    }
    .mt-xl-3 {
        margin-top: 1rem !important;
    }
    .mt-xl-4 {
        margin-top: 1.5rem !important;
    }
    .mt-xl-5 {
        margin-top: 3rem !important;
    }
    .mt-xl-auto {
        margin-top: auto !important;
    }
    .me-xl-0 {
        margin-right: 0 !important;
    }
    .me-xl-1 {
        margin-right: 0.25rem !important;
    }
    .me-xl-2 {
        margin-right: 0.5rem !important;
    }
    .me-xl-3 {
        margin-right: 1rem !important;
    }
    .me-xl-4 {
        margin-right: 1.5rem !important;
    }
    .me-xl-5 {
        margin-right: 3rem !important;
    }
    .me-xl-auto {
        margin-right: auto !important;
    }
    .mb-xl-0 {
        margin-bottom: 0 !important;
    }
    .mb-xl-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-xl-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-xl-3 {
        margin-bottom: 1rem !important;
    }
    .mb-xl-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-xl-5 {
        margin-bottom: 3rem !important;
    }
    .mb-xl-auto {
        margin-bottom: auto !important;
    }
    .ms-xl-0 {
        margin-left: 0 !important;
    }
    .ms-xl-1 {
        margin-left: 0.25rem !important;
    }
    .ms-xl-2 {
        margin-left: 0.5rem !important;
    }
    .ms-xl-3 {
        margin-left: 1rem !important;
    }
    .ms-xl-4 {
        margin-left: 1.5rem !important;
    }
    .ms-xl-5 {
        margin-left: 3rem !important;
    }
    .ms-xl-auto {
        margin-left: auto !important;
    }
    .p-xl-0 {
        padding: 0 !important;
    }
    .p-xl-1 {
        padding: 0.25rem !important;
    }
    .p-xl-2 {
        padding: 0.5rem !important;
    }
    .p-xl-3 {
        padding: 1rem !important;
    }
    .p-xl-4 {
        padding: 1.5rem !important;
    }
    .p-xl-5 {
        padding: 3rem !important;
    }
    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-xl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-xl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-xl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-xl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-xl-0 {
        padding-top: 0 !important;
    }
    .pt-xl-1 {
        padding-top: 0.25rem !important;
    }
    .pt-xl-2 {
        padding-top: 0.5rem !important;
    }
    .pt-xl-3 {
        padding-top: 1rem !important;
    }
    .pt-xl-4 {
        padding-top: 1.5rem !important;
    }
    .pt-xl-5 {
        padding-top: 3rem !important;
    }
    .pe-xl-0 {
        padding-right: 0 !important;
    }
    .pe-xl-1 {
        padding-right: 0.25rem !important;
    }
    .pe-xl-2 {
        padding-right: 0.5rem !important;
    }
    .pe-xl-3 {
        padding-right: 1rem !important;
    }
    .pe-xl-4 {
        padding-right: 1.5rem !important;
    }
    .pe-xl-5 {
        padding-right: 3rem !important;
    }
    .pb-xl-0 {
        padding-bottom: 0 !important;
    }
    .pb-xl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-xl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-xl-3 {
        padding-bottom: 1rem !important;
    }
    .pb-xl-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-xl-5 {
        padding-bottom: 3rem !important;
    }
    .ps-xl-0 {
        padding-left: 0 !important;
    }
    .ps-xl-1 {
        padding-left: 0.25rem !important;
    }
    .ps-xl-2 {
        padding-left: 0.5rem !important;
    }
    .ps-xl-3 {
        padding-left: 1rem !important;
    }
    .ps-xl-4 {
        padding-left: 1.5rem !important;
    }
    .ps-xl-5 {
        padding-left: 3rem !important;
    }
}

@media (min-width: 1400px) {
    .d-xxl-inline {
        display: inline !important;
    }
    .d-xxl-inline-block {
        display: inline-block !important;
    }
    .d-xxl-block {
        display: block !important;
    }
    .d-xxl-grid {
        display: -ms-grid !important;
        display: grid !important;
    }
    .d-xxl-table {
        display: table !important;
    }
    .d-xxl-table-row {
        display: table-row !important;
    }
    .d-xxl-table-cell {
        display: table-cell !important;
    }
    .d-xxl-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-xxl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
    .d-xxl-none {
        display: none !important;
    }
    .flex-xxl-fill {
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
    }
    .flex-xxl-row {
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    }
    .flex-xxl-column {
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    }
    .flex-xxl-row-reverse {
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
    }
    .flex-xxl-column-reverse {
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
    }
    .flex-xxl-grow-0 {
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
    }
    .flex-xxl-grow-1 {
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
    }
    .flex-xxl-shrink-0 {
        -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
    }
    .flex-xxl-shrink-1 {
        -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important;
    }
    .flex-xxl-wrap {
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
    }
    .flex-xxl-nowrap {
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
    }
    .flex-xxl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important;
    }
    .justify-content-xxl-start {
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    }
    .justify-content-xxl-end {
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
    }
    .justify-content-xxl-center {
        -ms-flex-pack: center !important;
            justify-content: center !important;
    }
    .justify-content-xxl-between {
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    }
    .justify-content-xxl-around {
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
    }
    .justify-content-xxl-evenly {
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
    }
    .align-items-xxl-start {
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    }
    .align-items-xxl-end {
        -ms-flex-align: end !important;
            align-items: flex-end !important;
    }
    .align-items-xxl-center {
        -ms-flex-align: center !important;
            align-items: center !important;
    }
    .align-items-xxl-baseline {
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
    }
    .align-items-xxl-stretch {
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
    }
    .align-content-xxl-start {
        -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
    }
    .align-content-xxl-end {
        -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
    }
    .align-content-xxl-center {
        -ms-flex-line-pack: center !important;
            align-content: center !important;
    }
    .align-content-xxl-between {
        -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
    }
    .align-content-xxl-around {
        -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
    }
    .align-content-xxl-stretch {
        -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
    }
    .align-self-xxl-auto {
        -ms-flex-item-align: auto !important;
            -ms-grid-row-align: auto !important;
            align-self: auto !important;
    }
    .align-self-xxl-start {
        -ms-flex-item-align: start !important;
            align-self: flex-start !important;
    }
    .align-self-xxl-end {
        -ms-flex-item-align: end !important;
            align-self: flex-end !important;
    }
    .align-self-xxl-center {
        -ms-flex-item-align: center !important;
            -ms-grid-row-align: center !important;
            align-self: center !important;
    }
    .align-self-xxl-baseline {
        -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
    }
    .align-self-xxl-stretch {
        -ms-flex-item-align: stretch !important;
            -ms-grid-row-align: stretch !important;
            align-self: stretch !important;
    }
    .order-xxl-first {
        -ms-flex-order: -1 !important;
            order: -1 !important;
    }
    .order-xxl-0 {
        -ms-flex-order: 0 !important;
            order: 0 !important;
    }
    .order-xxl-1 {
        -ms-flex-order: 1 !important;
            order: 1 !important;
    }
    .order-xxl-2 {
        -ms-flex-order: 2 !important;
            order: 2 !important;
    }
    .order-xxl-3 {
        -ms-flex-order: 3 !important;
            order: 3 !important;
    }
    .order-xxl-4 {
        -ms-flex-order: 4 !important;
            order: 4 !important;
    }
    .order-xxl-5 {
        -ms-flex-order: 5 !important;
            order: 5 !important;
    }
    .order-xxl-last {
        -ms-flex-order: 6 !important;
            order: 6 !important;
    }
    .m-xxl-0 {
        margin: 0 !important;
    }
    .m-xxl-1 {
        margin: 0.25rem !important;
    }
    .m-xxl-2 {
        margin: 0.5rem !important;
    }
    .m-xxl-3 {
        margin: 1rem !important;
    }
    .m-xxl-4 {
        margin: 1.5rem !important;
    }
    .m-xxl-5 {
        margin: 3rem !important;
    }
    .m-xxl-auto {
        margin: auto !important;
    }
    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-xxl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-xxl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-xxl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-xxl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-xxl-0 {
        margin-top: 0 !important;
    }
    .mt-xxl-1 {
        margin-top: 0.25rem !important;
    }
    .mt-xxl-2 {
        margin-top: 0.5rem !important;
    }
    .mt-xxl-3 {
        margin-top: 1rem !important;
    }
    .mt-xxl-4 {
        margin-top: 1.5rem !important;
    }
    .mt-xxl-5 {
        margin-top: 3rem !important;
    }
    .mt-xxl-auto {
        margin-top: auto !important;
    }
    .me-xxl-0 {
        margin-right: 0 !important;
    }
    .me-xxl-1 {
        margin-right: 0.25rem !important;
    }
    .me-xxl-2 {
        margin-right: 0.5rem !important;
    }
    .me-xxl-3 {
        margin-right: 1rem !important;
    }
    .me-xxl-4 {
        margin-right: 1.5rem !important;
    }
    .me-xxl-5 {
        margin-right: 3rem !important;
    }
    .me-xxl-auto {
        margin-right: auto !important;
    }
    .mb-xxl-0 {
        margin-bottom: 0 !important;
    }
    .mb-xxl-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-xxl-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-xxl-3 {
        margin-bottom: 1rem !important;
    }
    .mb-xxl-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-xxl-5 {
        margin-bottom: 3rem !important;
    }
    .mb-xxl-auto {
        margin-bottom: auto !important;
    }
    .ms-xxl-0 {
        margin-left: 0 !important;
    }
    .ms-xxl-1 {
        margin-left: 0.25rem !important;
    }
    .ms-xxl-2 {
        margin-left: 0.5rem !important;
    }
    .ms-xxl-3 {
        margin-left: 1rem !important;
    }
    .ms-xxl-4 {
        margin-left: 1.5rem !important;
    }
    .ms-xxl-5 {
        margin-left: 3rem !important;
    }
    .ms-xxl-auto {
        margin-left: auto !important;
    }
    .p-xxl-0 {
        padding: 0 !important;
    }
    .p-xxl-1 {
        padding: 0.25rem !important;
    }
    .p-xxl-2 {
        padding: 0.5rem !important;
    }
    .p-xxl-3 {
        padding: 1rem !important;
    }
    .p-xxl-4 {
        padding: 1.5rem !important;
    }
    .p-xxl-5 {
        padding: 3rem !important;
    }
    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-xxl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-xxl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-xxl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-xxl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-xxl-0 {
        padding-top: 0 !important;
    }
    .pt-xxl-1 {
        padding-top: 0.25rem !important;
    }
    .pt-xxl-2 {
        padding-top: 0.5rem !important;
    }
    .pt-xxl-3 {
        padding-top: 1rem !important;
    }
    .pt-xxl-4 {
        padding-top: 1.5rem !important;
    }
    .pt-xxl-5 {
        padding-top: 3rem !important;
    }
    .pe-xxl-0 {
        padding-right: 0 !important;
    }
    .pe-xxl-1 {
        padding-right: 0.25rem !important;
    }
    .pe-xxl-2 {
        padding-right: 0.5rem !important;
    }
    .pe-xxl-3 {
        padding-right: 1rem !important;
    }
    .pe-xxl-4 {
        padding-right: 1.5rem !important;
    }
    .pe-xxl-5 {
        padding-right: 3rem !important;
    }
    .pb-xxl-0 {
        padding-bottom: 0 !important;
    }
    .pb-xxl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-xxl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-xxl-3 {
        padding-bottom: 1rem !important;
    }
    .pb-xxl-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-xxl-5 {
        padding-bottom: 3rem !important;
    }
    .ps-xxl-0 {
        padding-left: 0 !important;
    }
    .ps-xxl-1 {
        padding-left: 0.25rem !important;
    }
    .ps-xxl-2 {
        padding-left: 0.5rem !important;
    }
    .ps-xxl-3 {
        padding-left: 1rem !important;
    }
    .ps-xxl-4 {
        padding-left: 1.5rem !important;
    }
    .ps-xxl-5 {
        padding-left: 3rem !important;
    }
}

@media print {
    .d-print-inline {
        display: inline !important;
    }
    .d-print-inline-block {
        display: inline-block !important;
    }
    .d-print-block {
        display: block !important;
    }
    .d-print-grid {
        display: -ms-grid !important;
        display: grid !important;
    }
    .d-print-table {
        display: table !important;
    }
    .d-print-table-row {
        display: table-row !important;
    }
    .d-print-table-cell {
        display: table-cell !important;
    }
    .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
    .d-print-none {
        display: none !important;
    }
}

/*!
 * Bootstrap Utilities v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.text-bg-primary {
    color: #fff !important;
    background-color: RGBA(13, 110, 253, 1) !important;
}

.text-bg-secondary {
    color: #fff !important;
    background-color: RGBA(108, 117, 125, 1) !important;
}

.text-bg-success {
    color: #fff !important;
    background-color: RGBA(25, 135, 84, 1) !important;
}

.text-bg-info {
    color: #000 !important;
    background-color: RGBA(13, 202, 240, 1) !important;
}

.text-bg-warning {
    color: #000 !important;
    background-color: RGBA(255, 193, 7, 1) !important;
}

.text-bg-danger {
    color: #fff !important;
    background-color: RGBA(220, 53, 69, 1) !important;
}

.text-bg-light {
    color: #000 !important;
    background-color: RGBA(248, 249, 250, 1) !important;
}

.text-bg-dark {
    color: #fff !important;
    background-color: RGBA(33, 37, 41, 1) !important;
}

.link-primary {
    color: #0d6efd !important;
}

.link-primary:hover, .link-primary:focus {
    color: #0a58ca !important;
}

.link-secondary {
    color: #6c757d !important;
}

.link-secondary:hover, .link-secondary:focus {
    color: #565e64 !important;
}

.link-success {
    color: #198754 !important;
}

.link-success:hover, .link-success:focus {
    color: #146c43 !important;
}

.link-info {
    color: #0dcaf0 !important;
}

.link-info:hover, .link-info:focus {
    color: #3dd5f3 !important;
}

.link-warning {
    color: #ffc107 !important;
}

.link-warning:hover, .link-warning:focus {
    color: #ffcd39 !important;
}

.link-danger {
    color: #dc3545 !important;
}

.link-danger:hover, .link-danger:focus {
    color: #b02a37 !important;
}

.link-light {
    color: #f8f9fa !important;
}

.link-light:hover, .link-light:focus {
    color: #f9fafb !important;
}

.link-dark {
    color: #212529 !important;
}

.link-dark:hover, .link-dark:focus {
    color: #1a1e21 !important;
}

.ratio {
    position: relative;
    width: 100%;
}

.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: "";
}

.ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
}

.sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
    .sticky-sm-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020;
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
    .sticky-md-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020;
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
    .sticky-lg-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020;
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
    .sticky-xl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020;
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
    .sticky-xxl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020;
    }
}

.hstack {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-item-align: stretch;
        align-self: stretch;
}

.vstack {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-item-align: stretch;
        align-self: stretch;
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vr {
    display: inline-block;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentcolor;
    opacity: 0.25;
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.float-start {
    float: left !important;
}

.float-end {
    float: right !important;
}

.float-none {
    float: none !important;
}

.opacity-0 {
    opacity: 0 !important;
}

.opacity-25 {
    opacity: 0.25 !important;
}

.opacity-50 {
    opacity: 0.5 !important;
}

.opacity-75 {
    opacity: 0.75 !important;
}

.opacity-100 {
    opacity: 1 !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-visible {
    overflow: visible !important;
}

.overflow-scroll {
    overflow: scroll !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-grid {
    display: -ms-grid !important;
    display: grid !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

.d-none {
    display: none !important;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15) !important;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
}

.shadow-none {
    box-shadow: none !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: sticky !important;
}

.top-0 {
    top: 0 !important;
}

.top-50 {
    top: 50% !important;
}

.top-100 {
    top: 100% !important;
}

.bottom-0 {
    bottom: 0 !important;
}

.bottom-50 {
    bottom: 50% !important;
}

.bottom-100 {
    bottom: 100% !important;
}

.start-0 {
    left: 0 !important;
}

.start-50 {
    left: 50% !important;
}

.start-100 {
    left: 100% !important;
}

.end-0 {
    right: 0 !important;
}

.end-50 {
    right: 50% !important;
}

.end-100 {
    right: 100% !important;
}

.translate-middle {
    transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
    transform: translateX(-50%) !important;
}

.translate-middle-y {
    transform: translateY(-50%) !important;
}

.border {
    border: 1px solid #dee2e6 !important;
}

.border-0 {
    border: 0 !important;
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-end {
    border-right: 1px solid #dee2e6 !important;
}

.border-end-0 {
    border-right: 0 !important;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-start {
    border-left: 1px solid #dee2e6 !important;
}

.border-start-0 {
    border-left: 0 !important;
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(13, 110, 253, var(--bs-border-opacity)) !important;
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(108, 117, 125, var(--bs-border-opacity)) !important;
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(25, 135, 84, var(--bs-border-opacity)) !important;
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(13, 202, 240, var(--bs-border-opacity)) !important;
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(255, 193, 7, var(--bs-border-opacity)) !important;
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(220, 53, 69, var(--bs-border-opacity)) !important;
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(248, 249, 250, var(--bs-border-opacity)) !important;
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(33, 37, 41, var(--bs-border-opacity)) !important;
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--bs-border-opacity)) !important;
}

.border-1 {
    --bs-border-width: 1px;
}

.border-2 {
    --bs-border-width: 2px;
}

.border-3 {
    --bs-border-width: 3px;
}

.border-4 {
    --bs-border-width: 4px;
}

.border-5 {
    --bs-border-width: 5px;
}

.border-opacity-10 {
    --bs-border-opacity: 0.1;
}

.border-opacity-25 {
    --bs-border-opacity: 0.25;
}

.border-opacity-50 {
    --bs-border-opacity: 0.5;
}

.border-opacity-75 {
    --bs-border-opacity: 0.75;
}

.border-opacity-100 {
    --bs-border-opacity: 1;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.vw-100 {
    width: 100vw !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mh-100 {
    max-height: 100% !important;
}

.vh-100 {
    height: 100vh !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
}

.flex-row {
    -ms-flex-direction: row !important;
        flex-direction: row !important;
}

.flex-column {
    -ms-flex-direction: column !important;
        flex-direction: column !important;
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    -ms-flex-pack: start !important;
        justify-content: flex-start !important;
}

.justify-content-end {
    -ms-flex-pack: end !important;
        justify-content: flex-end !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
        justify-content: center !important;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
        justify-content: space-between !important;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
}

.justify-content-evenly {
    -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important;
}

.align-items-start {
    -ms-flex-align: start !important;
        align-items: flex-start !important;
}

.align-items-end {
    -ms-flex-align: end !important;
        align-items: flex-end !important;
}

.align-items-center {
    -ms-flex-align: center !important;
        align-items: center !important;
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
        align-items: baseline !important;
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
        align-items: stretch !important;
}

.align-content-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
}

.align-content-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
}

.align-content-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important;
}

.align-self-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
}

.align-self-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
}

.align-self-center {
    -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important;
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
}

.order-first {
    -ms-flex-order: -1 !important;
        order: -1 !important;
}

.order-0 {
    -ms-flex-order: 0 !important;
        order: 0 !important;
}

.order-1 {
    -ms-flex-order: 1 !important;
        order: 1 !important;
}

.order-2 {
    -ms-flex-order: 2 !important;
        order: 2 !important;
}

.order-3 {
    -ms-flex-order: 3 !important;
        order: 3 !important;
}

.order-4 {
    -ms-flex-order: 4 !important;
        order: 4 !important;
}

.order-5 {
    -ms-flex-order: 5 !important;
        order: 5 !important;
}

.order-last {
    -ms-flex-order: 6 !important;
        order: 6 !important;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 4px !important;
    margin: 0.25rem !important;
}

.m-2 {
    margin: 8px !important;
    margin: 0.5rem !important;
}

.m-3 {
    margin: 16px !important;
    margin: 1rem !important;
}

.m-4 {
    margin: 24px !important;
    margin: 1.5rem !important;
}

.m-5 {
    margin: 48px !important;
    margin: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mx-1 {
    margin-right: 4px !important;
    margin-right: 0.25rem !important;
    margin-left: 4px !important;
    margin-left: 0.25rem !important;
}

.mx-2 {
    margin-right: 8px !important;
    margin-right: 0.5rem !important;
    margin-left: 8px !important;
    margin-left: 0.5rem !important;
}

.mx-3 {
    margin-right: 16px !important;
    margin-right: 1rem !important;
    margin-left: 16px !important;
    margin-left: 1rem !important;
}

.mx-4 {
    margin-right: 24px !important;
    margin-right: 1.5rem !important;
    margin-left: 24px !important;
    margin-left: 1.5rem !important;
}

.mx-5 {
    margin-right: 48px !important;
    margin-right: 3rem !important;
    margin-left: 48px !important;
    margin-left: 3rem !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.my-1 {
    margin-top: 4px !important;
    margin-top: 0.25rem !important;
    margin-bottom: 4px !important;
    margin-bottom: 0.25rem !important;
}

.my-2 {
    margin-top: 8px !important;
    margin-top: 0.5rem !important;
    margin-bottom: 8px !important;
    margin-bottom: 0.5rem !important;
}

.my-3 {
    margin-top: 16px !important;
    margin-top: 1rem !important;
    margin-bottom: 16px !important;
    margin-bottom: 1rem !important;
}

.my-4 {
    margin-top: 24px !important;
    margin-top: 1.5rem !important;
    margin-bottom: 24px !important;
    margin-bottom: 1.5rem !important;
}

.my-5 {
    margin-top: 48px !important;
    margin-top: 3rem !important;
    margin-bottom: 48px !important;
    margin-bottom: 3rem !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 4px !important;
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 8px !important;
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 16px !important;
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 24px !important;
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 48px !important;
    margin-top: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.me-0 {
    margin-right: 0 !important;
}

.me-1 {
    margin-right: 4px !important;
    margin-right: 0.25rem !important;
}

.me-2 {
    margin-right: 8px !important;
    margin-right: 0.5rem !important;
}

.me-3 {
    margin-right: 16px !important;
    margin-right: 1rem !important;
}

.me-4 {
    margin-right: 24px !important;
    margin-right: 1.5rem !important;
}

.me-5 {
    margin-right: 48px !important;
    margin-right: 3rem !important;
}

.me-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 4px !important;
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 8px !important;
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 16px !important;
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 24px !important;
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 48px !important;
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-1 {
    margin-left: 4px !important;
    margin-left: 0.25rem !important;
}

.ms-2 {
    margin-left: 8px !important;
    margin-left: 0.5rem !important;
}

.ms-3 {
    margin-left: 16px !important;
    margin-left: 1rem !important;
}

.ms-4 {
    margin-left: 24px !important;
    margin-left: 1.5rem !important;
}

.ms-5 {
    margin-left: 48px !important;
    margin-left: 3rem !important;
}

.ms-auto {
    margin-left: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 4px !important;
    padding: 0.25rem !important;
}

.p-2 {
    padding: 8px !important;
    padding: 0.5rem !important;
}

.p-3 {
    padding: 16px !important;
    padding: 1rem !important;
}

.p-4 {
    padding: 24px !important;
    padding: 1.5rem !important;
}

.p-5 {
    padding: 48px !important;
    padding: 3rem !important;
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.px-1 {
    padding-right: 4px !important;
    padding-right: 0.25rem !important;
    padding-left: 4px !important;
    padding-left: 0.25rem !important;
}

.px-2 {
    padding-right: 8px !important;
    padding-right: 0.5rem !important;
    padding-left: 8px !important;
    padding-left: 0.5rem !important;
}

.px-3 {
    padding-right: 16px !important;
    padding-right: 1rem !important;
    padding-left: 16px !important;
    padding-left: 1rem !important;
}

.px-4 {
    padding-right: 24px !important;
    padding-right: 1.5rem !important;
    padding-left: 24px !important;
    padding-left: 1.5rem !important;
}

.px-5 {
    padding-right: 48px !important;
    padding-right: 3rem !important;
    padding-left: 48px !important;
    padding-left: 3rem !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.py-1 {
    padding-top: 4px !important;
    padding-top: 0.25rem !important;
    padding-bottom: 4px !important;
    padding-bottom: 0.25rem !important;
}

.py-2 {
    padding-top: 8px !important;
    padding-top: 0.5rem !important;
    padding-bottom: 8px !important;
    padding-bottom: 0.5rem !important;
}

.py-3 {
    padding-top: 16px !important;
    padding-top: 1rem !important;
    padding-bottom: 16px !important;
    padding-bottom: 1rem !important;
}

.py-4 {
    padding-top: 24px !important;
    padding-top: 1.5rem !important;
    padding-bottom: 24px !important;
    padding-bottom: 1.5rem !important;
}

.py-5 {
    padding-top: 48px !important;
    padding-top: 3rem !important;
    padding-bottom: 48px !important;
    padding-bottom: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 4px !important;
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 8px !important;
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 16px !important;
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 24px !important;
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 48px !important;
    padding-top: 3rem !important;
}

.font-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.fst-italic {
    font-style: italic !important;
}

.fst-normal {
    font-style: normal !important;
}

.fw-light {
    font-weight: 300 !important;
}

.fw-lighter {
    font-weight: lighter !important;
}

.fw-normal {
    font-weight: 400 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-semibold {
    font-weight: 600 !important;
}

.fw-bolder {
    font-weight: bolder !important;
}

.lh-1 {
    line-height: 1 !important;
}

.lh-sm {
    line-height: 1.25 !important;
}

.lh-base {
    line-height: 1.5 !important;
}

.lh-lg {
    line-height: 2 !important;
}

.text-start {
    text-align: left !important;
}

.text-end {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-decoration-underline {
    text-decoration: underline !important;
}

.text-decoration-line-through {
    text-decoration: line-through !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media (min-width: 576px) {
    .float-sm-start {
        float: left !important;
    }
    .float-sm-end {
        float: right !important;
    }
    .float-sm-none {
        float: none !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-grid {
        display: -ms-grid !important;
        display: grid !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
    .d-sm-none {
        display: none !important;
    }
    .flex-sm-fill {
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
    }
    .flex-sm-row {
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    }
    .flex-sm-column {
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    }
    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
    }
    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
    }
    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
    }
    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
    }
    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
    }
    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important;
    }
    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
    }
    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important;
    }
    .justify-content-sm-start {
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    }
    .justify-content-sm-end {
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
    }
    .justify-content-sm-center {
        -ms-flex-pack: center !important;
            justify-content: center !important;
    }
    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    }
    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
    }
    .justify-content-sm-evenly {
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
    }
    .align-items-sm-start {
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    }
    .align-items-sm-end {
        -ms-flex-align: end !important;
            align-items: flex-end !important;
    }
    .align-items-sm-center {
        -ms-flex-align: center !important;
            align-items: center !important;
    }
    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
    }
    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
    }
    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
    }
    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
    }
    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
            align-content: center !important;
    }
    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
    }
    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
    }
    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
    }
    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
            -ms-grid-row-align: auto !important;
            align-self: auto !important;
    }
    .align-self-sm-start {
        -ms-flex-item-align: start !important;
            align-self: flex-start !important;
    }
    .align-self-sm-end {
        -ms-flex-item-align: end !important;
            align-self: flex-end !important;
    }
    .align-self-sm-center {
        -ms-flex-item-align: center !important;
            -ms-grid-row-align: center !important;
            align-self: center !important;
    }
    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
    }
    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
            -ms-grid-row-align: stretch !important;
            align-self: stretch !important;
    }
    .order-sm-first {
        -ms-flex-order: -1 !important;
            order: -1 !important;
    }
    .order-sm-0 {
        -ms-flex-order: 0 !important;
            order: 0 !important;
    }
    .order-sm-1 {
        -ms-flex-order: 1 !important;
            order: 1 !important;
    }
    .order-sm-2 {
        -ms-flex-order: 2 !important;
            order: 2 !important;
    }
    .order-sm-3 {
        -ms-flex-order: 3 !important;
            order: 3 !important;
    }
    .order-sm-4 {
        -ms-flex-order: 4 !important;
            order: 4 !important;
    }
    .order-sm-5 {
        -ms-flex-order: 5 !important;
            order: 5 !important;
    }
    .order-sm-last {
        -ms-flex-order: 6 !important;
            order: 6 !important;
    }
    .m-sm-0 {
        margin: 0 !important;
    }
    .m-sm-1 {
        margin: 0.25rem !important;
    }
    .m-sm-2 {
        margin: 0.5rem !important;
    }
    .m-sm-3 {
        margin: 1rem !important;
    }
    .m-sm-4 {
        margin: 1.5rem !important;
    }
    .m-sm-5 {
        margin: 3rem !important;
    }
    .m-sm-auto {
        margin: auto !important;
    }
    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-sm-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-sm-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-sm-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-sm-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-sm-0 {
        margin-top: 0 !important;
    }
    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }
    .mt-sm-2 {
        margin-top: 0.5rem !important;
    }
    .mt-sm-3 {
        margin-top: 1rem !important;
    }
    .mt-sm-4 {
        margin-top: 1.5rem !important;
    }
    .mt-sm-5 {
        margin-top: 3rem !important;
    }
    .mt-sm-auto {
        margin-top: auto !important;
    }
    .me-sm-0 {
        margin-right: 0 !important;
    }
    .me-sm-1 {
        margin-right: 0.25rem !important;
    }
    .me-sm-2 {
        margin-right: 0.5rem !important;
    }
    .me-sm-3 {
        margin-right: 1rem !important;
    }
    .me-sm-4 {
        margin-right: 1.5rem !important;
    }
    .me-sm-5 {
        margin-right: 3rem !important;
    }
    .me-sm-auto {
        margin-right: auto !important;
    }
    .mb-sm-0 {
        margin-bottom: 0 !important;
    }
    .mb-sm-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-sm-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-sm-3 {
        margin-bottom: 1rem !important;
    }
    .mb-sm-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-sm-5 {
        margin-bottom: 3rem !important;
    }
    .mb-sm-auto {
        margin-bottom: auto !important;
    }
    .ms-sm-0 {
        margin-left: 0 !important;
    }
    .ms-sm-1 {
        margin-left: 0.25rem !important;
    }
    .ms-sm-2 {
        margin-left: 0.5rem !important;
    }
    .ms-sm-3 {
        margin-left: 1rem !important;
    }
    .ms-sm-4 {
        margin-left: 1.5rem !important;
    }
    .ms-sm-5 {
        margin-left: 3rem !important;
    }
    .ms-sm-auto {
        margin-left: auto !important;
    }
    .p-sm-0 {
        padding: 0 !important;
    }
    .p-sm-1 {
        padding: 0.25rem !important;
    }
    .p-sm-2 {
        padding: 0.5rem !important;
    }
    .p-sm-3 {
        padding: 1rem !important;
    }
    .p-sm-4 {
        padding: 1.5rem !important;
    }
    .p-sm-5 {
        padding: 3rem !important;
    }
    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-sm-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-sm-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-sm-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-sm-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-sm-0 {
        padding-top: 0 !important;
    }
    .pt-sm-1 {
        padding-top: 0.25rem !important;
    }
    .pt-sm-2 {
        padding-top: 0.5rem !important;
    }
    .pt-sm-3 {
        padding-top: 1rem !important;
    }
    .pt-sm-4 {
        padding-top: 1.5rem !important;
    }
    .pt-sm-5 {
        padding-top: 3rem !important;
    }
    .pe-sm-0 {
        padding-right: 0 !important;
    }
    .pe-sm-1 {
        padding-right: 0.25rem !important;
    }
    .pe-sm-2 {
        padding-right: 0.5rem !important;
    }
    .pe-sm-3 {
        padding-right: 1rem !important;
    }
    .pe-sm-4 {
        padding-right: 1.5rem !important;
    }
    .pe-sm-5 {
        padding-right: 3rem !important;
    }
    .pb-sm-0 {
        padding-bottom: 0 !important;
    }
    .pb-sm-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-sm-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-sm-3 {
        padding-bottom: 1rem !important;
    }
    .pb-sm-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-sm-5 {
        padding-bottom: 3rem !important;
    }
    .ps-sm-0 {
        padding-left: 0 !important;
    }
    .ps-sm-1 {
        padding-left: 0.25rem !important;
    }
    .ps-sm-2 {
        padding-left: 0.5rem !important;
    }
    .ps-sm-3 {
        padding-left: 1rem !important;
    }
    .ps-sm-4 {
        padding-left: 1.5rem !important;
    }
    .ps-sm-5 {
        padding-left: 3rem !important;
    }
    .gap-sm-0 {
        gap: 0 !important;
    }
    .gap-sm-1 {
        gap: 0.25rem !important;
    }
    .gap-sm-2 {
        gap: 0.5rem !important;
    }
    .gap-sm-3 {
        gap: 1rem !important;
    }
    .gap-sm-4 {
        gap: 1.5rem !important;
    }
    .gap-sm-5 {
        gap: 3rem !important;
    }
    .text-sm-start {
        text-align: left !important;
    }
    .text-sm-end {
        text-align: right !important;
    }
    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float: left !important;
    }
    .float-md-end {
        float: right !important;
    }
    .float-md-none {
        float: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-grid {
        display: -ms-grid !important;
        display: grid !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
    .d-md-none {
        display: none !important;
    }
    .flex-md-fill {
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
    }
    .flex-md-row {
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    }
    .flex-md-column {
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    }
    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
    }
    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
    }
    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
    }
    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
    }
    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
    }
    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important;
    }
    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
    }
    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
    }
    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important;
    }
    .justify-content-md-start {
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    }
    .justify-content-md-end {
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
    }
    .justify-content-md-center {
        -ms-flex-pack: center !important;
            justify-content: center !important;
    }
    .justify-content-md-between {
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    }
    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
    }
    .justify-content-md-evenly {
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
    }
    .align-items-md-start {
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    }
    .align-items-md-end {
        -ms-flex-align: end !important;
            align-items: flex-end !important;
    }
    .align-items-md-center {
        -ms-flex-align: center !important;
            align-items: center !important;
    }
    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
    }
    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
    }
    .align-content-md-start {
        -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
    }
    .align-content-md-end {
        -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
    }
    .align-content-md-center {
        -ms-flex-line-pack: center !important;
            align-content: center !important;
    }
    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
    }
    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
    }
    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
    }
    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
            -ms-grid-row-align: auto !important;
            align-self: auto !important;
    }
    .align-self-md-start {
        -ms-flex-item-align: start !important;
            align-self: flex-start !important;
    }
    .align-self-md-end {
        -ms-flex-item-align: end !important;
            align-self: flex-end !important;
    }
    .align-self-md-center {
        -ms-flex-item-align: center !important;
            -ms-grid-row-align: center !important;
            align-self: center !important;
    }
    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
    }
    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
            -ms-grid-row-align: stretch !important;
            align-self: stretch !important;
    }
    .order-md-first {
        -ms-flex-order: -1 !important;
            order: -1 !important;
    }
    .order-md-0 {
        -ms-flex-order: 0 !important;
            order: 0 !important;
    }
    .order-md-1 {
        -ms-flex-order: 1 !important;
            order: 1 !important;
    }
    .order-md-2 {
        -ms-flex-order: 2 !important;
            order: 2 !important;
    }
    .order-md-3 {
        -ms-flex-order: 3 !important;
            order: 3 !important;
    }
    .order-md-4 {
        -ms-flex-order: 4 !important;
            order: 4 !important;
    }
    .order-md-5 {
        -ms-flex-order: 5 !important;
            order: 5 !important;
    }
    .order-md-last {
        -ms-flex-order: 6 !important;
            order: 6 !important;
    }
    .m-md-0 {
        margin: 0 !important;
    }
    .m-md-1 {
        margin: 0.25rem !important;
    }
    .m-md-2 {
        margin: 0.5rem !important;
    }
    .m-md-3 {
        margin: 1rem !important;
    }
    .m-md-4 {
        margin: 1.5rem !important;
    }
    .m-md-5 {
        margin: 3rem !important;
    }
    .m-md-auto {
        margin: auto !important;
    }
    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-md-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-md-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-md-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-md-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-md-0 {
        margin-top: 0 !important;
    }
    .mt-md-1 {
        margin-top: 0.25rem !important;
    }
    .mt-md-2 {
        margin-top: 0.5rem !important;
    }
    .mt-md-3 {
        margin-top: 1rem !important;
    }
    .mt-md-4 {
        margin-top: 1.5rem !important;
    }
    .mt-md-5 {
        margin-top: 3rem !important;
    }
    .mt-md-auto {
        margin-top: auto !important;
    }
    .me-md-0 {
        margin-right: 0 !important;
    }
    .me-md-1 {
        margin-right: 0.25rem !important;
    }
    .me-md-2 {
        margin-right: 0.5rem !important;
    }
    .me-md-3 {
        margin-right: 1rem !important;
    }
    .me-md-4 {
        margin-right: 1.5rem !important;
    }
    .me-md-5 {
        margin-right: 3rem !important;
    }
    .me-md-auto {
        margin-right: auto !important;
    }
    .mb-md-0 {
        margin-bottom: 0 !important;
    }
    .mb-md-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-md-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-md-3 {
        margin-bottom: 1rem !important;
    }
    .mb-md-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-md-5 {
        margin-bottom: 3rem !important;
    }
    .mb-md-auto {
        margin-bottom: auto !important;
    }
    .ms-md-0 {
        margin-left: 0 !important;
    }
    .ms-md-1 {
        margin-left: 0.25rem !important;
    }
    .ms-md-2 {
        margin-left: 0.5rem !important;
    }
    .ms-md-3 {
        margin-left: 1rem !important;
    }
    .ms-md-4 {
        margin-left: 1.5rem !important;
    }
    .ms-md-5 {
        margin-left: 3rem !important;
    }
    .ms-md-auto {
        margin-left: auto !important;
    }
    .p-md-0 {
        padding: 0 !important;
    }
    .p-md-1 {
        padding: 0.25rem !important;
    }
    .p-md-2 {
        padding: 0.5rem !important;
    }
    .p-md-3 {
        padding: 1rem !important;
    }
    .p-md-4 {
        padding: 1.5rem !important;
    }
    .p-md-5 {
        padding: 3rem !important;
    }
    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-md-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-md-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-md-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-md-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-md-0 {
        padding-top: 0 !important;
    }
    .pt-md-1 {
        padding-top: 0.25rem !important;
    }
    .pt-md-2 {
        padding-top: 0.5rem !important;
    }
    .pt-md-3 {
        padding-top: 1rem !important;
    }
    .pt-md-4 {
        padding-top: 1.5rem !important;
    }
    .pt-md-5 {
        padding-top: 3rem !important;
    }
    .pe-md-0 {
        padding-right: 0 !important;
    }
    .pe-md-1 {
        padding-right: 0.25rem !important;
    }
    .pe-md-2 {
        padding-right: 0.5rem !important;
    }
    .pe-md-3 {
        padding-right: 1rem !important;
    }
    .pe-md-4 {
        padding-right: 1.5rem !important;
    }
    .pe-md-5 {
        padding-right: 3rem !important;
    }
    .pb-md-0 {
        padding-bottom: 0 !important;
    }
    .pb-md-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-md-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-md-3 {
        padding-bottom: 1rem !important;
    }
    .pb-md-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-md-5 {
        padding-bottom: 3rem !important;
    }
    .ps-md-0 {
        padding-left: 0 !important;
    }
    .ps-md-1 {
        padding-left: 0.25rem !important;
    }
    .ps-md-2 {
        padding-left: 0.5rem !important;
    }
    .ps-md-3 {
        padding-left: 1rem !important;
    }
    .ps-md-4 {
        padding-left: 1.5rem !important;
    }
    .ps-md-5 {
        padding-left: 3rem !important;
    }
    .gap-md-0 {
        gap: 0 !important;
    }
    .gap-md-1 {
        gap: 0.25rem !important;
    }
    .gap-md-2 {
        gap: 0.5rem !important;
    }
    .gap-md-3 {
        gap: 1rem !important;
    }
    .gap-md-4 {
        gap: 1.5rem !important;
    }
    .gap-md-5 {
        gap: 3rem !important;
    }
    .text-md-start {
        text-align: left !important;
    }
    .text-md-end {
        text-align: right !important;
    }
    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float: left !important;
    }
    .float-lg-end {
        float: right !important;
    }
    .float-lg-none {
        float: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-grid {
        display: -ms-grid !important;
        display: grid !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
    .d-lg-none {
        display: none !important;
    }
    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
    }
    .flex-lg-row {
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    }
    .flex-lg-column {
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    }
    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
    }
    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
    }
    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
    }
    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
    }
    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
    }
    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important;
    }
    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
    }
    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
    }
    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important;
    }
    .justify-content-lg-start {
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    }
    .justify-content-lg-end {
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
    }
    .justify-content-lg-center {
        -ms-flex-pack: center !important;
            justify-content: center !important;
    }
    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    }
    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
    }
    .justify-content-lg-evenly {
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
    }
    .align-items-lg-start {
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    }
    .align-items-lg-end {
        -ms-flex-align: end !important;
            align-items: flex-end !important;
    }
    .align-items-lg-center {
        -ms-flex-align: center !important;
            align-items: center !important;
    }
    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
    }
    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
    }
    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
    }
    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
    }
    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
            align-content: center !important;
    }
    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
    }
    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
    }
    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
    }
    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
            -ms-grid-row-align: auto !important;
            align-self: auto !important;
    }
    .align-self-lg-start {
        -ms-flex-item-align: start !important;
            align-self: flex-start !important;
    }
    .align-self-lg-end {
        -ms-flex-item-align: end !important;
            align-self: flex-end !important;
    }
    .align-self-lg-center {
        -ms-flex-item-align: center !important;
            -ms-grid-row-align: center !important;
            align-self: center !important;
    }
    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
    }
    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
            -ms-grid-row-align: stretch !important;
            align-self: stretch !important;
    }
    .order-lg-first {
        -ms-flex-order: -1 !important;
            order: -1 !important;
    }
    .order-lg-0 {
        -ms-flex-order: 0 !important;
            order: 0 !important;
    }
    .order-lg-1 {
        -ms-flex-order: 1 !important;
            order: 1 !important;
    }
    .order-lg-2 {
        -ms-flex-order: 2 !important;
            order: 2 !important;
    }
    .order-lg-3 {
        -ms-flex-order: 3 !important;
            order: 3 !important;
    }
    .order-lg-4 {
        -ms-flex-order: 4 !important;
            order: 4 !important;
    }
    .order-lg-5 {
        -ms-flex-order: 5 !important;
            order: 5 !important;
    }
    .order-lg-last {
        -ms-flex-order: 6 !important;
            order: 6 !important;
    }
    .m-lg-0 {
        margin: 0 !important;
    }
    .m-lg-1 {
        margin: 0.25rem !important;
    }
    .m-lg-2 {
        margin: 0.5rem !important;
    }
    .m-lg-3 {
        margin: 1rem !important;
    }
    .m-lg-4 {
        margin: 1.5rem !important;
    }
    .m-lg-5 {
        margin: 3rem !important;
    }
    .m-lg-auto {
        margin: auto !important;
    }
    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-lg-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-lg-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-lg-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-lg-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-lg-0 {
        margin-top: 0 !important;
    }
    .mt-lg-1 {
        margin-top: 0.25rem !important;
    }
    .mt-lg-2 {
        margin-top: 0.5rem !important;
    }
    .mt-lg-3 {
        margin-top: 1rem !important;
    }
    .mt-lg-4 {
        margin-top: 1.5rem !important;
    }
    .mt-lg-5 {
        margin-top: 3rem !important;
    }
    .mt-lg-auto {
        margin-top: auto !important;
    }
    .me-lg-0 {
        margin-right: 0 !important;
    }
    .me-lg-1 {
        margin-right: 0.25rem !important;
    }
    .me-lg-2 {
        margin-right: 0.5rem !important;
    }
    .me-lg-3 {
        margin-right: 1rem !important;
    }
    .me-lg-4 {
        margin-right: 1.5rem !important;
    }
    .me-lg-5 {
        margin-right: 3rem !important;
    }
    .me-lg-auto {
        margin-right: auto !important;
    }
    .mb-lg-0 {
        margin-bottom: 0 !important;
    }
    .mb-lg-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-lg-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-lg-3 {
        margin-bottom: 1rem !important;
    }
    .mb-lg-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-lg-5 {
        margin-bottom: 3rem !important;
    }
    .mb-lg-auto {
        margin-bottom: auto !important;
    }
    .ms-lg-0 {
        margin-left: 0 !important;
    }
    .ms-lg-1 {
        margin-left: 0.25rem !important;
    }
    .ms-lg-2 {
        margin-left: 0.5rem !important;
    }
    .ms-lg-3 {
        margin-left: 1rem !important;
    }
    .ms-lg-4 {
        margin-left: 1.5rem !important;
    }
    .ms-lg-5 {
        margin-left: 3rem !important;
    }
    .ms-lg-auto {
        margin-left: auto !important;
    }
    .p-lg-0 {
        padding: 0 !important;
    }
    .p-lg-1 {
        padding: 0.25rem !important;
    }
    .p-lg-2 {
        padding: 0.5rem !important;
    }
    .p-lg-3 {
        padding: 1rem !important;
    }
    .p-lg-4 {
        padding: 1.5rem !important;
    }
    .p-lg-5 {
        padding: 3rem !important;
    }
    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-lg-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-lg-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-lg-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-lg-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-lg-0 {
        padding-top: 0 !important;
    }
    .pt-lg-1 {
        padding-top: 0.25rem !important;
    }
    .pt-lg-2 {
        padding-top: 0.5rem !important;
    }
    .pt-lg-3 {
        padding-top: 1rem !important;
    }
    .pt-lg-4 {
        padding-top: 1.5rem !important;
    }
    .pt-lg-5 {
        padding-top: 3rem !important;
    }
    .pe-lg-0 {
        padding-right: 0 !important;
    }
    .pe-lg-1 {
        padding-right: 0.25rem !important;
    }
    .pe-lg-2 {
        padding-right: 0.5rem !important;
    }
    .pe-lg-3 {
        padding-right: 1rem !important;
    }
    .pe-lg-4 {
        padding-right: 1.5rem !important;
    }
    .pe-lg-5 {
        padding-right: 3rem !important;
    }
    .pb-lg-0 {
        padding-bottom: 0 !important;
    }
    .pb-lg-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-lg-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-lg-3 {
        padding-bottom: 1rem !important;
    }
    .pb-lg-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-lg-5 {
        padding-bottom: 3rem !important;
    }
    .ps-lg-0 {
        padding-left: 0 !important;
    }
    .ps-lg-1 {
        padding-left: 0.25rem !important;
    }
    .ps-lg-2 {
        padding-left: 0.5rem !important;
    }
    .ps-lg-3 {
        padding-left: 1rem !important;
    }
    .ps-lg-4 {
        padding-left: 1.5rem !important;
    }
    .ps-lg-5 {
        padding-left: 3rem !important;
    }
    .gap-lg-0 {
        gap: 0 !important;
    }
    .gap-lg-1 {
        gap: 0.25rem !important;
    }
    .gap-lg-2 {
        gap: 0.5rem !important;
    }
    .gap-lg-3 {
        gap: 1rem !important;
    }
    .gap-lg-4 {
        gap: 1.5rem !important;
    }
    .gap-lg-5 {
        gap: 3rem !important;
    }
    .text-lg-start {
        text-align: left !important;
    }
    .text-lg-end {
        text-align: right !important;
    }
    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float: left !important;
    }
    .float-xl-end {
        float: right !important;
    }
    .float-xl-none {
        float: none !important;
    }
    .d-xl-inline {
        display: inline !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-grid {
        display: -ms-grid !important;
        display: grid !important;
    }
    .d-xl-table {
        display: table !important;
    }
    .d-xl-table-row {
        display: table-row !important;
    }
    .d-xl-table-cell {
        display: table-cell !important;
    }
    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
    .d-xl-none {
        display: none !important;
    }
    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
    }
    .flex-xl-row {
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    }
    .flex-xl-column {
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    }
    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
    }
    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
    }
    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
    }
    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
    }
    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
    }
    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important;
    }
    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
    }
    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
    }
    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important;
    }
    .justify-content-xl-start {
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    }
    .justify-content-xl-end {
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
    }
    .justify-content-xl-center {
        -ms-flex-pack: center !important;
            justify-content: center !important;
    }
    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    }
    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
    }
    .justify-content-xl-evenly {
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
    }
    .align-items-xl-start {
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    }
    .align-items-xl-end {
        -ms-flex-align: end !important;
            align-items: flex-end !important;
    }
    .align-items-xl-center {
        -ms-flex-align: center !important;
            align-items: center !important;
    }
    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
    }
    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
    }
    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
    }
    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
    }
    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
            align-content: center !important;
    }
    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
    }
    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
    }
    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
    }
    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
            -ms-grid-row-align: auto !important;
            align-self: auto !important;
    }
    .align-self-xl-start {
        -ms-flex-item-align: start !important;
            align-self: flex-start !important;
    }
    .align-self-xl-end {
        -ms-flex-item-align: end !important;
            align-self: flex-end !important;
    }
    .align-self-xl-center {
        -ms-flex-item-align: center !important;
            -ms-grid-row-align: center !important;
            align-self: center !important;
    }
    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
    }
    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
            -ms-grid-row-align: stretch !important;
            align-self: stretch !important;
    }
    .order-xl-first {
        -ms-flex-order: -1 !important;
            order: -1 !important;
    }
    .order-xl-0 {
        -ms-flex-order: 0 !important;
            order: 0 !important;
    }
    .order-xl-1 {
        -ms-flex-order: 1 !important;
            order: 1 !important;
    }
    .order-xl-2 {
        -ms-flex-order: 2 !important;
            order: 2 !important;
    }
    .order-xl-3 {
        -ms-flex-order: 3 !important;
            order: 3 !important;
    }
    .order-xl-4 {
        -ms-flex-order: 4 !important;
            order: 4 !important;
    }
    .order-xl-5 {
        -ms-flex-order: 5 !important;
            order: 5 !important;
    }
    .order-xl-last {
        -ms-flex-order: 6 !important;
            order: 6 !important;
    }
    .m-xl-0 {
        margin: 0 !important;
    }
    .m-xl-1 {
        margin: 0.25rem !important;
    }
    .m-xl-2 {
        margin: 0.5rem !important;
    }
    .m-xl-3 {
        margin: 1rem !important;
    }
    .m-xl-4 {
        margin: 1.5rem !important;
    }
    .m-xl-5 {
        margin: 3rem !important;
    }
    .m-xl-auto {
        margin: auto !important;
    }
    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-xl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-xl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-xl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-xl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-xl-0 {
        margin-top: 0 !important;
    }
    .mt-xl-1 {
        margin-top: 0.25rem !important;
    }
    .mt-xl-2 {
        margin-top: 0.5rem !important;
    }
    .mt-xl-3 {
        margin-top: 1rem !important;
    }
    .mt-xl-4 {
        margin-top: 1.5rem !important;
    }
    .mt-xl-5 {
        margin-top: 3rem !important;
    }
    .mt-xl-auto {
        margin-top: auto !important;
    }
    .me-xl-0 {
        margin-right: 0 !important;
    }
    .me-xl-1 {
        margin-right: 0.25rem !important;
    }
    .me-xl-2 {
        margin-right: 0.5rem !important;
    }
    .me-xl-3 {
        margin-right: 1rem !important;
    }
    .me-xl-4 {
        margin-right: 1.5rem !important;
    }
    .me-xl-5 {
        margin-right: 3rem !important;
    }
    .me-xl-auto {
        margin-right: auto !important;
    }
    .mb-xl-0 {
        margin-bottom: 0 !important;
    }
    .mb-xl-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-xl-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-xl-3 {
        margin-bottom: 1rem !important;
    }
    .mb-xl-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-xl-5 {
        margin-bottom: 3rem !important;
    }
    .mb-xl-auto {
        margin-bottom: auto !important;
    }
    .ms-xl-0 {
        margin-left: 0 !important;
    }
    .ms-xl-1 {
        margin-left: 0.25rem !important;
    }
    .ms-xl-2 {
        margin-left: 0.5rem !important;
    }
    .ms-xl-3 {
        margin-left: 1rem !important;
    }
    .ms-xl-4 {
        margin-left: 1.5rem !important;
    }
    .ms-xl-5 {
        margin-left: 3rem !important;
    }
    .ms-xl-auto {
        margin-left: auto !important;
    }
    .p-xl-0 {
        padding: 0 !important;
    }
    .p-xl-1 {
        padding: 0.25rem !important;
    }
    .p-xl-2 {
        padding: 0.5rem !important;
    }
    .p-xl-3 {
        padding: 1rem !important;
    }
    .p-xl-4 {
        padding: 1.5rem !important;
    }
    .p-xl-5 {
        padding: 3rem !important;
    }
    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-xl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-xl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-xl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-xl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-xl-0 {
        padding-top: 0 !important;
    }
    .pt-xl-1 {
        padding-top: 0.25rem !important;
    }
    .pt-xl-2 {
        padding-top: 0.5rem !important;
    }
    .pt-xl-3 {
        padding-top: 1rem !important;
    }
    .pt-xl-4 {
        padding-top: 1.5rem !important;
    }
    .pt-xl-5 {
        padding-top: 3rem !important;
    }
    .pe-xl-0 {
        padding-right: 0 !important;
    }
    .pe-xl-1 {
        padding-right: 0.25rem !important;
    }
    .pe-xl-2 {
        padding-right: 0.5rem !important;
    }
    .pe-xl-3 {
        padding-right: 1rem !important;
    }
    .pe-xl-4 {
        padding-right: 1.5rem !important;
    }
    .pe-xl-5 {
        padding-right: 3rem !important;
    }
    .pb-xl-0 {
        padding-bottom: 0 !important;
    }
    .pb-xl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-xl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-xl-3 {
        padding-bottom: 1rem !important;
    }
    .pb-xl-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-xl-5 {
        padding-bottom: 3rem !important;
    }
    .ps-xl-0 {
        padding-left: 0 !important;
    }
    .ps-xl-1 {
        padding-left: 0.25rem !important;
    }
    .ps-xl-2 {
        padding-left: 0.5rem !important;
    }
    .ps-xl-3 {
        padding-left: 1rem !important;
    }
    .ps-xl-4 {
        padding-left: 1.5rem !important;
    }
    .ps-xl-5 {
        padding-left: 3rem !important;
    }
    .gap-xl-0 {
        gap: 0 !important;
    }
    .gap-xl-1 {
        gap: 0.25rem !important;
    }
    .gap-xl-2 {
        gap: 0.5rem !important;
    }
    .gap-xl-3 {
        gap: 1rem !important;
    }
    .gap-xl-4 {
        gap: 1.5rem !important;
    }
    .gap-xl-5 {
        gap: 3rem !important;
    }
    .text-xl-start {
        text-align: left !important;
    }
    .text-xl-end {
        text-align: right !important;
    }
    .text-xl-center {
        text-align: center !important;
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float: left !important;
    }
    .float-xxl-end {
        float: right !important;
    }
    .float-xxl-none {
        float: none !important;
    }
    .d-xxl-inline {
        display: inline !important;
    }
    .d-xxl-inline-block {
        display: inline-block !important;
    }
    .d-xxl-block {
        display: block !important;
    }
    .d-xxl-grid {
        display: -ms-grid !important;
        display: grid !important;
    }
    .d-xxl-table {
        display: table !important;
    }
    .d-xxl-table-row {
        display: table-row !important;
    }
    .d-xxl-table-cell {
        display: table-cell !important;
    }
    .d-xxl-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-xxl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
    .d-xxl-none {
        display: none !important;
    }
    .flex-xxl-fill {
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
    }
    .flex-xxl-row {
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    }
    .flex-xxl-column {
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    }
    .flex-xxl-row-reverse {
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
    }
    .flex-xxl-column-reverse {
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
    }
    .flex-xxl-grow-0 {
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
    }
    .flex-xxl-grow-1 {
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
    }
    .flex-xxl-shrink-0 {
        -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
    }
    .flex-xxl-shrink-1 {
        -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important;
    }
    .flex-xxl-wrap {
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
    }
    .flex-xxl-nowrap {
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
    }
    .flex-xxl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important;
    }
    .justify-content-xxl-start {
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    }
    .justify-content-xxl-end {
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
    }
    .justify-content-xxl-center {
        -ms-flex-pack: center !important;
            justify-content: center !important;
    }
    .justify-content-xxl-between {
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    }
    .justify-content-xxl-around {
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
    }
    .justify-content-xxl-evenly {
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
    }
    .align-items-xxl-start {
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    }
    .align-items-xxl-end {
        -ms-flex-align: end !important;
            align-items: flex-end !important;
    }
    .align-items-xxl-center {
        -ms-flex-align: center !important;
            align-items: center !important;
    }
    .align-items-xxl-baseline {
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
    }
    .align-items-xxl-stretch {
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
    }
    .align-content-xxl-start {
        -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
    }
    .align-content-xxl-end {
        -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
    }
    .align-content-xxl-center {
        -ms-flex-line-pack: center !important;
            align-content: center !important;
    }
    .align-content-xxl-between {
        -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
    }
    .align-content-xxl-around {
        -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
    }
    .align-content-xxl-stretch {
        -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
    }
    .align-self-xxl-auto {
        -ms-flex-item-align: auto !important;
            -ms-grid-row-align: auto !important;
            align-self: auto !important;
    }
    .align-self-xxl-start {
        -ms-flex-item-align: start !important;
            align-self: flex-start !important;
    }
    .align-self-xxl-end {
        -ms-flex-item-align: end !important;
            align-self: flex-end !important;
    }
    .align-self-xxl-center {
        -ms-flex-item-align: center !important;
            -ms-grid-row-align: center !important;
            align-self: center !important;
    }
    .align-self-xxl-baseline {
        -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
    }
    .align-self-xxl-stretch {
        -ms-flex-item-align: stretch !important;
            -ms-grid-row-align: stretch !important;
            align-self: stretch !important;
    }
    .order-xxl-first {
        -ms-flex-order: -1 !important;
            order: -1 !important;
    }
    .order-xxl-0 {
        -ms-flex-order: 0 !important;
            order: 0 !important;
    }
    .order-xxl-1 {
        -ms-flex-order: 1 !important;
            order: 1 !important;
    }
    .order-xxl-2 {
        -ms-flex-order: 2 !important;
            order: 2 !important;
    }
    .order-xxl-3 {
        -ms-flex-order: 3 !important;
            order: 3 !important;
    }
    .order-xxl-4 {
        -ms-flex-order: 4 !important;
            order: 4 !important;
    }
    .order-xxl-5 {
        -ms-flex-order: 5 !important;
            order: 5 !important;
    }
    .order-xxl-last {
        -ms-flex-order: 6 !important;
            order: 6 !important;
    }
    .m-xxl-0 {
        margin: 0 !important;
    }
    .m-xxl-1 {
        margin: 0.25rem !important;
    }
    .m-xxl-2 {
        margin: 0.5rem !important;
    }
    .m-xxl-3 {
        margin: 1rem !important;
    }
    .m-xxl-4 {
        margin: 1.5rem !important;
    }
    .m-xxl-5 {
        margin: 3rem !important;
    }
    .m-xxl-auto {
        margin: auto !important;
    }
    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .mx-xxl-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
    .mx-xxl-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .my-xxl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
    .my-xxl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
    .mt-xxl-0 {
        margin-top: 0 !important;
    }
    .mt-xxl-1 {
        margin-top: 0.25rem !important;
    }
    .mt-xxl-2 {
        margin-top: 0.5rem !important;
    }
    .mt-xxl-3 {
        margin-top: 1rem !important;
    }
    .mt-xxl-4 {
        margin-top: 1.5rem !important;
    }
    .mt-xxl-5 {
        margin-top: 3rem !important;
    }
    .mt-xxl-auto {
        margin-top: auto !important;
    }
    .me-xxl-0 {
        margin-right: 0 !important;
    }
    .me-xxl-1 {
        margin-right: 0.25rem !important;
    }
    .me-xxl-2 {
        margin-right: 0.5rem !important;
    }
    .me-xxl-3 {
        margin-right: 1rem !important;
    }
    .me-xxl-4 {
        margin-right: 1.5rem !important;
    }
    .me-xxl-5 {
        margin-right: 3rem !important;
    }
    .me-xxl-auto {
        margin-right: auto !important;
    }
    .mb-xxl-0 {
        margin-bottom: 0 !important;
    }
    .mb-xxl-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-xxl-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-xxl-3 {
        margin-bottom: 1rem !important;
    }
    .mb-xxl-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-xxl-5 {
        margin-bottom: 3rem !important;
    }
    .mb-xxl-auto {
        margin-bottom: auto !important;
    }
    .ms-xxl-0 {
        margin-left: 0 !important;
    }
    .ms-xxl-1 {
        margin-left: 0.25rem !important;
    }
    .ms-xxl-2 {
        margin-left: 0.5rem !important;
    }
    .ms-xxl-3 {
        margin-left: 1rem !important;
    }
    .ms-xxl-4 {
        margin-left: 1.5rem !important;
    }
    .ms-xxl-5 {
        margin-left: 3rem !important;
    }
    .ms-xxl-auto {
        margin-left: auto !important;
    }
    .p-xxl-0 {
        padding: 0 !important;
    }
    .p-xxl-1 {
        padding: 0.25rem !important;
    }
    .p-xxl-2 {
        padding: 0.5rem !important;
    }
    .p-xxl-3 {
        padding: 1rem !important;
    }
    .p-xxl-4 {
        padding: 1.5rem !important;
    }
    .p-xxl-5 {
        padding: 3rem !important;
    }
    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-xxl-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-xxl-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .py-xxl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
    .py-xxl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .pt-xxl-0 {
        padding-top: 0 !important;
    }
    .pt-xxl-1 {
        padding-top: 0.25rem !important;
    }
    .pt-xxl-2 {
        padding-top: 0.5rem !important;
    }
    .pt-xxl-3 {
        padding-top: 1rem !important;
    }
    .pt-xxl-4 {
        padding-top: 1.5rem !important;
    }
    .pt-xxl-5 {
        padding-top: 3rem !important;
    }
    .pe-xxl-0 {
        padding-right: 0 !important;
    }
    .pe-xxl-1 {
        padding-right: 0.25rem !important;
    }
    .pe-xxl-2 {
        padding-right: 0.5rem !important;
    }
    .pe-xxl-3 {
        padding-right: 1rem !important;
    }
    .pe-xxl-4 {
        padding-right: 1.5rem !important;
    }
    .pe-xxl-5 {
        padding-right: 3rem !important;
    }
    .pb-xxl-0 {
        padding-bottom: 0 !important;
    }
    .pb-xxl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pb-xxl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pb-xxl-3 {
        padding-bottom: 1rem !important;
    }
    .pb-xxl-4 {
        padding-bottom: 1.5rem !important;
    }
    .pb-xxl-5 {
        padding-bottom: 3rem !important;
    }
    .ps-xxl-0 {
        padding-left: 0 !important;
    }
    .ps-xxl-1 {
        padding-left: 0.25rem !important;
    }
    .ps-xxl-2 {
        padding-left: 0.5rem !important;
    }
    .ps-xxl-3 {
        padding-left: 1rem !important;
    }
    .ps-xxl-4 {
        padding-left: 1.5rem !important;
    }
    .ps-xxl-5 {
        padding-left: 3rem !important;
    }
    .gap-xxl-0 {
        gap: 0 !important;
    }
    .gap-xxl-1 {
        gap: 0.25rem !important;
    }
    .gap-xxl-2 {
        gap: 0.5rem !important;
    }
    .gap-xxl-3 {
        gap: 1rem !important;
    }
    .gap-xxl-4 {
        gap: 1.5rem !important;
    }
    .gap-xxl-5 {
        gap: 3rem !important;
    }
    .text-xxl-start {
        text-align: left !important;
    }
    .text-xxl-end {
        text-align: right !important;
    }
    .text-xxl-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size: 2.5rem !important;
    }
    .fs-2 {
        font-size: 2rem !important;
    }
    .fs-3 {
        font-size: 1.75rem !important;
    }
    .fs-4 {
        font-size: 1.5rem !important;
    }
}

@media print {
    .d-print-inline {
        display: inline !important;
    }
    .d-print-inline-block {
        display: inline-block !important;
    }
    .d-print-block {
        display: block !important;
    }
    .d-print-grid {
        display: -ms-grid !important;
        display: grid !important;
    }
    .d-print-table {
        display: table !important;
    }
    .d-print-table-row {
        display: table-row !important;
    }
    .d-print-table-cell {
        display: table-cell !important;
    }
    .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
    .d-print-none {
        display: none !important;
    }
}

.c-blue {
    color: var(--purple);
}

@media (min-width: 769px) {
    .lg-fz-20 {
        font-size: 20px;
    }
}

.social-links {
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

.social-links .social-label {
    width: 48px;
    height: 48px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    background: rgba(234, 235, 244, 1);
    border-radius: 50%;
}

.c-white {
    color: #fff;
}

.w-100p {
    width: 100%;
}

.readable-txt {
    font-size: 15px;
}

.fw-fields input[type="text"], .fw-fields input[type="tel"], .fw-fields input[type="email"], .fw-fields input[type="password"], .fw-fields input[type="search"], .fw-fields input[type="number"], .fw-fields textarea, .fw-fields .bttn {
    width: 100%;
    max-width: 410px;
}

.login-content-reg .bttn {
    max-width: 275px;
}

.stacked-list {
    margin-bottom: 25px;
}

.stacked-list .list-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 15px;
    position: relative;
}

.stacked-list .list-item .one {
    background: #E74F99;
    position: relative;
    z-index: 1;
    padding-right: 6px;
}

.stacked-list .list-item .two {
    background: #E74F99;
    position: relative;
    z-index: 1;
    padding-left: 6px;
}

.stacked-list .list-item.is--active {
    color: #2F3161;
    font-weight: 800;
}

.stacked-list .list-item.is--active .one, .stacked-list .list-item.is--active .two {
    background: #F4DC5B;
}

.stacked-list .list-item.is--active:before {
    content: '';
    position: absolute;
    top: -8px;
    bottom: -8px;
    left: -15px;
    right: -15px;
    border-radius: 50px;
    background: #F4DC5B;
}

.stacked-list .list-item.is--active:after {
    border-bottom-color: rgba(47, 49, 97, .5);
}

.stacked-list .list-item:after {
    content: '';
    position: absolute;
    border-bottom: 1px dashed rgba(255, 255, 255, .5);
    left: 0;
    right: 0;
    bottom: 9px;
}

.red-link {
    font-size: 16px;
    color: #E3142D !important;
}

.write-us-tg {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 10px;
}

.write-us-tg a {
    color: #2f3161 !important;
}

.nav-tabs .nav-link.nav-link {
    text-align: center;
}

.nav-tabs .nav-item.nav-item {
    padding-left: 0;
    padding-right: 0;
    min-width: 145px;
}

.count-badge[data-badge]:after {
    font-family: "Arial" !important;
    background: #F4F5F9;
    color: #E2647F;
    font-weight: bold;
}

.count-badge[data-badge="0"] {}

.count-badge[data-badge="0"]:after {
    display: none !important;
}

.count-badge.count-badge--right:after {
    font-family: "Arial" !important;
    font-size: 12px !important;
}

.count-badge.count-badge--dark:after {
    font-size: 11px;
    color: #fff;
    background: #000;
    width: 22px;
    height: 22px;
    right: -12px;
    top: -12px;
}

.mb-160.mb-160 {
    margin-bottom: 160px;
}

.c-gray {
    color: rgba(53, 78, 102, .6);
}

li.stroked {
    text-decoration: line-through;
}

.fz-16 {
    font-size: 16px;
    line-height: 23px;
}

.td-u {
    text-decoration: underline;
}

.td-u:hover {
    text-decoration: none;
}

.count-badge {
    position: relative;
    white-space: nowrap;
}

.count-badge:not([data-badge]) {
    margin-right: auto;
}

.count-badge[data-badge]:after {
    content: attr(data-badge);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-align: center;
        align-items: center;
    position: absolute;
    top: -12px;
    right: 5px;
    font-weight: 600;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.count-badge.count-badge--overlap {
    margin-right: 20px;
}

.count-badge.count-badge--overlap:after {
    right: -10px;
}

.smackbar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: table;
    margin: 0 auto;
    padding: 16px;
    padding: 1rem;
    width: 500px;
    z-index: 1000000000;
    transform: translateY(200%);
    transition: 0.5s transform;
    opacity: 0;
    background-color: #000;
    color: #fff;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

@media (max-width: 480px) {
    .smackbar {
        width: 100%;
        margin: 0;
    }
}

.smackbar.smackbar--shown {
    transform: translateY(0);
    opacity: 1;
}

.smackbar .smackbar-close {
    display: none;
}

.smackbar .smackbar-button {
    float: right;
    background: inherit;
    font-weight: bold;
    line-height: 1.2em;
    padding: 5px 5px 5px 20px;
    text-transform: uppercase;
    cursor: pointer;
}

.smackbar a {
    color: #fff;
}

.bordered-box {
    border: 1px solid #EAEBF1;
    padding: 15px;
}

.col-ps {
    position: static !important;
}

.hidden {
    display: none !important;
}

.c-red {
    color: #eb5757!important;
}

.i--gray {
    color: #AFB3BE;
}

.i--big {
    font-size: 48px;
    line-height: 1em;
}

.i--tar {
    text-align: right;
}

.i--tal {
    text-align: left;
}

.i--cent {
    text-align: center;
}

.i--strong {
    font-weight: bold;
}

.i--orange {
    color: #E2647F;
}

.i--no-border {
    border-bottom: none !important;
}

.i--prel {
    position: relative;
}

.i--dark {
    color: #2C2D31;
}

.i--bb.i--bb {
    margin-bottom: 22px;
    padding-bottom: 20px;
    border-bottom: 1px solid #EAEBF1;
}

.lbr:after {
    content: "\A";
    white-space: pre;
}

.inline-dotted {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.inline-dotted li:after {
    content: '';
    display: block;
    clear: both;
}

.inline-dotted li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 0;
}

.inline-dotted li:before, .inline-dotted li:after {
    display: none;
}

.inline-dotted .inline-dotted__title {
    float: left;
    width: 50%;
    border-bottom: 1px dashed #EAEBF1;
}

.inline-dotted .inline-dotted__title span {
    background: #fff;
    position: relative;
    padding: 0 5px 2px 0;
    top: 5px;
}

.inline-dotted .inline-dotted__value {
    display: block;
    margin-left: 50%;
    position: relative;
    background: #fff;
    padding: 0 2px 0 5px;
    top: 5px;
    width: 50%;
}

.no-mark {
    list-style: none;
    padding: 0;
}

.no-mark li {
    margin: 0;
}

.no-mark li:after {
    display: none;
}

.custom-list {
    list-style: none;
    margin-left: 0;
    padding: 0;
}

.custom-list li {
    margin: 0 0 10px;
}

.custom-list li:after {
    display: none;
}

.u-inline-list {
    margin-bottom: 8px;
}

.u-inline-list li {
    display: inline-block;
    margin: 0 6px 6px 0;
}

.js-link {
    cursor: pointer;
    color: #00A8F0;
    font-size: 15px;
    border-bottom: 1px dashed;
    text-decoration: none !important;
}

.js-link:hover {
    text-decoration: none !important;
    color: rgba(0, 0, 0, .8);
}

.js-link.is--darken {
    color: #354e66;
}

.js-link.is--darken:hover {
    color: rgba(0, 0, 0, .8);
    border-bottom-color: transparent;
}

.buy-cert-form .ui-autocomplete {}

@media (min-width: 769px) {
    .buy-cert-form .ui-autocomplete {
        width: 412px  !important;
    }
}

.ui-autocomplete {
    position: absolute;
    padding-left: 0;
    z-index: 99999;
    background-color: #f0f0f0 !important;
    /* box-shadow: 0px 0px 40px rgba(61, 104, 145, .2); */
    border-radius: 15px;
    list-style: none;
    max-height: 250px;
    overflow: auto;
    border: 1px solid #F2A228;
    padding-top: 14px;
    border-top: none;
    left: -1px  !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    top: 48px !important;
}

.ui-autocomplete li {
    line-height: 36px;
    margin: 0;
    /* padding-left: 9px; */
    text-align: left;
    color: #354e66;
    cursor: pointer;
    padding: 13px 25px;
    font-size: 16px;
}

.ui-autocomplete li a {
    color: #354E66;
}

.ui-autocomplete li a:hover {
    text-decoration: none !important;
}

.ui-autocomplete li:hover {
    background: rgba(233, 239, 248, .5);
}

.ui-autocomplete li:after {
    display: none;
}

.ui-helper-hidden-accessible {
    display: none !important;
}

.accordion.accordion--opened + .accordion.accordion--opened {
    /* border-top: none;
    margin-top: 0; */
}

.accordion.accordion--opened {
    /*  .accordion__button {
        display: none;
    } */
}

/* .accordion__button {
    font-size: 16px;
}
.accordion .accordion__content-wrapper {
    display: none;
    transition: all 0.3s ease-out;
}
.accordion .accordion__content {
    padding: 10px 0 0;
    > label {
        margin-right: 12px;
        color: $cartTableColors;
    }
    input[type="text"] {
        width: 100%;
        min-width: 0;
        
    }
    .bttn {
        padding: 6px 35px;
        height: 56px;
    }
}
.accordion-greedy {
    display: flex;
    align-items: center;
    justify-content: space-between;
    input[type="text"] {
        flex-grow: 2;
        margin-right: 15px;
    }
}
.accordion.accordion--opened .accordion__content-wrapper {
    display: block;
}
.accordion.has-coupon,
.accordion.has-voucher {
    display: none;
} */

.accordion .f-row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.accordion .cart-module {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    display: none;
}

.accordion input:checked ~ .cart-module {
    display: block;
}

.cart-module {
    width: 380px;
}

.cart-module .bttn.bttn.bttn {
    width: auto;
    padding: 10px 35px;
    height: 54px;
    font-size: 16px;
}

.cart-module input {
    max-width: 200px !important;
    min-width: 0 !important;
}

.accordion-greedy {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.table-responsive {
    min-height: 0.01%;
    overflow-x: auto;
}

.nav-tabs {
    border-bottom: none;
    margin-bottom: 30px;
}

.nav-tabs .nav-link {
    padding: 10px 15px;
    color: #000;
    height: 38px;
    border: none;
    margin-right: 5px;
    background: #F4F5F9;
    border-radius: 4px;
}

.nav-tabs .nav-link.active {
    background: #AFB3BE;
    color: #fff;
}

.fa-bars span {
    margin-left: 5px;
    font-family: 'Manrope';
}

.c-grays {
    color: rgba(53, 78, 102, .5);
}

@media screen and (max-width: 1024px) {
    .table-responsive {
        margin: 0 -3%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive table {
        min-width: 964px;
    }
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media (max-width: 575px) {
    .hidden-xs-down {
        display: none !important;
    }
}

@media (min-width: 576px) {
    .hidden-sm-up {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .hidden-sm-down {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .hidden-md-up {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .hidden-md-down {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .hidden-lg-up {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .hidden-lg-down {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-xl-up {
        display: none !important;
    }
}

.hidden-xl-down {
    display: none !important;
}

.mb-55 {
    margin-bottom: 65px;
}

@media (max-width: 768px) {
    .mb-55 {
        margin-bottom: 35px;
    }
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    min-width: 320px;
    height: 100%;
    --purple: #2F3161;
    --yellow-1: #F6E16D;
    --hff: 'Bebas Neue';
    --fz: 14px;
    --hero-fs: 30px;
    --h1-fs: 34px;
    --h2-fs: 46px;
    --h3-fs: 34px;
    --h4-fs: 22px;
    --h5-fs: 16px;
}
@media (min-width: 769px) {
    html {
        --fz: 22px;
        --hero-fs: 230px;
        --h1-fs: 60px;
        --h2-fs: 100px;
        --h3-fs: 60px;
        --h4-fs: 40px;
        --h5-fs: 30px;
    }
}
body {
    line-height: 1.4em;
    font-family: 'Manrope';
    font-size: var(--fz);
    min-height: auto;
    height: 100%;
    position: relative;
    background: #FFF;
    color: #2F3161;
}
*, :before, :after {
    box-sizing: border-box;
}
*:focus {
    outline: none !important;
}
::-moz-selection {
    background: #7caadb;
    color: #fff;
}
::selection {
    background: #7caadb;
    color: #fff;
}
h1, h2, h3, h4, h5, .hero-style, .h1-style, .h2-style, .h3-style, .h4-style, .h5-style, .h-anything-style {
    font-family: var(--hff);
    font-weight: 800;
    margin: 1.6em 0 .3em 0;
    line-height: 1.1em;
    /* text-transform: uppercase; */
}
.hero-style {
    text-transform: uppercase;
}
h1, .h1-style {
    margin: .6em 0 22.4px 0;
    margin: .6em 0 1.4rem 0;
    font-size: var(--h1-fs);
}
h2, .h2-style {
    font-size: var(--h2-fs);
    margin: 1.2em 0 .81em 0;
}
.h-anything-style {
    font-size: var(--h3-fs);
}
h3, .h3-style {
    font-size: var(--h3-fs);
    margin: 1em 0 1.6em 0;
}
@media (max-width: 768px) {
    h3, .h3-style {
        margin-bottom: 20px;
    }
}
h4, .h4-style {
    font-size: var(--h4-fs);
    margin-bottom: 15px;
}
h5, .h5-style {
    font-size: var(--h5-fs);
    margin-bottom: 25px;
}
/* links */
a {
    cursor: pointer;
    text-decoration: underline;
    color: #F6E16D;
}
a:hover {
    text-decoration: none;
}
a[href^="tel"] {
    color: inherit !important;
}
a[href^="tel"]:hover {
    color: inherit !important;
    text-decoration: none !important;
}
p {
    line-height: 1.35em;
    max-width: 54em;
}
.intro {
    font-size: 30px;
}
@media (max-width: 768px) {
    .intro {
        font-size: 14px;
    }
}
p, ol, ul {
    margin-bottom: 1.3em;
    margin-top: 0;
}
ul {
    padding-left: 20px;
}
ul li {
    text-align: left;
    list-style: none;
    margin-bottom: 28px;
    position: relative;
}
ul li .autor {
    margin-top: 5px;
    opacity: 0.5;
    font-size: 20px;
}
ul li:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    top: 10px;
    left: -20px;
}
@media (max-width: 768px) {
    ul li {
        margin-bottom: 8px;
    }
}
@media (max-width: 768px) {
    ul li .autor {
        font-size: 12px;
    }
}
ul.custom {
    padding-left: 34px;
}
ul.custom li {}
ul.custom li:after {
    top: 7px;
    width: 14px;
    height: 14px;
    left: -33px;
    background: #F4DC5B;
}
@media (max-width: 768px) {
    ul.custom li:after {
        top: 6px;
        width: 8px;
        height: 8px;
    }
}
@media (max-width: 768px) {
    ul.custom li {
        margin-bottom: 15px;
    }
}
ol {
    padding-left: 30px;
    counter-reset: olCounter;
}
ol > li {
    counter-increment: olCounter;
    position: relative;
    list-style: none;
    color: #fff;
    margin-bottom: 50px;
    padding-left: 105px;
    min-height: 64px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}
ol > li:before {
    content: counter(olCounter);
    position: absolute;
    font-weight: 700;
    font-family: 'Manrope';
    color: #2F3161;
    line-height: 140%;
    font-size: 25px;
    width: 64px;
    top: 1px;
    left: 0;
    height: 64px;
    border-radius: 50%;
    background: #F4DC5B;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
}
@media (max-width: 768px) {
    ol {
        padding-left: 15px;
    }
    ol li {
        padding-left: 44px;
        min-height: 37px;
        margin-bottom: 20px;
    }
    ol li:before {
        width: 34px;
        height: 34px;
        font-size: 14px;
    }
}
/* form */
select, input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="search"], input[type="number"], textarea {
    background: #F0F0F0;
    box-sizing: border-box;
    border-radius: 10px;
    color: #2F3161;
    font-size: 15px;
    line-height: 1.6em;
    border: none;
    padding: 15px 20px 15px;
    min-width: 306px;
    box-shadow: none;
    transition: all 0.3s ease-out;
}
select:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, textarea:focus {
    box-shadow: 0px 0px 2px 1px #F2A228;
}
select[readonly="readonly"], input[type="text"][readonly="readonly"], input[type="tel"][readonly="readonly"], input[type="email"][readonly="readonly"], input[type="password"][readonly="readonly"], input[type="search"][readonly="readonly"], input[type="number"][readonly="readonly"], textarea[readonly="readonly"] {
    pointer-events: none;
    color: #b2b2b2;
}
textarea {
    height: auto;
    border-radius: 10px;
}
select {
    margin-right: 0;
    max-width: 100%;
    background: #F0F0F0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding-right: 45px;
    background: #F0F0F0 url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg id='chevron-down'%3E %3Cpath id='Vector' d='M6 9.5L12 15.5L18 9.5' stroke='%232F3161' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/g%3E %3C/svg%3E") no-repeat calc(100% - 22px) 16px;
}
select option {
    background: #F4F5F9;
}
select#input-zone {
    width: 160px;
}
button {
    padding: 0;
    background: none;
    border: none;
}
.f-row__input-sub {
    font-size: 16px;
    color: rgba(53, 78, 102, .5);
    margin-top: 10px;
    margin-bottom: 15px;
}
[v-cloak] {
    display: none !important;
}
textarea.warning, input.warning, select.warning {
    border-color: #eb5757;
    color: #eb5757;
}
/* ::-webkit-input-placeholder {
    color: rgba($baseColor, 0.5);
}
:-ms-input-placeholder {
    color: rgba($baseColor, 0.5);
}
::-moz-placeholder {
    color: rgba($baseColor, 0.5);
    opacity: 1;
}
:-moz-placeholder {
    color: rgba($baseColor, 0.5);
    opacity: 1;
} */
label {
    cursor: pointer;
    margin: 0;
}
.bttn {
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-decoration: none !important;
    text-transform: uppercase;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    font-family: 'Manrope';
    font-size: 22px;
    font-weight: 800;
    padding: 30px 55px;
    height: 91px;
    color: #fff;
    border: none;
    border-radius: 100px;
    background: #E74F99;
    transition: all 0.2s ease-out;
    text-align: center;
}
@media (max-width: 768px) {
    .bttn {
        font-size: 15px;
        height: 61px;
        padding: 20px 35px;
    }
}
.bttn.iconed {
    border-radius: 50px;
    width: 34px;
    height: 34px;
    padding: 0;
}
.bttn.middle {
    font-size: 20px;
    height: 68px;
    padding: 20px 35px;
}
.bttn:hover {
    box-shadow: 0px 0px 20px #e74f99;
}
.bttn.bttn--border {
    border: 1px solid #3D6891;
    background: none;
}
.bttn.bttn--border:hover {
    box-shadow: 0px 0px 20px #92b9de;
}
.bttn.bttn--second {
    background: #F4DC5B;
    color: #2F3161;
}
.bttn.bttn--second:hover {
    box-shadow: 0px 0px 20px #fff375;
}
.bttn.bttn--dark {
    background: #000 !important;
    color: #fff !important;
}
.bttn.bttn--dark:hover {
    box-shadow: 0px 0px 20px #000 !important;
}
.bttn.disabled {
    pointer-events: none;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
    filter: grayscale(100%);
    color: #B2B2B2;
}
.bttn.tiny {
    background: rgba(255, 255, 255, .10);
    padding: 15px 23px 15px 23px;
    box-shadow: none !important;
    height: auto;
    font-size: 18px;
    text-transform: none;
    font-weight: 600;
    line-height: 1em;
}
.bttn.tiny.is--active {
    background: #fff;
    color: #2F3161;
}
@media (max-width: 768px) {
    .bttn.tiny {
        font-size: 14px;
        padding: 11px 14px;
    }
}
.p-front.is--black-sale {
    /* .bttn.bttn--second {
        background: #000;
        color: #fff;
        &:hover {
            box-shadow: 0px 0px 20px #000;
        }
    } */
}
.p-front.is--black-sale .bttn:not(.bttn--second) {
    background: #fff;
    color: #000;
}
input[type="radio"] {
    position: relative;
    width: 20px;
    height: 20px;
    padding-left: 20px;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    margin-right: 13px;
    vertical-align: top;
}
input[type="radio"]:before {
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 2px solid rgba(47, 49, 97, 1);
    width: 20px;
    height: 20px;
    top: 0px;
    left: 0;
    transition: all 0.2s ease-out;
}
input[type="radio"]:after {
    opacity: 0;
    transition: all .3s ease-out;
    content: "";
    position: absolute;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: rgba(47, 49, 97, 1);
    top: 5px;
    left: 5px;
}
input[type="radio"]:checked, input[type="radio"].js-rating-active {}
input[type="radio"]:checked:after, input[type="radio"].js-rating-active:after {
    opacity: 1;
}
.radio__label {
    display: block;
    margin-right: 6px;
    padding-left: 25px;
}
.radio__label-icon {
    display: block;
    width: 100%;
    height: 80px;
    line-height: 70px;
    margin-top: 30px;
}
.radio__label-icon img {
    max-height: 50%;
    max-width: 80%;
}
input[type="checkbox"] {
    position: relative;
    width: 18px;
    height: 18px;
    padding-left: 18px;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    margin-right: 12px;
    margin-top: 1px;
    vertical-align: top;
}
input[type="checkbox"] + label {
    font-size: 15px;
    line-height: 22px;
    -ms-flex-pack: start;
        justify-content: flex-start;
    max-width: calc(100% - 20px);
    color: rgba(47, 49, 97, 1);
    display: inline-block;
}
input[type="checkbox"] + label a {
    color: rgba(47, 49, 97, 1);
}
input[type="checkbox"]:before {
    content: "";
    position: absolute;
    border-radius: 3px;
    border: 2px solid rgba(47, 49, 97, 1);
    width: 18px;
    height: 18px;
    top: 0px;
    left: 0;
}
input[type="checkbox"]:checked {}
input[type="checkbox"]:checked:after {
    content: "";
    position: absolute;
    z-index: 1;
    margin: 0;
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    cursor: pointer;
    background: rgba(47, 49, 97, 1);
}
.checkbox__label {
    font-size: 14px;
    line-height: 22px;
    color: #b2b2b2;
}
.checkbox__label a {
    color: #b2b2b2;
}
.checkbox__label label {
    display: -ms-flexbox;
    display: flex;
}
.radio-style {
    position: relative;
    cursor: pointer;
    text-align: center;
}
.radio-style .radio-style__label {
    display: block;
    padding: 2px 4px;
    height: 26px;
    line-height: 22px;
    min-width: 46px;
    background: #F4F5F9;
    border-radius: 4px;
}
.radio-style .radio-style__input {
    visibility: hidden;
    position: absolute;
    width: 0;
    height: 0;
    left: -99999px;
}
.radio-style .radio-style__input:checked + .radio-style__label {
    background: #000;
    color: #fff;
}
.f-row {
    width: 100%;
    padding: 0;
    margin-bottom: 25px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
}
.f-row .forgotten-link {
    position: absolute;
    right: 0;
    line-height: 1em;
    top: 5px;
}
.f-row .error {
    /* font-size: 12px; */
    font-size: 16px;
    line-height: 1.4em;
    margin-top: 5px;
    position: relative;
    color: red;
    display: block;
}
.f-row .error a {
    font-size: 16px;
}
.f-row .f-row__label, .f-row > label {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-bottom: 10px;
    font-size: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
}
.f-row > textarea {
    vertical-align: middle;
}
.f-row .labels-wrapper, .f-row .textarea-wrapper {
    display: inline-block;
    vertical-align: middle;
}
.f-row .f-row__sub-image {
    padding-left: 240px;
    margin-top: 20px;
    margin-bottom: 0;
}
.f-row .f-row__sub-image img {
    max-width: 100%;
}
.f-row .label-help {
    margin-top: 10px;
    font-size: 15px;
}
.f-row .bttn {
    height: 68px;
    padding: 20px 55px;
    /*  width: 100%; */
    text-align: center;
    -ms-flex-pack: center;
        justify-content: center;
    font-size: 20px;
}
.f-row.f-row--textarea {
    display: block;
}
.f-row.f-row--textarea > label {
    position: relative;
    padding-left: 32px;
}
.f-row.f-row--textarea > label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 22px;
    width: 12px;
    height: 12px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M5.09359 12.04V7.3H0.353594V5.29H5.09359V0.489999H7.10359V5.29H11.8736V7.3H7.10359V12.04H5.09359Z' fill='%235E87AA'/%3E %3C/svg%3E") no-repeat;
}
.f-row.f-row--textarea textarea[name="comment"] {
    width: 100%;
}
.f-row.f-row--checkbox {
    -ms-flex-direction: row !important;
        flex-direction: row !important;
}
@media (max-width: 768px) {
    .f-row .f-row__sub-image {
        padding-left: 0;
    }
}
textarea {
    transition: box-shadow 0.3s ease-out;
}
/* .accordion--opened {
    .f-row.f-row--textarea>label:before {
        background: svg-load(../svg/icon-minus.svg) no-repeat 50%;
    }
} */
::-webkit-resizer {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M0 8.56601L8.56601 0L9.27312 0.707107L0.707107 9.27312L0 8.56601Z' fill='%235E87AA'/%3E %3Cpath d='M4.908 8.56599L8.56601 4.90799L9.27312 5.6151L5.61511 9.2731L4.908 8.56599Z' fill='%235E87AA'/%3E %3C/svg%3E") no-repeat 0 0;
}
.f-row-group {
    margin-bottom: 70px;
}
.f-row__item-title {
    display: inline-block;
    margin-bottom: 15px;
}
.f-row__buttons {
    margin-bottom: 30px;
    text-align: center;
}
.f-row-cnt {
    display: inline-block;
}
.f-row__label-outer {
    margin-left: 225px;
}
.radio-box {
    margin-bottom: 15px;
}
.main-form-error {
    font-size: 16px;
    color: #f00;
}
/* .intro {
    font-size: 24px;
} */
.form-reverse .f-row > label {
    -ms-flex-align: end;
        align-items: flex-end;
    padding-right: 65px;
}
.form-reverse .f-row > label span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
}
.form-reverse .f-row > label span .required {
    margin-right: 4px;
}
.form-reverse .f-row.row--checkbox > label {
    -ms-flex-align: start;
        align-items: flex-start;
    padding-right: 0;
}
table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
table thead td {
    color: #000;
    padding: 20px 15px;
    border-bottom: none;
}
table td {
    padding: 15px;
    vertical-align: top;
    border-bottom: 1px solid #EAEBF1;
}
table tfoot td {
    border-bottom: none;
}
table.attr-table td {
    padding: 15px 0;
}
.price-loader {
    display: inline-block;
    width: 40px;
    position: relative;
}
.price-loader:after {
    content: " .";
    animation: dots 1s steps(5, end) infinite;
}
@keyframes dots {
    0%, 20% {
        color: #3d6891;
    }
    40% {
        color: #5e87aa;
    }
    60% {
        text-shadow: 0.25em 0 0 #5e87aa, 0.5em 0 0 #3d6891;
    }
    80%, 100% {
        text-shadow: 0.25em 0 0 #5e87aa, 0.5em 0 0 #5e87aa;
    }
}

.fancybox-p-page .fancybox-caption-wrap {
    display: none !important;
}

.fancybox-thumbs {
    display: none !important;
}

.fancybox-enabled {
    overflow: hidden;
}

.fancybox-enabled body {
    overflow: visible;
    height: 100%;
}

.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99993;
    backface-visibility: hidden;
}

.fancybox-container ~ .fancybox-container {
    z-index: 99992;
}

.fancybox-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition-timing-function: cubic-bezier(.55,.06,.68,.19);
    backface-visibility: hidden;
}

.fancybox-container--ready .fancybox-bg {
    transition-timing-function: cubic-bezier(.22,.61,.36,1);
}

.fancybox-controls {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    z-index: 99994;
    transition: opacity .2s;
    pointer-events: none;
    backface-visibility: hidden;
    direction: ltr;
}

.fancybox-button--disabled::before, .fancybox-button--disabled::after {
    opacity: 0.5;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 88px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-show-controls .fancybox-controls {
    opacity: 1;
}

.fancybox-infobar {
    display: none;
}

.fancybox-show-infobar .fancybox-infobar {
    display: inline-block;
    pointer-events: all;
}

.fancybox-infobar__body {
    display: inline-block;
    width: 70px;
    line-height: 44px;
    font-size: 13px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: center;
    color: #ddd;
    background-color: rgba(0, 0, 0, .8);
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: subpixel-antialiased;
}

.fancybox-buttons {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    pointer-events: all;
}

.fancybox-show-buttons .fancybox-buttons {
    display: block;
}

.fancybox-slider-wrap {
    overflow: hidden;
}

.fancybox-slider-wrap, .fancybox-slider {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    z-index: 99993;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: none;
    white-space: normal;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0;
}

.fancybox-slide > * {
    display: inline-block;
    position: relative;
    padding: 24px;
    margin: 44px 0 44px;
    border-width: 0;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
    overflow: auto;
}

.fancybox-slide--image {
    overflow: hidden;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-content {
    display: inline-block;
    position: relative;
    margin: 44px auto;
    padding: 0;
    border: 0;
    width: 80%;
    height: calc(100% - 88px);
    vertical-align: middle;
    line-height: normal;
    text-align: left;
    white-space: normal;
    outline: none;
    font-size: 16px;
    font-family: Arial, sans-serif;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-overflow-scrolling: touch;
    min-height: 80vh;
}

.fancybox-iframe {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    /* min-height: 80vh; */
}

.fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe {
    background: transparent;
}

.fancybox-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 99995;
    background: transparent;
    cursor: default;
    overflow: visible;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    backface-visibility: hidden;
}

.fancybox-image, .fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    max-width: none;
    max-height: none;
    background: transparent;
    background-size: 100% 100%;
}

.fancybox-controls--canGrab .fancybox-placeholder {
    cursor: grab;
}

.fancybox-controls--isGrabbing .fancybox-placeholder {
    cursor: grabbing;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-tmp {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden;
}

.fancybox-error {
    position: absolute;
    margin: 0;
    padding: 40px;
    top: 50%;
    left: 50%;
    width: 380px;
    max-width: 100%;
    transform: translate(-50%, -50%);
    background: #fff;
    cursor: default;
}

.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.fancybox-close {
    position: absolute;
    line-height: 27px;
    top: 0;
    right: 0;
    height: 65px;
    width: 65px;
    cursor: pointer;
    z-index: 8090;
    font-size: 0;
    border-bottom: none;
    border: none;
    background: none;
}

.fancybox-close span {
    width: 35px;
    height: 35px;
    /* background: svg-load(../svg/ico-remove.svg, stroke: none, fill: $swiperArrows) no-repeat 0 0; */
}

.fancy-box-bttns-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.fancy-box-bttns-wrap .fancybox-button {
    position: absolute;
    left: 20%;
    top: 50%;
    width: 50px;
    height: 50px;
    transform: translate(0, -50%);
    z-index: 99994;
}

.fancy-box-bttns-wrap .fancybox-button span {
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
}

.fancy-box-bttns-wrap .fancybox-button:before, .fancy-box-bttns-wrap .fancybox-button:after {
    display: none;
}

.fancy-box-bttns-wrap .fancybox-button.fancybox-button--right {
    left: auto;
    right: 20%;
    background-position: -74px 0;
}

.fancybox-caption-wrap {
    font-size: 24px;
    position: absolute;
    z-index: 8050;
    bottom: 15px;
    width: 100%;
    text-align: center;
    line-height: 1.3em;
}

.fancybox-show-caption .fancybox-caption-wrap {
    opacity: 1;
}

.fancybox-button {
    display: inline-block;
    position: relative;
    width: 44px;
    height: 44px;
    line-height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    background: transparent;
    color: #fff;
    vertical-align: top;
    outline: none;
}

.fancybox-button--disabled {
    cursor: default;
    pointer-events: none;
    opacity: 0.3;
}

.fancybox-button--play {
    display: none !important;
}

.fancybox-button--close {
    float: right;
}

/* Loading spinner */

.fancybox-loading {
    border: 6px solid rgba(100, 100, 100, .4);
    border-top: 6px solid rgba(255, 255, 255, .6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    animation: fancybox-rotate .8s infinite linear;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

/* Styling for Small-Screen Devices */

@media all and (wisth <= 768px) {
    .fancybox-controls {
        text-align: left;
    }
    .fancy-box-bttns-wrap {
        display: none;
        background: none;
    }
    .fancybox-button--play {
        display: none !important;
    }
    .fancybox-caption {
        padding: 20px 0;
        margin: 0;
    }
}

.fancybox-slider-wrap .fluent-video {
    max-width: 100vw;
}

.fluent-video {
    padding: 0;
}
body.locked {
    width: auto;
    overflow: hidden;
}
.ui-dialog-pre-wrap {
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.ui-dialog-pre-wrap .ui-dialog-wrap {
    display: table;
    height: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    margin: auto;
    width: 100%;
}
.ui-dialog-pre-wrap .ui-dialog-last-wrap {
    display: table-cell !important;
    vertical-align: middle;
}
.ui-dialog-pre-wrap .ui-dialog {
    position: relative;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
}
.ui-dialog-pre-wrap .ui-dialog .l-section {
    padding: 0;
    min-width: 0;
}
@media(max-width: 768px) {
    .ui-dialog-pre-wrap .ui-dialog-wrap {
        padding-top: 0;
        padding-bottom: 0;
    }
}
@media(max-width: 768px) {
    .ui-dialog-pre-wrap .ui-dialog-last-wrap {
        /* background: #F6E16D; */
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
    }
}
@media(max-width: 768px) {
    .ui-dialog-pre-wrap .ui-dialog {
        width: 100% !important;
        padding: 60px 20px 30px;
    }
}
.ui-dialog-titlebar {
    position: relative;
    z-index: 2;
}
.ui-widget-overlay, .fancybox-bg {
    background: rgba(0, 0, 0, .50);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.ui-dialog {
    width: 740px;
    padding: 60px;
    position: absolute;
    top: 0;
    z-index: 1002 !important;
    background: #F6E16D;
    outline: none !important;
}
.ui-dialog .f-row {
    -ms-flex-direction: column;
        flex-direction: column;
    margin-bottom: 25px;
}
.ui-dialog .f-row label {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}
.ui-dialog .f-row input {
    width: 100%;
    max-width: 100%;
}
.ui-dialog .f-row .f-row__label-outer {
    margin-left: 0;
}
.ui-dialog .f-row .error {
    margin-left: 0;
}
.ui-dialog .f-row__cnt {
    width: 100%;
}
.ui-dialog .f-row__cnt textarea {
    width: 100%;
}
.ui-dialog .f-row.f-row--textarea {
    margin-bottom: 40px;
}
.ui-dialog .ui-dialog-titlebar.no-title .ui-dialog-title {
    display: none !important;
}
.ui-dialog .ui-dialog-title {
    font-size: 60px;
    line-height: 55px;
    color: #2F3161;
    margin-bottom: 30px;
    display: block;
    text-align: center;
    font-weight: 700;
    font-family: var(--hff);
}
.ui-dialog .ui-dialog-title .fw {
    color: #E74F99;
}
.author-cnt p:last-of-type {
    margin-bottom: 0;
}
.ui-slider, ul.custom li, ul.ib {
    text-align: left;
}
.ui-dialog .ui-dialog-titlebar-close {
    cursor: pointer;
    padding: 0;
    border: none;
    background: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    top: -84px;
    right: -84px;
    width: 50px;
    height: 50px;
    font-size: 0;
    text-indent: -99999px;
    border-radius: 50%;
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
}
.ui-dialog .ui-dialog-titlebar-close .ui-button-icon {
    width: 25px;
    height: 25px;
    display: block;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none'%3E%3Cg stroke='%232F3161' stroke-linecap='round' stroke-linejoin='round' stroke-width='9'%3E%3Cpath d='M19.03 6.77s-4.505 4.16-12.4 12.4'/%3E%3Cpath d='M6.63 6.77c4.279 7.776 12.4 12.4 12.4 12.4'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50%;
}
@media(max-width: 768px) {
    .ui-dialog .ui-dialog-titlebar-close {
        top: -58px;
        right: -14px;
        background: none;
    }
}
.ui-dialog-title h1 {
    margin-bottom: 0;
}
.ui-dialog .ui-dialog-content {
    position: relative;
}

.ext-menu__items {
    margin-bottom: 0;
}

.b-outer-block {
    position: relative;
}

.b-outer-block:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: auto;
    height: 460px;
    bottom: -20px;
    left: -33%;
    right: -33%;
    border: 21px solid rgba(0, 0, 0, .03);
}

.b-outer-block.i--inner {}

.b-outer-block.i--inner:after {
    height: 270px;
}

.b-outer-block.i--no-fix {}

.b-outer-block.i--no-fix:after {
    height: auto;
    top: -13%;
    bottom: -13%;
}

.b-outer-block.i--news-list {
    margin-bottom: 200px;
    top: 65px;
}

.b-outer-block-cnt {
    z-index: 2;
    position: relative;
}

.l-b-box {
    border-radius: 4px;
    background: #fff;
    padding: 30px;
    border: 1px solid #EAEBF1;
}

.l-info-list .l-info-list__item {
    margin-bottom: 30px;
}

.l-info-list .l-info-list__item .l-info-list__date {
    color: #AFB3BE;
    margin-bottom: 5px;
}

.l-info-list .l-info-list__item .l-info-list__title {
    font-weight: bold;
}

.l-info-list .l-info-list__item:last-of-type {
    margin-bottom: 0;
}

.p-module-block {
    margin-bottom: 50px;
    position: relative;
    width: 100%;
}

.p-module-block .swiper-buttons-wrap {
    position: absolute;
    height: 40px;
    right: 0;
    top: 0;
    white-space: nowrap;
}

.p-module-block .swiper-buttons-wrap button {
    cursor: pointer;
    border: none;
    background: none;
}

.p-module-block .split-view__item .split-view__cnt {
    text-align: center;
    display: block;
}

.p-module-block.p-module-block--double {
    width: 100%;
}

.p-module-block.p-module-block--double .swiper-buttons-wrap {
    top: -80px;
}

.swiper-button-disabled {
    opacity: 0;
    pointer-events: none;
}

.p-module-block__title-wrap {
    text-align: center;
    margin-bottom: 115px;
    margin-bottom: 40px;
    font-size: 55px;
    font-family: 'Besom 2';
    text-align: left;
    color: #2C2D31;
    line-height: 1.3em;
    padding-right: 100px;
}

.p-module-block__title {
    font-size: 55px;
    color: #3D6891;
    line-height: 1.25em;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
}

.p-module-block-more-wrap {
    text-align: center;
    text-transform: uppercase;
    margin-top: 70px;
}

.split-view__item {
    position: relative;
}

.split-view__item .split-view__image {
    margin-bottom: 15px;
}

.split-view__item .split-view__image img {
    max-width: 100%;
    width: 100%;
}

.split-view__item .split-view__date {
    line-height: 1.3em;
    margin-bottom: 20px;
    color: #757575;
}

.split-view__item .split-view__title {
    margin: 0 0 5px;
    line-height: 1.7em;
    font-size: 18px;
    font-weight: bold;
    color: #2C2D31;
}

.split-view__item .split-view__title.i--op {
    padding: 0 10px;
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    height: 40px;
    background: rgba(255, 255, 255, .7);
}

.split-view__item .split-view__teaser {
    line-height: 1.5em;
}

.split-view__item .split-view__cnt {
    padding: 20px;
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
}

.split-view__item.split-view__item--padded {
    padding: 60px 70px;
    text-align: left;
}

.l-home-content {
    overflow: hidden;
    width: 100%;
    margin-bottom: 100px;
}

.front-home-description {
    margin: 110px 0;
}

.location-main-map {
    position: relative;
    width: 100%;
    height: 450px;
}

.ya-info-window {
    background: #fff;
    padding: 20px;
    position: relative;
    width: 240px;
}

.ya-info-window .title {
    font-size: 18px;
    margin-bottom: 5px;
}

.ya-info-window .phone {
    margin-bottom: 4px;
}

.ya-info-window .worktime {
    margin-bottom: 4px;
}

.ya-info-window .close {
    border-bottom: none;
    position: absolute;
    top: 4px;
    right: 9px;
}

.ya-info-window ymaps {
    width: 100% !important;
}

.similar.block {
    margin: 30px 0 40px;
}

.similar.block .box-heading {
    font-size: 40px;
    line-height: 1.3em;
    margin-bottom: 10px;
}

.similar.block li {
    margin-bottom: 7px;
}

.fa-ico-title {
    padding-left: 106px;
    position: relative;
    height: 80px;
    overflow: hidden;
    line-height: 1em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 45px;
}

.fa-ico-title .fa {
    color: #000;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 84px;
}

.fa.i--big {
    color: #000;
    font-size: 84px;
}

.circle-block {
    width: 120px;
    height: 120px;
    font-size: 55px;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    text-align: center;
    padding: 0 5px;
    line-height: 1em;
}

.circle-block span {
    word-break: break-word;
}

.circle-block.i--red {
    color: #FFF;
    background: #000;
}

.hint-popup-wrap {
    position: relative;
}

.city-switcher .hint-popup {
    width: 260px;
    left: 50%;
    top: 33px;
    margin-left: -120px;
    box-shadow: 0 10px 20px 0 rgba(44, 44, 50, .15);
}

.hint-popup {
    position: absolute;
    padding: 20px;
    background: #000;
    color: #FFF;
    z-index: 1001;
    text-align: center;
}

.hint-popup .hint-popup__title {
    font-size: 16px;
    margin-bottom: 15px;
}

.hint-popup a {
    color: #FFF;
    border-bottom: inherit;
}

.hint-popup:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #000;
    top: -10px;
    left: 50%;
    margin-left: -10px;
}

/* Tablet */

@media (min-width: 768px) and (max-width: 992px) {
    .p-module-block__title, .p-module-block__title-wrap.i--left {
        font-size: 24px;
    }
}

/* Phone */

@media (max-width: 768px) {
    .l-catagory-list li {
        display: inline-block;
    }
    .l-b-box {
        padding: 0;
    }
    .p-page .tab-pane {
        padding: 20px;
    }
    .p-module-block.p-module-block--double .swiper-buttons-wrap {
        top: -35px;
        left: 0;
        text-align: center;
    }
    .p-module-block__title, .p-module-block__title-wrap.i--left {
        font-size: 40px;
    }
}

.a2hs-msg {
    padding: 10px 15px;
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    grid-gap: 10px;
    -ms-flex-align: center;
        align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 0px 40px rgba(61, 104, 145, .2);
}

.a2hs-msg .text {
    font-size: 12px;
    line-height: 14px;
}

.a2hs-closer {
    padding: 0;
    border: none;
    width: 13px;
    -ms-flex: 0 0 13px;
        flex: 0 0 13px;
    height: 13px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none'%3E%3Cg stroke='%232F3161' stroke-linecap='round' stroke-linejoin='round' stroke-width='9'%3E%3Cpath d='M19.03 6.77s-4.505 4.16-12.4 12.4'/%3E%3Cpath d='M6.63 6.77c4.279 7.776 12.4 12.4 12.4 12.4'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50%;
}

.icon-manifest {
    -ms-flex: 0 0 30px;
        flex: 0 0 30px;
    width: 30px;
    height: 30px;
    background: url(/bricks/css/images/icon-manifest.png) no-repeat 50%;
}

.a2hs-msg__bttn.a2hs-msg__bttn {
    -ms-flex: 0 0 30px;
        flex: 0 0 30px;
    width: 30px;
    height: 30px;
    padding: 0;
    border: none;
    background: #FFEF43;
    border-radius: 50%;
    position: relative;
}

.a2hs-msg__bttn.a2hs-msg__bttn:after {
    content: "+";
    position: absolute;
    font-size: 21px;
    color: #3d6891;
    font-weight: 700;
    line-height: 30px;
    top: 0px;
    left: 10px;
}
.head-progress-wrap {
    margin-bottom: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
}
.head-progress-wrap .head-progress {
    position: relative;
    width: 390px;
    height: 81px;
    background: url('/media/images/template/progbar-bgr.png') no-repeat 0 0;
}
.head-progress-wrap .head-progress:after {
    content: '';
    position: absolute;
    background: url('/media/images/template/progbar-star.png') no-repeat 0 0;
    width: 132px;
    height: 121px;
    top: -19px;
    right: -50px;
}
.swiper-pagination-progressbar-fill {
    position: absolute;
    left: 14px;
    top: 0;
    /* width: 100%; */
    top: 15px;
    bottom: 17px;
    background: url('/media/images/template/progbar-line-2.png') no-repeat top right;
    background-size: 384px 49px;
    border-radius: 25px;
    max-width: 380px;
}
.js-carousel .js-swiper {
    padding-bottom: 0;
}
.flex-control-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    position: absolute;
    bottom: 16px;
    z-index: 2;
}
.flex-control-nav li {
    margin: 0 3px;
    display: inline-block;
}
.flex-control-paging li a, .flex-control-paging li.dot-li {
    background: #EAEBF1;
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    border: 1px solid #5e87aa;
}
.flex-control-paging li.dot-li {
    display: inline-block;
}
/* .flex-control-paging li a:hover,
.flex-control-paging li.dot-li:hover { 
    background: color($slidePagerColor a(80%));
} */
.flex-control-paging li a.flex-active, .flex-control-paging li.dot-li.flex-active {
    background: #5e87aa;
    cursor: default;
}
@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px;
    }
    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px;
    }
}
.slideshow-item {
    text-align: center;
}
.slideshow-item img {
    max-width: 100%;
}
.swiper-buttons-wrap {
    margin: 35px 0 0;
}
.swiper-buttons-wrap .flex-control-nav {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    position: static;
    /* max-width: 100%; */
    margin-left: -5px;
    margin-right: -5px;
    white-space: normal;
    text-align: center;
}
.swiper-buttons-wrap.swiper-nav {
    top: 50%;
    width: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.js-swiper-wrap--columns {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
}
.js-swiper.swiper-container-horizontal > div:first-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    float: none !important;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    transition: transform 0.3s ease-out;
    min-width: 0;
    padding: 0;
}
.js-swiper.swiper-container-horizontal > div:first-child > div {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    float: none !important;
    -ms-flex: none;
        flex: none;
    margin: 0;
    padding: 0;
    width: auto;
}
.swiper-container-wrap {
    overflow: hidden;
    padding: 0 min(150px, 7vw);
    margin: 0 max(-50px, -2.5vw);
    padding-top: 40px;
    padding-bottom: 110px;
}
@media (max-width: 768px) {
    .swiper-container-wrap {
        padding-bottom: 40px;
    }
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: transform;
    margin-bottom: 100px;
}
@media (max-width: 768px) {
    .swiper-wrapper {
        margin-bottom: 43px;
    }
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    /* width: 100%; */
    height: 100%;
    position: relative;
    opacity: 0;
    transition: opacity .3s ease-out;
}
.swiper-slide img {
    max-width: 100%;
}
.swiper-slide.swiper-slide-visible {
    opacity: 1;
}
[data-show="auto"] .swiper-slide {
    width: auto;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 32%;
    cursor: pointer;
    z-index: 2;
}
@media(max-width: 768px) {
    .swiper-button-next, .swiper-button-prev {
        display: none;
    }
}
.swiper-button-prev {
    left: -70px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='61' fill='none'%3E%3Cpath fill='%23F4DC5B' d='M29.922 5.281c-13.8 0-25 11.2-25 25s11.2 25 25 25 25-11.2 25-25-11.175-25-25-25Zm7.5 30.575-7.25 4.175a5.71 5.71 0 0 1-5.75 0 5.714 5.714 0 0 1-2.875-5v-8.375a5.742 5.742 0 0 1 2.875-5c1.8-1.05 3.95-1.05 5.775 0l7.25 4.175c1.8 1.05 2.875 2.9 2.875 5s-1.075 3.975-2.9 5.025Z'/%3E%3Ccircle cx='30' cy='30.281' r='15' fill='%23F4DC5B'/%3E%3Cpath stroke='%232F3161' stroke-linecap='round' stroke-linejoin='round' stroke-width='9' d='M29.17 36.23s6-2.948 6-6c0-3.05-6-6-6-6'/%3E%3C/svg%3E") no-repeat 50%;
    transform: scale(-1, 1);
}
.swiper-button-next {
    right: -70px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='61' fill='none'%3E%3Cpath fill='%23F4DC5B' d='M29.922 5.281c-13.8 0-25 11.2-25 25s11.2 25 25 25 25-11.2 25-25-11.175-25-25-25Zm7.5 30.575-7.25 4.175a5.71 5.71 0 0 1-5.75 0 5.714 5.714 0 0 1-2.875-5v-8.375a5.742 5.742 0 0 1 2.875-5c1.8-1.05 3.95-1.05 5.775 0l7.25 4.175c1.8 1.05 2.875 2.9 2.875 5s-1.075 3.975-2.9 5.025Z'/%3E%3Ccircle cx='30' cy='30.281' r='15' fill='%23F4DC5B'/%3E%3Cpath stroke='%232F3161' stroke-linecap='round' stroke-linejoin='round' stroke-width='9' d='M29.17 36.23s6-2.948 6-6c0-3.05-6-6-6-6'/%3E%3C/svg%3E") no-repeat 50%;
}
/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
    -ms-flex-align: start;
        align-items: flex-start;
    transition-property: transform, height;
}
/* Arrows */
.swiper-button-disabled {
    opacity: 0.5;
    cursor: auto;
    pointer-events: none;
}
/* Pagination Styles */
.swiper-pagination {
    position: relative;
    text-align: center;
    transition: 300ms;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction, .swiper-pagination-custom {
    bottom: 10px;
    left: 0;
    width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    margin: 0 6px;
    opacity: 0.2;
    transition: all .3s ease-out;
}
@media (max-width: 768px) {
    .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet-active {
    opacity: 1;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.l-pagination {
    margin: 40px 0 70px;
}

.l-pagination .bttn {
    font-weight: bold;
    margin-right: 10px;
}

.l-pagination b {
    display: inline-block;
    margin-right: 10px;
}

.l-pagination .icon {
    margin-left: 11px;
}

.g-checkout h1 {
    margin-top: 0;
    margin-bottom: 15px;
}

.checkout-row__title h4 {
    margin-top: 0;
    margin-bottom: 20px;
}

.checkout-shiplist {
    margin-bottom: 50px;
}

@media (max-width: 768px) {
    .checkout-shiplist {
        margin-bottom: 30px;
    }
}

.checkout-shiplist__full-list p:last-of-type {
    margin-bottom: 0;
}

.checkout-row__inner .names-list {
    margin-bottom: 0;
}

.checkout-row__inner .names-list .names-list__item {
    margin-bottom: 22px;
    position: relative;
    background: #e9eff8;
    box-sizing: border-box;
    border-radius: 10px;
    color: #354e66;
    font-size: 16px;
    line-height: 1.6em;
    padding: 15px 28px 14px;
    min-width: 306px;
    box-shadow: none;
    transition: all 0.3s ease-out;
}

.checkout-row__inner .names-list .names-list__item input[type="text"] {
    border: none;
    padding: 0;
    min-width: 0;
    width: 260px;
    box-shadow: none;
    border-radius: 0;
    background: none;
}

.checkout-row__inner .names-list .names-list__item .remove {
    cursor: pointer;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 17px;
    right: 28px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M14.8492 4.94975C15.2397 5.34027 15.2397 5.97344 14.8492 6.36396L6.36388 14.8492C5.97336 15.2398 5.34019 15.2398 4.94967 14.8492C4.55914 14.4587 4.55914 13.8256 4.94967 13.435L13.4349 4.94975C13.8255 4.55922 14.4586 4.55922 14.8492 4.94975Z' fill='%235E87AA'/%3E %3Cpath d='M4.94967 4.94975C5.34019 4.55922 5.97336 4.55922 6.36388 4.94975L14.8492 13.435C15.2397 13.8256 15.2397 14.4587 14.8492 14.8492C14.4586 15.2398 13.8255 15.2398 13.4349 14.8492L4.94967 6.36396C4.55914 5.97344 4.55914 5.34027 4.94967 4.94975Z' fill='%235E87AA'/%3E %3C/svg%3E") no-repeat;
}

.emphasis-attention {
    color: #ff0000;
    margin-top: 30px;
}

.cart-gender-checker {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 14px;
}

.cart-gender-checker .error {
    margin-top: 10px;
    line-height: 1.3em;
}

.cart-gender-checker label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}

.cart-gender-checker label:not(.last-of-type) {
    margin-right: 22px;
}

.checkout-row {
    margin-bottom: 40px;
}

/* input:not([type="radio"]) {
        width: 100%;
    } */

.checkout-row .name-wrapper {
    margin-bottom: 22px;
    position: relative;
    background: #fff;
    border: 1px solid #5e87aa;
    box-sizing: border-box;
    border-radius: 10px;
    color: #354e66;
    font-size: 16px;
    line-height: 1.6em;
    padding: 15px 28px 14px;
    min-width: 306px;
    box-shadow: none;
    transition: all 0.3s ease-out;
}

.checkout-row .name-wrapper input {
    border: none;
    padding: 0;
    min-width: 0;
    width: 260px;
    box-shadow: none;
    border-radius: 0;
    background: none;
}

.checkout-row .name-wrapper .ui-autocomplete {
    left: -1px !important;
    right: -1px !important;
    width: auto !important;
}

.checkout-row .name-notes .no-mark {
    margin: 0;
}

.checkout-row .name-notes .no-mark li {
    color: #f00;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.7em;
}

.block-label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
    margin-bottom: 20px;
}

.block-label .block-label__title {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
}

.block-label .block-label__cnt {
    margin-top: -3px;
    font-size: 16px;
    color: #354e66;
}

.block-label .block-label__text {
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    color: rgba(47, 49, 97, .6);
    margin-top: 3px;
}

@media (max-width: 768px) {
    .block-label .block-label__title {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .block-label .block-label__cnt {
        margin-top: 0;
    }
}

@media (max-width: 768px) {
    .block-label .block-label__text {
        font-size: 14px;
    }
}

.checkout-submit__bttn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 20px;
}

.checkout-submit__bttn .bttn {
    width: auto;
}

@media (max-width: 768px) {
    .checkout-submit__bttn .bttn {
        width: 100%;
    }
}

.checkout-info__totals {
    margin-bottom: 25px;
}

.checkout-info__wrap {
    padding: 33px 25px;
    color: #fff;
    background: #545699;
    font-size: 15px;
    margin-bottom: 50px;
    position: relative;
}

.checkout-info__wrap:after {
    content: '';
    background: #545699;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    height: 12px;
    -webkit-mask-image: url(/bricks/css/images/cropper-2.png);
            mask-image: url(/bricks/css/images/cropper-2.png);
    -webkit-mask-position: bottom left;
            mask-position: bottom left;
    -webkit-mask-repeat: repeat-x;
            mask-repeat: repeat-x;
}

.checkout-info__wrap:before {
    content: '';
    background: #545699;
    position: absolute;
    transform: scale(-1, -1);
    left: 0;
    right: 0;
    top: -12px;
    height: 12px;
    -webkit-mask-image: url(/bricks/css/images/cropper-2.png);
            mask-image: url(/bricks/css/images/cropper-2.png);
    -webkit-mask-position: bottom left;
            mask-position: bottom left;
    -webkit-mask-repeat: repeat-x;
            mask-repeat: repeat-x;
}

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

.checkout-info__title {
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 128%;
    margin-bottom: 15px;
}

.checkout-info__list {
    margin-bottom: 0;
    padding: 0;
}

.checkout-info__list .item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-bottom: 20px;
    font-size: 15px;
    position: relative;
}

.checkout-info__list .item .title {
    background: #545699;
    position: relative;
    z-index: 1;
    padding-right: 6px;
}

.checkout-info__list .item .value {
    background: #545699;
    position: relative;
    z-index: 1;
    padding-left: 6px;
}

.checkout-info__list .item:after {
    display: none;
}

.checkout-info__list .item:before {
    content: '';
    position: absolute;
    border-bottom: 1px dashed rgba(255, 255, 255, .5);
    left: 0;
    right: 0;
    bottom: 9px;
}

.checkout-info__list .item:last-of-type {
    margin-bottom: 0;
}

.checkout-info__list .item.total {
    font-size: 18px;
    font-weight: 800;
}

.checkout-info__wrap {}

.checkout-info__inner {}

.checkout-info__total-notes {}

.checkout-info__list {}

.p-checkout-success__img {
    margin-left: -50px;
    margin-top: 40px;
}

.p-checkout-success__cnt h2 {
    margin-top: 0;
}

.p-checkout-success-date {
    color: #5e87aa;
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 22px;
}

@media (max-width: 768px) {
    .m-flexy-reverse {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .m-flexy-reverse .m-order-1 {
        margin-top: 70px;
        -ms-flex-order: 1 !important;
            order: 1 !important;
    }
    .m-flexy-reverse .m-order-2 {
        -ms-flex-order: 2 !important;
            order: 2 !important;
    }
    .m-flexy-reverse .m-order-2 .download-mobile {
        position: absolute;
        top: 333px;
        left: 40px;
        right: auto;
    }
    .checkout-submit__bttn {
        -ms-flex-direction: column;
            flex-direction: column;
    }
    .checkout-submit__bttn .main-bttn {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        margin-bottom: 5px;
    }
    .checkout-info__inner {
        transition: all 0.3s ease-out;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
    }
    .checkout-info__inner .item:before {
        bottom: 2px;
    }
    .m-pretotals-checked.m-pretotals-checked.m-pretotals-checked {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        box-shadow: none;
        border: none;
    }
    .m-pretotals-checked.m-pretotals-checked.m-pretotals-checked:before {
        display: none !important;
    }
    .m-pretotals-checked.m-pretotals-checked.m-pretotals-checked:after {
        content: '';
        position: absolute;
        width: 24px;
        height: 24px;
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Ccircle cx='11.9492' cy='11.8306' r='10' transform='rotate(90 11.9492 11.8306)' fill='%23FED863'/%3E %3Cpath d='M10 11C10 11 10.9829 13 12 13C13.0171 13 14 11 14 11' stroke='%23005D4D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") no-repeat 50%;
        right: 14px;
        top: 22px;
        left: auto !important;
    }
    .m-pretotals-checked.m-pretotals-checked.m-pretotals-checked:checked + .m-pretotals {
        max-height: 0;
        opacity: 0;
    }
    .m-pretotals-checked.m-pretotals-checked.m-pretotals-checked:checked ~ .checkout-info__inner {
        max-height: 500px;
        opacity: 1;
        margin-right: -25px;
    }
    .m-pretotals {
        transition: all 0.1s ease-out;
        max-height: 500px;
        overflow: hidden;
    }
    .m-pretotals .item {
        -ms-flex-pack: justify;
            justify-content: space-between;
    }
    .m-pretotals .item .title {
        font-size: 18px;
        font-weight: 800;
    }
    .m-pretotals .item .value {
        font-size: 18px;
        font-weight: 800;
    }
    .p-checkout-success__img {
        margin-left: 0;
    }
    .p-checkout-success__img img {
        width: 100%;
    }
    .p-checkout-success__img {
        margin: 0px -40px -10px;
    }
    .p-checkout-success-date {
        font-size: 19px;
        line-height: 27px;
    }
}

.fairy-tale__info-sub {
    position: relative;
}

.fairy-tale__info-sub .in-record {
    font-size: 18px;
    font-weight: bold;
    color: #f00;
}

.fairy-tale__info-sub .in-record p {
    line-height: 27px;
}

.fairy-tale__info-sub video {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.preload-names-wrap {
    color: rgba(53, 78, 102, .5);
    font-size: 16px;
    line-height: 23px;
    margin-top: 3px;
}

.preload-names-wrap button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 0;
    color: rgba(53, 78, 102, .5);
    background: none;
    width: auto !important;
}

.preload-names-wrap button:hover {
    border-bottom-color: transparent;
}

@media (max-width: 768px) {
    .m-hide-h1 h1 {
        display: none;
    }
}

.checkout-shiplist {
    font-size: 18px;
}

@media (max-width: 768px) {
    .checkout-shiplist {
        font-size: 14px;
    }
}

.js-coupon-remove {
    margin-left: 5px;
}

.p-cart__modules {
    position: relative;
    z-index: 1;
}

/* .accordion .accordion__content {
    padding: 10px 0 20px;
} */

.p-cart__module .f-row {
    margin-bottom: 0;
}

.p-cart__module .f-row label {
    width: auto;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}

@media (max-width: 768px) {
    body.checkout .l-site-main-container {
        overflow: visible;
        padding-bottom: 0;
        padding: 0 20px;
    }
    body.checkout .l-site-main-container .l-section {
        padding: 0;
    }
    body.checkout .col-md-7 {
        overflow: hidden;
    }
    .checkout-info__wrap-stick {
        position: sticky;
        bottom: 0;
        padding: 0;
        z-index: 1;
    }
    .checkout-submit-wrap {
        padding-bottom: 45px;
    }
    .checkout-info__wrap {
        padding: 25px 50px 25px 20px;
    }
}

body.checkout.success .l-main {
    background: #E74F99;
    color: #fff;
}

.logged-data {
    font-size: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}

.logged-data .network-icon {
    margin-right: 10px;
}
.forgotten-bottom p {
    margin-bottom: 0;
    font-weight: 600;
    line-height: 140%;
    font-size: 15px;
    max-width: 100%;
    color: #2F3161;
}
.user-order__item {
    min-height: 300px;
}
.user-order__item .image {
    padding: 0;
}
.user-order__item .image img {
    width: 100%;
}
.user-order__item .brush-filled.is--east:after, .user-order__item .brush-filled.is--west:after {
    left: -30px;
    right: -60px;
    top: -75px;
    bottom: -80px;
    min-width: 0;
    min-height: 0;
}
.user-order__item .brush-filled.is--west:after {
    top: -70px;
    left: -70px;
    right: -30px;
}
.user-order__item.p-info__single-block {
    min-height: 0;
}
.user-order__item.p-info__single-block .image img {
    max-width: none !important;
    width: auto;
    height: 100%;
    max-height: 180px;
    margin-left: -30px;
}
.user-order__item.p-info__single-block .image img.h-140 {
    height: 160px;
}
.fairy-tale__info-author {
    font-size: 24px;
    color: #5E87AA;
    margin-bottom: 25px;
}
.fairy-tale__info-title {
    font-size: 29px;
    line-height: 1.5em;
    font-family: 'Besom 2';
    color: #5E87AA;
    margin-bottom: 25px;
}
.fairy-tale__info {
    max-width: 415px;
}
.lk-orders__control-bttns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
}
.lk-orders__control-bttns .bttn {
    white-space: nowrap;
}
.lk-orders__control-bttns > a {
    margin-bottom: 20px;
}
.lk-orders__control-bttns.level--2 {
    margin-top: 40px;
}
@media (max-width: 768px) {
    .lk-orders__control-bttns {
        -ms-flex-direction: row;
            flex-direction: row;
        overflow: scroll;
        margin: 0 -15px;
        padding: 0 15px;
        -webkit-overflow-scrolling: touch;
    }
    .lk-orders__control-bttns >a {
        margin: 0 5px;
    }
    .lk-orders__control-bttns::-webkit-scrollbar {
        display: none;
    }
}
.lk-orders__search-bar {
    margin-bottom: 50px;
}
.lk-orders__search-bar input {
    width: 100%;
}
@media (max-width: 768px) {
    .lk-orders__search-bar {
        margin-bottom: 20px;
    }
}
.audio-row, .bonus-row {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 8px 11px;
    border-bottom: 1px solid rgba(156, 182, 204, .3);
}
.audio-row .audio-cover, .bonus-row .audio-cover {
    -ms-flex: 0 0 56px;
        flex: 0 0 56px;
    margin-right: 10px;
}
.audio-row .audio-cover img, .bonus-row .audio-cover img {
    /*  width: 100%; */
    height: 100%;
    display: block;
    margin: auto;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
}
.audio-row .titles, .bonus-row .titles {
    -ms-flex-positive: 2;
        flex-grow: 2;
}
.audio-row .titles .top, .bonus-row .titles .top {
    font-size: 18px;
    line-height: 23px;
    color: #3D6891;
}
.audio-row .titles .bottom, .bonus-row .titles .bottom {
    font-size: 14px;
    line-height: 23px;
    color: #9CB6CC;
}
.audio-row .wait-record, .bonus-row .wait-record {
    font-size: 14px;
    max-width: 36%;
    line-height: 18px;
    margin-left: 15px;
}
.audio-row .audio-link, .bonus-row .audio-link {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
.audio-row .player, .bonus-row .player {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}
.audio-row .player .duration, .bonus-row .player .duration {
    font-size: 14px;
    line-height: 23px;
    color: #9CB6CC;
    margin-right: 15px;
}
@media (max-width: 768px) {
    .audio-row, .bonus-row {
        padding: 8px 11px;
        margin: 0 -15px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        /* justify-content: space-between; */
    }
    .audio-row.has--audio, .bonus-row.has--audio {
        -ms-flex-pack: justify;
            justify-content: space-between;
    }
    .audio-row.has--audio .titles, .bonus-row.has--audio .titles {
        width: calc(100vw - 200px);
    }
    .audio-row.has--audio .titles .top, .audio-row.has--audio .titles .bottom, .bonus-row.has--audio .titles .top, .bonus-row.has--audio .titles .bottom {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .audio-row.has--audio .player, .bonus-row.has--audio .player {
        -ms-flex-positive: 2;
            flex-grow: 2;
        -ms-flex-pack: end;
            justify-content: flex-end;
    }
}
@media (max-width: 768px) {
    .audio-row .titles, .bonus-row .titles {
        max-width: calc(100vw - 149px);
    }
}
@media (max-width: 768px) {
    .audio-row .wait-record, .bonus-row .wait-record {
        max-width: 100%;
    }
}
.video-row {
    display: -ms-grid;
    display: grid;
    text-decoration: none !important;
    grid-gap: 20px;
    margin-bottom: 44px;
    -ms-flex-pack: justify;
        justify-content: space-between;
    grid-template: "poster poster" "name timer" / auto auto;
}
.video-row >* {
    pointer-events: none;
}
.video-row .video-cover {
    grid-area: poster;
    position: relative;
}
.video-row .video-cover img {
    width: 100%;
}
.video-row .action-buy {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.video-row .title {
    grid-area: name;
    color: #3D6891;
    font-size: 18px;
    line-height: 23px;
}
.video-row .duration {
    color: #9CB6CC;
    grid-area: timer;
    font-size: 14px;
    line-height: 23px;
    text-align: right;
}
@media (max-width: 768px) {
    .video-row {
        grid-gap: 10px;
        margin-bottom: 28px;
    }
}
.bonus-row {
    text-decoration: none !important;
    color: #3D6891;
    font-size: 18px;
    line-height: 23px;
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
}
.bonus-row .bonus-row__details {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;
}
.bonus-row .bonus-row__left {
    -ms-flex: 0 0 55px;
        flex: 0 0 55px;
    margin-right: 10px;
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    background: url(/bricks/css/images/bonus-extender.png) no-repeat 50%;
}
.bonus-row .bonus-row__details {
    -ms-flex-positive: 2;
        flex-grow: 2;
}
.bonus-row .extension {
    text-transform: uppercase;
    font-size: 22px;
    font-family: 'Besom 2';
    line-height: 20px;
    color: #3D6891;
    margin-top: 3px;
}
.bonus-row .size {
    font-size: 10px;
    line-height: 13px;
    color: #5E87AA;
}
.icon-play {
    border: none;
    padding: 0;
    width: 16px;
    height: 18px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.9.4C1.3-.53 0 .23 0 2.1v13.8c0 1.87 1.3 2.63 2.9 1.7l11.9-6.91c1.6-.94 1.6-2.44 0-3.38L2.9.4Z' fill='%235E87AA'/%3E%3C/svg%3E") no-repeat 50%;
}
.lk-fileviewer {
    min-height: 430px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
}
.lk-fileviewer .lk-fileviewer__audio-thumb {
    margin-bottom: 35px;
    margin-left: -25px;
    margin-right: -25px;
    margin-top: 30px;
}
.lk-fileviewer .lk-fileviewer__audio-thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
    height: 225px;
}
.lk-fileviewer .lk-fileviewer__overlay {
    position: absolute;
    left: -85px;
    top: -65px;
    right: -85px;
    overflow: hidden;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.lk-fileviewer .lk-fileviewer__overlay img {
    max-width: 100%;
    height: 100%;
    margin: auto;
    display: block;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center;
}
.lk-fileviewer .lk-fileviewer__head {
    position: absolute;
    top: -40px;
    left: -60px;
    z-index: 5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}
.lk-fileviewer .lk-fileviewer__head >* {
    margin: 0 8px;
}
.lk-fileviewer .lk-fileviewer__cnt {
    padding-top: 70px;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-direction: column;
        flex-direction: column;
    position: relative;
    z-index: 3;
    text-align: center;
}
.lk-fileviewer .lk-fileviewer__cnt .top {
    min-height: 74px;
}
/* flex-grow: 2; */
.lk-fileviewer .lk-fileviewer__cnt .top h1 {
    margin: 0 0 15px;
    font-size: 29px;
}
.lk-fileviewer .lk-fileviewer__cnt.type--video {
    padding-top: 30px;
}
.lk-fileviewer .lk-video-player .custom-video {
    width: 100%;
}
.lk-fileviewer.file-type--audio .lk-fileviewer__cnt, .lk-fileviewer.file-type--tale .lk-fileviewer__cnt {
    padding-top: 25px;
}
@media (max-width: 768px) {
    .lk-fileviewer.file-type--audio .lk-fileviewer__cnt, .lk-fileviewer.file-type--tale .lk-fileviewer__cnt {
        padding-top: 90px;
        /* padding-bottom: 30px; */
    }
}
@media (max-width: 768px) {
    .lk-fileviewer .lk-fileviewer__audio-thumb {
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 15px;
        margin-bottom: 20px;
        /* max-height: 280px; */
        height: calc(100% - 270px);
    }
}
@media (max-width: 768px) {
    .lk-fileviewer {
        height: 100vh;
        height: -moz-available;
        height: stretch;
        /*  min-height: 100vh; */
    }
}
@media (max-width: 768px) {
    .lk-fileviewer .lk-fileviewer__overlay {
        border-radius: 0;
        top: 0;
        left: 0;
        right: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
    }
}
@media (max-width: 768px) {
    .lk-fileviewer .lk-fileviewer__overlay img {
        max-width: none;
        /* transform: translateX(-50%); */
    }
}
@media (max-width: 768px) {
    .lk-fileviewer .lk-fileviewer__head {
        top: 20px;
        left: auto;
        right: 15px;
    }
}
@media (max-width: 768px) {
    .lk-fileviewer .lk-fileviewer__cnt {
        padding-top: 90px;
    }
    .lk-fileviewer .lk-fileviewer__cnt .lk-audio-player {
        padding: 20px 15px 0;
    }
}
@media (max-width: 768px) {
    .lk-fileviewer .lk-fileviewer__cnt.type--video {
        padding-top: 90px;
    }
    .lk-fileviewer .lk-fileviewer__cnt.type--video .top {
        -ms-flex-positive: 0;
            flex-grow: 0;
    }
    .lk-fileviewer .lk-fileviewer__cnt.type--video .lk-video-player {
        -ms-flex-positive: 2;
            flex-grow: 2;
        padding: 0 15px 0;
    }
    .lk-fileviewer .lk-fileviewer__cnt.type--video .lk-video-player .plyr.plyr--video {
        margin-bottom: 0;
        -ms-flex-pack: justify;
            justify-content: space-between;
    }
    .lk-fileviewer .lk-fileviewer__cnt.type--video .lk-video-player .player {
        display: -ms-flexbox;
        display: flex;
        height: 100%;
    }
    .lk-fileviewer .lk-fileviewer__cnt.type--video .lk-video-player .player .plyr__controls {
        -ms-flex-positive: 2;
            flex-grow: 2;
        -ms-grid-rows: 1fr;
            grid-template-rows: 1fr;
        -ms-flex-align: end;
            align-items: end;
    }
}
.b-content-nav-forward__link {
    display: none;
}
@media (max-width: 768px) {
    .b-content-nav-forward__link {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 19px;
        left: 15px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        z-index: 5;
    }
    body.m-hide-header .l-header, body.m-hide-header .l-footer-wrap {
        display: none;
    }
    body.m-hide-header .l-container {
        padding-bottom: 0 !important;
    }
}
.lk-player {
    position: relative;
}
.lk-player .lk-player-navs {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 9px;
    -ms-flex-pack: center;
        justify-content: center;
    pointer-events: none;
    z-index: 2;
}
.lk-player .lk-player-navs .lk-player-nav {
    margin: 0 30px;
    width: 90px;
    height: 16px;
}
.lk-player .lk-player-navs .lk-player-nav.is--prev {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Слой_1' data-name='Слой 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 27.86 16'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none;}.cls-2{clip-path:url(%23clip-path);}.cls-3{fill:%235e87aa;}.cls-4{clip-path:url(%23clip-path-2);}%3C/style%3E%3CclipPath id='clip-path' transform='translate(-0.79 0)'%3E%3Crect class='cls-1' width='16' height='16'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-2' transform='translate(-0.79 0)'%3E%3Crect class='cls-1' x='13.44' width='16' height='16'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-2'%3E%3Cpath class='cls-3' d='M12.6.35C14-.47,15.21.2,15.21,1.87V14.13c0,1.67-1.17,2.34-2.61,1.52L1.87,9.5c-1.44-.83-1.44-2.17,0-3Z' transform='translate(-0.79 0)'/%3E%3C/g%3E%3Cg class='cls-4'%3E%3Cpath class='cls-3' d='M26,.35c1.44-.82,2.61-.15,2.61,1.52V14.13c0,1.67-1.17,2.34-2.61,1.52L15.32,9.5c-1.45-.83-1.45-2.17,0-3Z' transform='translate(-0.79 0)'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50%;
    pointer-events: all;
}
.lk-player .lk-player-navs .lk-player-nav.is--next {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Слой_1' data-name='Слой 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 27.86 16'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none;}.cls-2{clip-path:url(%23clip-path);}.cls-3{fill:%235e87aa;}.cls-4{clip-path:url(%23clip-path-2);}%3C/style%3E%3CclipPath id='clip-path' transform='translate(-0.79 0)'%3E%3Crect class='cls-1' width='16' height='16'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-2' transform='translate(-0.79 0)'%3E%3Crect class='cls-1' x='13.44' width='16' height='16'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-2'%3E%3Cpath class='cls-3' d='M12.6.35C14-.47,15.21.2,15.21,1.87V14.13c0,1.67-1.17,2.34-2.61,1.52L1.87,9.5c-1.44-.83-1.44-2.17,0-3Z' transform='translate(-0.79 0)'/%3E%3C/g%3E%3Cg class='cls-4'%3E%3Cpath class='cls-3' d='M26,.35c1.44-.82,2.61-.15,2.61,1.52V14.13c0,1.67-1.17,2.34-2.61,1.52L15.32,9.5c-1.45-.83-1.45-2.17,0-3Z' transform='translate(-0.79 0)'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50%;
    pointer-events: all;
    transform: scale(-1, 1);
}
@media (max-width: 768px) {
    .lk-player {
        margin-bottom: 40px;
    }
}
.ajax-progress {
    display: none !important;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}

video::cue {
    opacity: 0;
}

.caption_text {
    position: absolute;
    left: 50%;
    bottom: 10%;
    width: 90%;
    max-width: 90%;
    transform: translate(-50%, -50%);
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    transition: bottom 0.3s;
}

.caption_text.active {
    bottom: 0%;
}

.caption_text mark {
    background-color: rgba(0, 0, 0, 0.56078) !important;
    color: #fff;
}

.material-icons {
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
}

.video_player {
    position: relative;
    width: 100%;
    height: 100%;
    background: #000;
    overflow: hidden;
}

.video_player .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    border: 4px solid #fff;
    border-bottom-color: transparent;
    border-radius: 50%;
    z-index: 1;
    animation: animate 0.6s linear infinite;
    display: none;
}

@keyframes animate {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.video_player .thumbnail {
    position: absolute;
    bottom: 80px;
    left: calc(var(--x) + 11px);
    transform: translateX(-50%);
    width: 165px;
    height: 90px;
    background: #fff;
    border: 2px solid #fff;
    border-radius: 3px;
    display: none;
}

.video_player .main-video {
    position: relative;
    width: 100%;
    height: 100%;
    outline: none;
}

.video_player .progressAreaTime {
    position: absolute;
    left: calc(var(--x) + 11px);
    transform: translateX(-50%);
    bottom: 50px;
    min-width: 60px;
    text-align: center;
    white-space: nowrap;
    padding: 5px 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    z-index: 1;
    display: none;
}

.video_player .controls {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50px;
    width: 100%;
    background: rgba(0, 0, 0, .29);
    box-shadow: 0 0 40px 10px rgba(0, 0, 0, .25);
    z-index: 3;
    transform: translateY(180%);
    transition: 0.3s;
    padding: 0px 10px;
}

.video_player .controls.active {
    transform: translateY(0);
}

.video_player .controls .progress-area {
    width: 100%;
    height: 5px;
    margin: auto;
    background: rgba(240, 240, 240, 0.38824);
    cursor: pointer;
    position: relative;
}

.controls .progress-area .progress-bar {
    position: relative;
    width: 0%;
    background: #F6E16D;
    height: inherit;
    border-radius: inherit;
    cursor: pointer;
}

.controls .progress-area .progress-bar::before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
    background: #F6E16D;
}

.controls .progress-area .bufferedBar {
    position: absolute;
    top: 0%;
    right: 0%;
    width: 100%;
    height: inherit;
}

.controls .controls-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: 99%;
    height: 46px;
    margin: 0 auto;
}

.controls .controls-list .controls-left, .controls .controls-list .controls-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
}

.controls .controls-left .timer {
    display: inline-block;
    font-size: 14px;
    white-space: nowrap;
    color: #fff;
    margin-left: 5px;
    text-align: center;
}

.controls .icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    text-align: center;
    color: #fff;
    margin-left: 8px;
    margin-right: 5px;
}

.controls .icon .material-icons {
    font-size: 26px;
    color: #fff;
    cursor: pointer;
}

.controls .icon .material-icons.fast-rewind:active {
    transition: 0.2s;
    transform: rotate(-45deg);
}

.controls .icon .material-icons.fast-forward:active {
    transition: 0.2s;
    transform: rotate(45deg);
}

.controls .icon .volume_range {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    width: 0px;
    height: 3px;
    background: #fff;
    color: #fff;
    cursor: pointer;
    outline: none;
    border: none;
    transition: 0.4s;
}

.controls .icon .volume_range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: none;
    outline: none;
    background: #fff;
    color: #fff;
    opacity: 0;
    transition: 0.3s;
}

.controls .icon:hover .volume_range {
    display: inline-block;
    width: 60px;
}

.controls .icon:hover .volume_range::-webkit-slider-thumb {
    opacity: 1;
    pointer-events: auto;
    transition: 0.5s;
}

.controls-right .icon .auto-play {
    width: 30px;
    height: 10px;
    border-radius: 20px;
    position: relative;
    margin-right: 8px !important;
    background: #b6b6b6;
}

.controls-right .icon .auto-play::before {
    content: "\e034";
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translateY(-50%);
    width: 17px;
    height: 17px;
    line-height: 17px;
    font-size: 14px;
    background: #727272;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    cursor: pointer;
    border-radius: 50%;
    font-family: "Material Icons";
}

.controls-right .icon .auto-play.active::before {
    content: "\e037";
    left: 15px;
    font-family: "Material Icons";
}

.controls-right .icon .material-icons.settingsBtn {
    font-size: 24px;
    transition: 0.3s;
}

.controls-right .icon .settingsBtn.active {
    transform: rotate(45deg);
}

.video_player .captions, .video_player .settings {
    position: absolute;
    right: 25px;
    bottom: 62px;
    background: rgba(28, 28, 28, .9);
    width: 200px;
    max-height: 250px;
    height: auto;
    color: #fff;
    overflow-y: auto;
    z-index: 20;
    display: none;
    border-radius: 5px;
}

.video_player .captions.active, .video_player .settings.active {
    display: block;
}

.video_player .captions .caption span, .video_player .settings>div>span {
    font-size: 14px;
    font-weight: 300;
    padding: 15px 30px;
    border-bottom: 1px solid rgb(83, 83, 83);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    white-space: nowrap;
}

.video_player .settings>div .icon {
    font-size: 14px;
    margin: 0 5px;
    cursor: pointer;
}

.video_player .settings>div ul li span {
    pointer-events: none;
}

.video_player .captions .caption ul, .video_player .settings>div ul {
    position: relative;
}

.video_player .captions .caption ul li, .video_player .settings>div ul li {
    position: relative;
    width: 100%;
    cursor: pointer;
    text-align: left;
    padding: 12px 33px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    font-size: 14px;
}

.video_player .captions .caption ul li:hover, .video_player .settings>div ul li:hover {
    background: rgba(28, 28, 28, .9);
}

.video_player .captions .caption ul li.active::before, .video_player .settings>div ul li.active::before {
    content: "\e876";
    font-family: "Material Icons";
    position: absolute;
    left: 7px;
    top: 50%;
    transform: translateY(-50%);
    padding-right: 10px;
    font-size: 18px;
}

.video_player .captions::-webkit-scrollbar, .video_player .settings::-webkit-scrollbar {
    width: 8px;
    background: transparent;
}

.video_player .captions::-webkit-scrollbar-thumb, .video_player .settings::-webkit-scrollbar-thumb {
    height: 20px;
    border: 2px solid transparent;
    background: rgba(83, 83, 83, .9);
    border-radius: 20px;
}

@media (max-width: 430px) {
    .controls .icon {
        margin-left: 5px;
        margin-right: 5px;
        font-size: 24px;
    }
    .volume, .volume_range, .auto-play, .fast-forward, .picture_in_picutre {
        display: none;
    }
}

.fairy-tale__info-sub .player {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}

.fairy-tale__info-sub .player .plyr {
    -ms-flex-positive: 2;
        flex-grow: 2;
    margin-right: 35px;
}

.plyr--video+.download-mobile {
    bottom: 99px;
    top: auto;
    left: 24px;
    right: auto;
}

.download-mobile {
    position: absolute;
    top: 0px;
    right: 15px;
    z-index: 3;
}

.plyr {
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: subpixel-antialiased;
    font-weight: 500;
    line-height: 1.7;
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: box-shadow .3s ease;
}

.plyr.plyr--video {
    /* margin-bottom: 30px; */
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
}

.plyr.plyr--video .plyr__controls {
    max-width: 100%;
}

.plyr.plyr--video .plyr__video-wrapper {
    -ms-flex-order: -1;
        order: -1;
    margin-bottom: 0;
}

.plyr.plyr--video .plyr__video-wrapper img, .plyr.plyr--video .plyr__video-wrapper video {
    display: block;
}

.plyr audio {
    border-radius: inherit;
    height: auto;
    vertical-align: middle;
    width: 100%;
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto;
}

.plyr:focus {
    outline: 0;
}

.plyr--full-ui {
    box-sizing: border-box;
}

.plyr--full-ui *, .plyr--full-ui ::after, .plyr--full-ui ::before {
    box-sizing: inherit;
}

.plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
    -ms-touch-action: manipulation;
        touch-action: manipulation;
}

.plyr__badge {
    background: #4a5764;
    border-radius: 2px;
    color: #fff;
    font-size: 9px;
    line-height: 1;
    padding: 3px 4px;
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none;
}

.plyr__captions {
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    color: #fff;
    display: none;
    font-size: 14px;
    left: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    transition: transform .4s ease-in-out;
    width: 100%;
}

.plyr__captions .plyr__caption {
    background: rgba(0, 0, 0, .8);
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap;
}

.plyr__captions .plyr__caption div {
    display: inline;
}

.plyr__captions span:empty {
    display: none;
}

@media (min-width:480px) {
    .plyr__captions {
        font-size: 16px;
        padding: 20px;
    }
}

@media (min-width:768px) {
    .plyr__captions {
        font-size: 18px;
    }
}

.plyr--captions-active .plyr__captions {
    display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
    transform: translateY(-40px);
}

.plyr__control {
    background: 0 0;
    border: 0;
    color: inherit;
    cursor: pointer;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    overflow: visible;
    position: relative;
    transition: all .3s ease;
    /* padding: 0 !important; */
}

.plyr__control svg {
    width: 56px;
    height: 56px;
}

.plyr__control:focus {
    outline: 0;
}

/* .plyr__control.plyr__tab-focus {
    box-shadow: 0 0 0 5px rgba(0, 179, 255, .5);
    outline: 0
} */

a.plyr__control {
    text-decoration: none;
}

a.plyr__control::after, a.plyr__control::before {
    display: none;
}

.plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed {
    display: none;
}

.plyr__control--overlaid {
    background: rgba(0, 179, 255, .8);
    border: 0;
    border-radius: 100%;
    color: #fff;
    display: none;
    left: 50%;
    padding: 15px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.plyr__control--overlaid svg {
    left: 2px;
    position: relative;
}

.plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
    background: #00b3ff;
}

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden;
}

.plyr--full-ui ::-webkit-media-controls {
    display: none;
}

.plyr__controls-play {
    position: absolute;
    left: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    top: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    transition: all .2s linear;
}

.plyr__controls-play [data-plyr="pause"] {
    display: none;
}

.plyr__controls-play svg {
    pointer-events: none;
}

[data-plyr="play"] {
    pointer-events: all;
}

.plyr--playing .plyr__controls-play [data-plyr="pause"] {
    display: block;
}

.plyr--playing .plyr__controls-play [data-plyr="play"] {
    display: none;
}

.plyr--playing .plyr__controls-bottom, .plyr--playing .plyr__controls-play {
    opacity: 0;
}

.plyr--playing:hover .plyr__controls-bottom, .plyr--playing:hover .plyr__controls-play {
    opacity: 1;
}

.plyr__controls-bottom {
    position: absolute;
    bottom: 20px;
    left: 30px;
    right: 30px;
    z-index: 1;
    transition: all .2s linear;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 10px;
}

.plyr__controls-bottom >* {
    position: relative;
    z-index: 1;
}

.plyr__controls-bottom .plyr__progress {
    -ms-flex-positive: 2;
        flex-grow: 2;
}

.plyr__controls-bottom:after {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, .61) 0%, rgba(0, 0, 0, .00) 100%);
    left: -30px;
    right: -30px;
    bottom: -20px;
    height: 80px;
    transform: scale(1, -1);
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time+.plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0;
}

.plyr__controls .plyr__controls__item.plyr__volume {
    padding-right: 5px;
}

.plyr__controls .plyr__controls__item.plyr__volume:first-child {
    padding-right: 0;
}

.plyr__controls:empty {
    display: none;
}

.plyr--audio .plyr__controls {
    border-radius: inherit;
    color: #4a5764;
}

.plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip] {
    display: none;
}

.plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] {
    display: inline-block;
}

.plyr__menu {
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.plyr__menu .plyr__control svg {
    transition: transform .3s ease;
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
    transform: rotate(90deg);
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none;
}

.plyr--fullscreen-enabled [data-plyr=fullscreen] {
    grid-area: timer2;
}

.plyr__menu__container {
    animation: plyr-popup .2s ease;
    background: rgba(255, 255, 255, .9);
    border-radius: 4px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    color: #4a5764;
    font-size: 16px;
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3;
}

.plyr__menu__container>div {
    overflow: hidden;
    transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1);
}

.plyr__menu__container::after {
    border: 4px solid transparent;
    border-top-color: rgba(255, 255, 255, .9);
    content: '';
    height: 0;
    position: absolute;
    right: 15px;
    top: 100%;
    width: 0;
}

.plyr__menu__container [role=menu] {
    padding: 7px;
}

.plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] {
    margin-top: 2px;
}

.plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child {
    margin-top: 0;
}

.plyr__menu__container .plyr__control {
    -ms-flex-align: center;
        align-items: center;
    color: #4a5764;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    padding: 4px 11px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: 100%;
}

.plyr__menu__container .plyr__control>span {
    -ms-flex-align: inherit;
        align-items: inherit;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.plyr__menu__container .plyr__control::after {
    border: 4px solid transparent;
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.plyr__menu__container .plyr__control--forward {
    padding-right: 28px;
}

.plyr__menu__container .plyr__control--forward::after {
    border-left-color: rgba(74, 87, 100, .8);
    right: 5px;
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after {
    border-left-color: currentColor;
}

.plyr__menu__container .plyr__control--back {
    font-weight: 500;
    margin: 7px;
    margin-bottom: 3px;
    padding-left: 28px;
    position: relative;
    width: calc(100% - 14px);
}

.plyr__menu__container .plyr__control--back::after {
    border-right-color: rgba(74, 87, 100, .8);
    left: 7px;
}

.plyr__menu__container .plyr__control--back::before {
    background: #c1c9d1;
    box-shadow: 0 1px 0 #fff;
    content: '';
    height: 1px;
    left: 0;
    margin-top: 4px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%;
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after {
    border-right-color: currentColor;
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: 7px;
}

.plyr__menu__container .plyr__control[role=menuitemradio]::after, .plyr__menu__container .plyr__control[role=menuitemradio]::before {
    border-radius: 100%;
}

.plyr__menu__container .plyr__control[role=menuitemradio]::before {
    background: rgba(0, 0, 0, .1);
    content: '';
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    transition: all .3s ease;
    width: 16px;
}

.plyr__menu__container .plyr__control[role=menuitemradio]::after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .3s ease, opacity .3s ease;
    width: 6px;
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
    background: #00b3ff;
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
    opacity: 1;
    transform: translateY(-50%) scale(1);
}

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
    background: rgba(0, 0, 0, .1);
}

.plyr__menu__container .plyr__menu__value {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: -5px;
    overflow: hidden;
    padding-left: 25px;
    pointer-events: none;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1;
}

.plyr__time {
    font-size: 13px;
    font-weight: 600;
    -ms-flex: 0 0 45px;
        flex: 0 0 45px;
}

.plyr__time+.plyr__time::before {
    content: '\2044';
    margin-right: 10px;
}

.plyr__tooltip {
    background: rgba(255, 255, 255, .9);
    border-radius: 3px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    color: #4a5764;
    font-size: 14px;
    font-weight: 500;
    left: 50%;
    line-height: 1.3;
    margin-bottom: 10px;
    opacity: 0;
    padding: 5px 7.5px;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s .1s ease, opacity .2s .1s ease;
    white-space: nowrap;
    z-index: 2;
}

.plyr__tooltip::before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(255, 255, 255, .9);
    bottom: -4px;
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2;
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3;
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
    left: 0;
    transform: translate(0, 10px) scale(.8);
    transform-origin: 0 100%;
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip::before, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before {
    left: 16px;
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    transform: translate(0, 10px) scale(.8);
    transform-origin: 100% 100%;
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip::before {
    left: auto;
    right: 16px;
    transform: translateX(50%);
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible, .plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip, .plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:first-child:hover .plyr__tooltip, .plyr__controls>.plyr__control:last-child .plyr__tooltip--visible, .plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
    transform: translate(0, 0) scale(1);
}

.plyr__progress {
    /* left: 6.5px; */
    margin-right: 0;
    position: relative;
}

.plyr__progress:after {
    content: "";
    top: -15px;
    bottom: -15px;
    left: 0;
    right: 0;
    position: absolute;
}

.plyr__progress input[type=range], .plyr__progress__buffer {
    /* margin-left: -6.5px; */
    margin-right: 0;
    width: 100%;
}

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2;
}

.plyr__progress .plyr__tooltip {
    font-size: 14px;
    left: 0;
}

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 100px;
    height: 4px;
    left: 0;
    padding: 0;
    right: 0;
    position: absolute;
    top: 0px;
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: 0 0;
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    transition: width .2s ease;
}

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    transition: width .2s ease;
}

.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    transition: width .2s ease;
}

.plyr--audio .plyr__progress__buffer {
    color: rgba(193, 201, 209, .66);
}

.plyr--loading .plyr__progress__buffer {
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg, rgba(35, 41, 47, .6) 25%, transparent 25%, transparent 50%, rgba(35, 41, 47, .6) 50%, rgba(35, 41, 47, .6) 75%, transparent 75%, transparent);
    background-repeat: repeat-x;
    background-size: 25px 25px;
    color: transparent;
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: rgba(193, 201, 209, .66);
}

.plyr__volume {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
        flex: 1;
    position: relative;
}

.plyr__volume input[type=range] {
    margin-left: 5px;
    position: relative;
    z-index: 2;
}

@media (min-width:480px) {
    .plyr__volume {
        max-width: 90px;
    }
}

@media (min-width:768px) {
    .plyr__volume {
        max-width: 110px;
    }
}

.plyr--is-ios .plyr__volume {
    display: none !important;
}

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}

.plyr:-moz-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none;
}

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none;
}

.plyr:-moz-full-screen.plyr--hide-controls {
    cursor: none;
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none;
}

[data-plyr="fullscreen"] {
    cursor: pointer;
}

@media (min-width:1024px) {
    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px;
    }
    .plyr:-moz-full-screen .plyr__captions {
        font-size: 21px;
    }
    .plyr:fullscreen .plyr__captions {
        font-size: 21px;
    }
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none;
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none;
}

@media (min-width:1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px;
    }
}

.plyr:-moz-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none;
}

.plyr:-moz-full-screen.plyr--hide-controls {
    cursor: none;
}

@media (min-width:1024px) {
    .plyr:-moz-full-screen .plyr__captions {
        font-size: 21px;
    }
}

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none;
}

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none;
}

@media (min-width:1024px) {
    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px;
    }
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000000;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
    display: none;
}

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none;
}

.plyr__cues {
    background: currentColor;
    display: block;
    height: 5px;
    left: 0;
    margin: -2.5px 0 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    width: 3px;
    z-index: 3;
}

.plyr__preview-thumb {
    background-color: rgba(255, 255, 255, .9);
    border-radius: 3px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    margin-bottom: 10px;
    opacity: 0;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    transform: translate(0, 10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s .1s ease, opacity .2s .1s ease;
    z-index: 2;
}

.plyr__preview-thumb--is-shown {
    opacity: 1;
    transform: translate(0, 0) scale(1);
}

.plyr__preview-thumb::before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(255, 255, 255, .9);
    bottom: -4px;
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2;
}

.plyr__preview-thumb__image-container {
    background: #c1c9d1;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.plyr__preview-thumb__image-container img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    position: absolute;
    top: 0;
    width: 100%;
}

.plyr__preview-thumb__time-container {
    bottom: 6px;
    left: 0;
    position: absolute;
    right: 0;
    white-space: nowrap;
    z-index: 3;
}

.plyr__preview-thumb__time-container span {
    background-color: rgba(0, 0, 0, .55);
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    padding: 3px 6px;
}

.plyr__preview-scrubbing {
    bottom: 0;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="1" /></filter></svg>#filter');
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1;
}

.plyr__preview-scrubbing--is-shown {
    opacity: 1;
}

.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    -o-object-fit: contain;
       object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%;
}

.plyr--no-transition {
    transition: none !important;
}

.plyr__sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    border: 0 !important;
    height: 1px !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.plyr [hidden] {
    display: none !important;
}

.plyr__volume input[type=range] {
    margin-left: 5px;
    position: relative;
    z-index: 2;
}

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 26px;
    background: rgba(255, 255, 255, .4);
    display: block;
    height: 4px;
    margin: 0;
    padding: 0;
    width: 100%;
    color: #fff;
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    height: 22px;
    position: relative;
    transition: all .2s ease;
    width: 22px;
    -webkit-appearance: none;
    margin-top: -10px;
}

.plyr--full-ui input[type=range][data-plyr="volume"]::-webkit-slider-thumb {
    width: 20px;
    height: 20px;
    margin-top: -9px;
}

.plyr--full-ui input[type=range]::-moz-range-track {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    transition: box-shadow .3s ease;
    -moz-user-select: none;
    user-select: none;
}

.plyr__progress--played {
    position: absolute;
    left: 0;
    height: 4px;
    top: 0;
    right: 0;
    width: 100%;
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2);
    height: 13px;
    position: relative;
    transition: all .2s ease;
    width: 13px;
}

.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: 2.5px;
    height: 5px;
}

.plyr--full-ui input[type=range]::-ms-track {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none;
    color: transparent;
}

.plyr--full-ui input[type=range]::-ms-fill-upper {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none;
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none;
    background: currentColor;
}

.plyr--full-ui input[type=range]::-ms-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2);
    height: 13px;
    position: relative;
    transition: all .2s ease;
    width: 13px;
    margin-top: 0;
}

.plyr--full-ui input[type=range]::-ms-tooltip {
    display: none;
}

.plyr--full-ui input[type=range]:focus {
    outline: 0;
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0;
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(193, 201, 209, .66);
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: rgba(193, 201, 209, .66);
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: rgba(193, 201, 209, .66);
}

@keyframes plyr-progress {
    to {
        background-position: 25px 0;
        background-position: 25px 0;
    }
}

@keyframes plyr-popup {
    0% {
        opacity: .5;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes plyr-fade-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -ms-flex-align: center;
        align-items: center;
    direction: ltr;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    font-family: inherit;
    font-family: inherit;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    font-weight: 400;
    line-height: 1.7;
    line-height: 1.7;
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: box-shadow .3s ease;
    z-index: 0;
}

.plyr audio, .plyr iframe, .plyr video {
    display: block;
    height: 100%;
    width: 100%;
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto;
}

.plyr:focus {
    outline: 0;
}

.plyr--full-ui {
    box-sizing: border-box;
}

.plyr--full-ui *, .plyr--full-ui :after, .plyr--full-ui :before {
    box-sizing: inherit;
}

.plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
    -ms-touch-action: manipulation;
        touch-action: manipulation;
}

.plyr__badge {
    background: #4a5464;
    background: #4a5464;
    border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    color: #fff;
    font-size: 9px;
    font-size: 9px;
    line-height: 1;
    padding: 3px 4px;
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none;
}

.plyr__captions {
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    display: none;
    font-size: 13px;
    font-size: 13px;
    left: 0;
    padding: 10px;
    padding: 10px;
    position: absolute;
    text-align: center;
    transition: transform .4s ease-in-out;
    width: 100%;
}

.plyr__captions span:empty {
    display: none;
}

@media (min-width:480px) {
    .plyr__captions {
        font-size: 15px;
        font-size: 15px;
        padding: 20px;
        padding: 20px;
    }
}

@media (min-width:768px) {
    .plyr__captions {
        font-size: 18px;
        font-size: 18px;
    }
}

.plyr--captions-active .plyr__captions {
    display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
    transform: translateY(-40px);
    transform: translateY(-40px);
}

.plyr__caption {
    background: rgba(0, 0, 0, 0.8);
    background: rgba(0, 0, 0, 0.8);
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: #fff;
    color: #fff;
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap;
}

.plyr__caption div {
    display: inline;
}

.plyr__control {
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 4px;
    border-radius: 4px;
    color: inherit;
    cursor: pointer;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    overflow: visible;
    padding: 7px;
    padding: 7px;
    position: relative;
    transition: all .3s ease;
}

.plyr__control svg {
    fill: currentColor;
    display: block;
    height: 18px;
    height: 18px;
    pointer-events: none;
    width: 18px;
    width: 18px;
}

.plyr__control:focus {
    outline: 0;
}

.plyr.plyr--paused {}

.plyr.plyr--paused:after {
    content: '';
    position: absolute;
    width: 56px;
    height: 56px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' fill='none'%3E%3Crect width='56' height='56' fill='%23000' fill-opacity='.6' rx='28'/%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21.75 20.413c0-1.582 1.75-2.538 3.081-1.682l11.802 7.587a2 2 0 0 1 0 3.364L24.831 37.27c-1.33.856-3.081-.1-3.081-1.682V20.413Z'/%3E%3C/svg%3E") no-repeat 50%;
    pointer-events: none;
    top: 50%;
    left: 50%;
    margin-top: -28px;
    margin-left: -28px;
}

.plyr.plyr--paused:hover {}

.plyr.plyr--paused:hover:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' fill='none'%3E%3Crect width='56' height='56' fill='%233F4175' fill-opacity='.6' rx='28'/%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21.75 20.413c0-1.582 1.75-2.538 3.081-1.682l11.802 7.587a2 2 0 0 1 0 3.364L24.831 37.27c-1.33.856-3.081-.1-3.081-1.682V20.413Z'/%3E%3C/svg%3E") no-repeat 50%;
}

.plyr__control:focus-visible {
    outline: 2px dashed #2f3161;
    outline: 2px dashed #2f3161;
    outline-offset: 2px;
}

a.plyr__control {
    text-decoration: none;
}

.plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed, a.plyr__control:after, a.plyr__control:before {
    display: none;
}

.plyr--full-ui ::-webkit-media-controls {
    display: none;
}

.plyr__controls {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    text-align: center;
}

.plyr__controls .plyr__progress__container {
    -ms-flex: 1;
        flex: 1;
    min-width: 0;
}

.plyr__controls .plyr__controls__item {
    margin-left: 2.5px;
    margin-left: 2.5px;
}

.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto;
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: 2.5px;
    padding-left: 2.5px;
}

.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 5px;
    padding: 0 5px;
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time+.plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0;
}

.plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip], .plyr__controls:empty {
    display: none;
}

.plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] {
    display: inline-block;
}

.plyr__menu {
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.plyr__menu .plyr__control svg {
    transition: transform .3s ease;
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
    transform: rotate(90deg);
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none;
}

.plyr__menu__container {
    animation: plyr-popup .2s ease;
    background: rgba(255, 255, 255, 0.90196);
    background: rgba(255, 255, 255, 0.90196);
    border-radius: 8px;
    border-radius: 8px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14902);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14902);
    color: #4a5464;
    color: #4a5464;
    font-size: 15px;
    font-size: 15px;
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3;
}

.plyr__menu__container>div {
    overflow: hidden;
    transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1);
}

.plyr__menu__container:after {
    border: 4px solid rgba(0, 0, 0, 0);
    border-top-color: rgba(255, 255, 255, 0.90196);
    border: 4px solid rgba(0, 0, 0, 0);
    border-top-color: rgba(255, 255, 255, 0.90196);
    content: "";
    height: 0;
    position: absolute;
    right: 14px;
    right: 14px;
    top: 100%;
    width: 0;
}

.plyr__menu__container [role=menu] {
    padding: 7px;
    padding: 7px;
}

.plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] {
    margin-top: 2px;
}

.plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child {
    margin-top: 0;
}

.plyr__menu__container .plyr__control {
    -ms-flex-align: center;
        align-items: center;
    color: #4a5464;
    color: #4a5464;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    font-size: 13px;
    padding: 4.66667px 10.5px;
    padding: 4.66667px 10.5px;
    -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    width: 100%;
}

.plyr__menu__container .plyr__control>span {
    -ms-flex-align: inherit;
        align-items: inherit;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.plyr__menu__container .plyr__control:after {
    border: 4px solid rgba(0, 0, 0, 0);
    border: 4px solid rgba(0, 0, 0, 0);
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.plyr__menu__container .plyr__control--forward {
    padding-right: 28px;
    padding-right: 28px;
}

.plyr__menu__container .plyr__control--forward:after {
    border-left-color: #728197;
    border-left-color: #728197;
    right: 6.5px;
    right: 6.5px;
}

.plyr__menu__container .plyr__control--forward:focus-visible:after, .plyr__menu__container .plyr__control--forward:hover:after {
    border-left-color: currentColor;
    border-left-color: initial;
}

.plyr__menu__container .plyr__control--back {
    font-weight: 400;
    font-weight: 400;
    margin: 7px;
    margin: 7px;
    margin-bottom: 3.5px;
    margin-bottom: 3.5px;
    padding-left: 28px;
    padding-left: 28px;
    position: relative;
    width: calc(100% - 14px);
    width: calc(100% - 10px*.7*2);
}

.plyr__menu__container .plyr__control--back:after {
    border-right-color: #728197;
    border-right-color: #728197;
    left: 6.5px;
    left: 6.5px;
}

.plyr__menu__container .plyr__control--back:before {
    background: #dcdfe5;
    background: #dcdfe5;
    box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    content: "";
    height: 1px;
    left: 0;
    margin-top: 3.5px;
    margin-top: 3.5px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%;
}

.plyr__menu__container .plyr__control--back:focus-visible:after, .plyr__menu__container .plyr__control--back:hover:after {
    border-right-color: currentColor;
    border-right-color: initial;
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: 7px;
    padding-left: 7px;
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after, .plyr__menu__container .plyr__control[role=menuitemradio]:before {
    border-radius: 100%;
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    background: rgba(0, 0, 0, 0.10196);
    content: "";
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    margin-right: 10px;
    transition: all .3s ease;
    width: 16px;
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .3s ease, opacity .3s ease;
    width: 6px;
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
    background: #2f3161;
    background: #2f3161;
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
    opacity: 1;
    transform: translateY(-50%) scale(1);
}

.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
    background: rgba(35, 40, 47, 0.10196);
}

.plyr__menu__container .plyr__menu__value {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: -5px;
    margin-right: -5px;
    overflow: hidden;
    padding-left: 24.5px;
    padding-left: 24.5px;
    pointer-events: none;
}

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 26px;
    border-radius: 26px;
    color: #2f3161;
    color: #2f3161;
    display: block;
    height: 19px;
    height: 19px;
    margin: 0;
    min-width: 0;
    padding: 0;
    transition: box-shadow .3s ease;
    width: 100%;
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: rgba(0, 0, 0, 0);
    background-image: linear-gradient(90deg, #fff 0, rgba(0, 0, 0, 0) 0);
    background-image: linear-gradient(to right, #fff 0, rgba(0, 0, 0, 0) 0);
    border: 0;
    border-radius: 2.5px;
    border-radius: 2.5px;
    height: 5px;
    height: 5px;
    transition: box-shadow .3s ease;
    -webkit-user-select: none;
    user-select: none;
}

.plyr--full-ui input[type=range]::-moz-range-track {
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 2.5px;
    border-radius: 2.5px;
    height: 5px;
    height: 5px;
    transition: box-shadow .3s ease;
    -moz-user-select: none;
         user-select: none;
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: #fff;
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(35, 40, 47, 0.14902), 0 0 0 1px rgba(35, 40, 47, 0.2);
    box-shadow: 0 1px 1px rgba(35, 40, 47, 0.14902), 0 0 0 1px rgba(35, 40, 47, 0.2);
    height: 13px;
    height: 13px;
    position: relative;
    transition: all .2s ease;
    width: 13px;
    width: 13px;
}

.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: 2.5px;
    border-radius: 2.5px;
    height: 5px;
    height: 5px;
}

.plyr--full-ui input[type=range]::-ms-track {
    color: rgba(0, 0, 0, 0);
}

.plyr--full-ui input[type=range]::-ms-fill-upper, .plyr--full-ui input[type=range]::-ms-track {
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 2.5px;
    border-radius: 2.5px;
    height: 5px;
    height: 5px;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
        user-select: none;
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: rgba(0, 0, 0, 0);
    background: currentColor;
    border: 0;
    border-radius: 2.5px;
    border-radius: 2.5px;
    height: 5px;
    height: 5px;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
        user-select: none;
}

.plyr--full-ui input[type=range]::-ms-thumb {
    background: #fff;
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(35, 40, 47, 0.14902), 0 0 0 1px rgba(35, 40, 47, 0.2);
    box-shadow: 0 1px 1px rgba(35, 40, 47, 0.14902), 0 0 0 1px rgba(35, 40, 47, 0.2);
    height: 13px;
    height: 13px;
    margin-top: 0;
    position: relative;
    transition: all .2s ease;
    width: 13px;
    width: 13px;
}

.plyr--full-ui input[type=range]::-ms-tooltip {
    display: none;
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0;
}

.plyr--full-ui input[type=range]:focus {
    outline: 0;
}

.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
    outline: 2px dashed #2f3161;
    outline: 2px dashed #2f3161;
    outline-offset: 2px;
}

.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
    outline: 2px dashed #2f3161;
    outline: 2px dashed #2f3161;
    outline-offset: 2px;
}

.plyr--full-ui input[type=range]:focus-visible::-ms-track {
    outline: 2px dashed #2f3161;
    outline: 2px dashed #2f3161;
    outline-offset: 2px;
}

.plyr__poster {
    background-color: #000;
    background-color: #000;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 1;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1;
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
    display: none;
}

.plyr__time {
    font-size: 13px;
    font-size: 13px;
}

.plyr__time+.plyr__time:before {
    content: "⁄";
    margin-right: 10px;
    margin-right: 10px;
}

@media (max-width:767px) {
    .plyr__time+.plyr__time {
        display: none;
    }
}

.plyr__tooltip {
    background: #fff;
    background: #fff;
    border-radius: 5px;
    border-radius: 5px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14902);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14902);
    color: #4a5464;
    color: #4a5464;
    font-size: 13px;
    font-size: 13px;
    font-weight: 400;
    font-weight: 400;
    left: 50%;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-bottom: 10px;
    opacity: 0;
    padding: 5px 7.5px;
    padding: 5px 7.5px;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s ease .1s, opacity .2s ease .1s;
    white-space: nowrap;
    z-index: 2;
}

.plyr__tooltip:before {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid #fff;
    border-top: 4px solid #fff;
    bottom: -4px;
    bottom: -4px;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2;
}

.plyr .plyr__control:focus-visible .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3;
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
    left: 0;
    transform: translateY(10px) scale(.8);
    transform-origin: 0 100%;
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip:before, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before {
    left: 16px;
    left: 16px;
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    transform: translateY(10px) scale(.8);
    transform-origin: 100% 100%;
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
    left: auto;
    right: 16px;
    right: 16px;
    transform: translateX(50%);
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible, .plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip, .plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip, .plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip, .plyr__controls>.plyr__control:first-child:hover .plyr__tooltip, .plyr__controls>.plyr__control:last-child .plyr__tooltip--visible, .plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip, .plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
    transform: translate(0) scale(1);
}

.plyr__progress {
    left: 6.5px;
    left: 6.5px;
    margin-right: 13px;
    margin-right: 13px;
    position: relative;
}

.plyr__progress input[type=range], .plyr__progress__buffer {
    margin-left: -6.5px;
    margin-left: -6.5px;
    margin-right: -6.5px;
    margin-right: -6.5px;
    width: calc(100% + 13px);
    width: calc(100% + 13px);
}

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2;
}

.plyr__progress .plyr__tooltip {
    left: 0;
    max-width: 120px;
    word-wrap: break-word;
}

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 100px;
    height: 5px;
    height: 5px;
    left: 0;
    margin-top: -2.5px;
    margin-top: -2.5px;
    padding: 0;
    position: absolute;
    top: 50%;
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: rgba(0, 0, 0, 0);
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: 5px;
    transition: width .2s ease;
}

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: 5px;
    transition: width .2s ease;
}

.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    transition: width .2s ease;
}

.plyr--loading .plyr__progress__buffer {
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg, rgba(35, 40, 47, 0.6) 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%, rgba(35, 40, 47, 0.6) 0, rgba(35, 40, 47, 0.6) 75%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0));
    background-image: linear-gradient(-45deg, rgba(35, 40, 47, 0.6) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(35, 40, 47, 0.6) 50%, rgba(35, 40, 47, 0.6) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-repeat: repeat-x;
    background-size: 25px 25px;
    background-size: 25px 25px;
    color: rgba(0, 0, 0, 0);
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: rgba(255, 255, 255, 0.25098);
    background-color: rgba(255, 255, 255, 0.25098);
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: rgba(193, 200, 209, 0.6);
    background-color: rgba(193, 200, 209, 0.6);
}

.plyr__progress__marker {
    background-color: #fff;
    background-color: #fff;
    border-radius: 1px;
    height: 5px;
    height: 5px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 3px;
    width: 3px;
    z-index: 3;
}

.plyr__volume {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.plyr__volume input[type=range] {
    margin-left: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-right: 5px;
    max-width: 90px;
    min-width: 60px;
    position: relative;
    z-index: 2;
}

.plyr--audio {
    display: block;
}

.plyr--audio .plyr__controls {
    background: #fff;
    background: #fff;
    border-radius: inherit;
    color: #4a5464;
    color: #4a5464;
    padding: 10px;
    padding: 10px;
}

/* .plyr--audio .plyr__control:focus-visible,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
    background: #2f3161;
    background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #2f3161)));
    color: #fff;
    color: var(--plyr-audio-control-color-hover, #fff)
} */

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(193, 200, 209, 0.6);
    background-color: rgba(193, 200, 209, 0.6);
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: rgba(193, 200, 209, 0.6);
    background-color: rgba(193, 200, 209, 0.6);
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: rgba(193, 200, 209, 0.6);
    background-color: rgba(193, 200, 209, 0.6);
}

.plyr--audio .plyr__progress__buffer {
    color: rgba(193, 200, 209, 0.6);
    color: rgba(193, 200, 209, 0.6);
}

.plyr--video {
    overflow: hidden;
}

.plyr--video.plyr--menu-open {
    overflow: visible;
}

.plyr__video-wrapper {
    background: #000;
    background: #000;
    border-radius: inherit;
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
    aspect-ratio: 16/9;
}

@supports not (aspect-ratio:16/9) {
    .plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
        height: 0;
        padding-bottom: 56.25%;
        position: relative;
    }
}

.plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    transform: translateY(-38.28125%);
}

.plyr--video .plyr__controls {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.74902));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.74902));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    color: #fff;
    left: 0;
    padding: 5px;
    padding: 5px;
    padding-top: 20px;
    padding-top: 20px;
    position: absolute;
    right: 0;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    z-index: 3;
}

@media (min-width:480px) {
    .plyr--video .plyr__controls {
        padding: 10px;
        padding: 10px;
        padding-top: 35px;
        padding-top: 35px;
    }
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%);
}

.plyr__control--overlaid {
    background: #2f3161;
    background: #2f3161;
    border: 0;
    border-radius: 100%;
    color: #fff;
    color: #fff;
    display: none;
    left: 50%;
    opacity: .9;
    padding: 15px;
    padding: 15px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    z-index: 2;
}

.plyr__control--overlaid svg {
    left: 2px;
    position: relative;
}

.plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
    opacity: 1;
}

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block;
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(255, 255, 255, 0.25098);
    background-color: rgba(255, 255, 255, 0.25098);
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: rgba(255, 255, 255, 0.25098);
    background-color: rgba(255, 255, 255, 0.25098);
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: rgba(255, 255, 255, 0.25098);
    background-color: rgba(255, 255, 255, 0.25098);
}

.plyr--video .plyr__progress__buffer {
    color: rgba(255, 255, 255, 0.25098);
    color: rgba(255, 255, 255, 0.25098);
}

.plyr:-moz-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
}

.plyr:-moz-full-screen video {
    height: 100%;
}

.plyr:-ms-fullscreen video {
    height: 100%;
}

.plyr:fullscreen video {
    height: 100%;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none;
}

.plyr:-moz-full-screen.plyr--hide-controls {
    cursor: none;
}

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none;
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none;
}

@media (min-width:1024px) {
    .plyr:-moz-full-screen .plyr__captions {
        font-size: 21px;
        font-size: 21px;
    }
    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px;
        font-size: 21px;
    }
    .plyr:fullscreen .plyr__captions {
        font-size: 21px;
        font-size: 21px;
    }
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10000000;
}

.plyr--fullscreen-fallback video {
    height: 100%;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
    display: none;
}

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none;
}

@media (min-width:1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size: 21px;
        font-size: 21px;
    }
}

.plyr__cues {
    background: currentColor;
    display: block;
    height: 5px;
    height: 5px;
    left: 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    z-index: 3;
}

.plyr__preview-thumb {
    background-color: #fff;
    background-color: #fff;
    border-radius: 8px;
    border-radius: 8px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14902);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14902);
    margin-bottom: 10px;
    margin-bottom: 10px;
    opacity: 0;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    transform: translateY(10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s ease .1s, opacity .2s ease .1s;
    z-index: 2;
}

.plyr__preview-thumb--is-shown {
    opacity: 1;
    transform: translate(0) scale(1);
}

.plyr__preview-thumb:before {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid #fff;
    border-top: 4px solid #fff;
    bottom: -4px;
    bottom: -4px;
    content: "";
    height: 0;
    left: calc(50% + var(--preview-arrow-offset));
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2;
}

.plyr__preview-thumb__image-container {
    background: #c1c8d1;
    border-radius: 7px;
    border-radius: 7px;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.plyr__preview-thumb__image-container img, .plyr__preview-thumb__image-container:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.plyr__preview-thumb__image-container:after {
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.14902);
    content: "";
    pointer-events: none;
}

.plyr__preview-thumb__image-container img {
    max-height: none;
    max-width: none;
}

.plyr__preview-thumb__time-container {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.74902));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.74902));
    border-bottom-left-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px;
    bottom: 0;
    left: 0;
    line-height: 1.1;
    padding: 20px 6px 6px;
    position: absolute;
    right: 0;
    z-index: 3;
}

.plyr__preview-thumb__time-container span {
    color: #fff;
    font-size: 13px;
    font-size: 13px;
}

.plyr__preview-scrubbing {
    bottom: 0;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="1" /></filter></svg>#filter');
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1;
}

.plyr__preview-scrubbing--is-shown {
    opacity: 1;
}

.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    -o-object-fit: contain;
       object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%;
}

.plyr--no-transition {
    transition: none !important;
}

.plyr [hidden] {
    display: none !important;
}

.js-tippy-item {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.tippy-tooltip[data-animation=fade][data-state=hidden] {
    opacity: 0;
}

.tippy-iOS {
    cursor: pointer!important;
    -webkit-tap-highlight-color: transparent;
}

.tippy-popper {
    pointer-events: none;
    max-width: calc(100vw - 10px);
    transition-timing-function: cubic-bezier(.165,.84,.44,1);
    transition-property: transform;
}

.tippy-tooltip {
    position: relative;
    min-width: 230px;
    color: #354E66;
    padding: 25px 35px;
    font-size: 16px;
    line-height: 1.5em;
    width: 100%;
    transition-property: visibility, opacity, transform;
    outline: 0;
    background: #fff;
    box-shadow: 0px 0px 40px rgba(61, 104, 145, .2);
    border-radius: 15px;
}

.tippy-tooltip[data-placement^=top] > .tippy-arrow {
    border-width: 19px 15px 0;
    border-top-color: #fff;
    margin: 0 3px;
    transform-origin: 50% 0;
    bottom: -15px;
}

.tippy-tooltip[data-placement^=bottom] > .tippy-arrow {
    border-width: 0 16px 15px;
    border-bottom-color: #fff;
    margin: 0 3px;
    transform-origin: 50% 7px;
    top: -13px;
}

.tippy-tooltip[data-placement^=left] > .tippy-arrow {
    border-width: 11px 0 11px 11px;
    border-left-color: #333;
    margin: 3px 0;
    transform-origin: 0 50%;
    right: -11px;
}

.tippy-tooltip[data-placement^=right] > .tippy-arrow {
    border-width: 11px 11px 11px 0;
    border-right-color: #333;
    margin: 3px 0;
    transform-origin: 7px 50%;
    left: -11px;
}

.tippy-tooltip[data-interactive][data-state=visible] {
    pointer-events: auto;
}

.tippy-tooltip[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54,1.5,.38,1.11);
}

.tippy-arrow {
    position: absolute;
    border-color: transparent;
    border-style: solid;
}

.tippy-content {
    padding: 0;
}

.tippy-content .h1-style {
    font-size: 29px;
}

.tippy-content ul {
    margin-bottom: 0;
}

.tippy-content ul li {
    font-family: 'Manrope';
    font-size: 16px;
    line-height: 30px;
}

.tippy-tooltip[data-placement^=top] > .tippy-svg-arrow {
    transform-origin: 50% 0;
    margin: 0 3px;
    bottom: -6.5px;
}

.tippy-tooltip[data-placement^=top] > .tippy-svg-arrow svg {
    transform: rotate(180deg);
}

.tippy-tooltip[data-placement^=bottom] > .tippy-svg-arrow {
    transform-origin: 50% 7px;
    margin: 0 3px;
    top: -7px;
}

.tippy-tooltip[data-placement^=left] > .tippy-content {
    transform: scale(-1, 1);
}

.tippy-tooltip[data-placement^=left] > .tippy-content .showroom-tooltip-wrap {
    transform: scale(-1, 1);
}

.tippy-tooltip[data-placement^=left] > .tippy-svg-arrow {
    transform-origin: 33.33333333% 50%;
    margin: 3px 0;
    right: -12px;
}

.tippy-tooltip[data-placement^=left] > .tippy-svg-arrow svg {
    transform: rotate(90deg);
}

.tippy-tooltip[data-placement^=right] > .tippy-svg-arrow {
    transform-origin: 66.66666666% 50%;
    margin: 3px 0;
    left: -12px;
}

.tippy-tooltip[data-placement^=right]>.tippy-svg-arrow svg {
    transform: rotate(-90deg);
}

.tippy-tooltip[data-interactive]>.tippy-svg-arrow path {
    pointer-events: auto;
}

.tippy-svg-arrow {
    position: absolute;
    width: 18px;
    height: 7px;
    fill: #333;
    pointer-events: none;
}

.tippy-svg-arrow svg {
    position: absolute;
    left: 0;
}

.m-trigger {
    display: none;
}

@media (max-width: 768px) {
    .m-trigger {
        display: block !important;
    }
}

.site-logo img {
    display: block;
}

@media(max-width: 768px) {
    body:not(.front) .site-logo {
        display: none;
    }
}

.l-main-head {
    background: #3F4175;
    color: #fff;
    padding: 15px 0 15px;
    min-height: 60px;
    position: relative;
    z-index: 9;
}

.l-main-head:after {
    content: '';
    background: #3F4175;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    height: 10px;
    -webkit-mask-image: url(/bricks/css/images/cropper.png);
            mask-image: url(/bricks/css/images/cropper.png);
    -webkit-mask-position: bottom left;
            mask-position: bottom left;
    -webkit-mask-repeat: repeat-x;
            mask-repeat: repeat-x;
}

body.front .l-site-main-container {
    padding-bottom: 0 !important;
}

body:not(.front) .l-main-head {
    margin-bottom: 100px;
}

body:not(.front) .l-site-main-container a:not(.bttn) {
    color: #00A8F0;
}

@media (max-width: 768px) {
    body:not(.front) .l-main-head {
        margin-bottom: 50px;
    }
}

@media (min-width: 769px) {
    body.tiny-body .l-site-main-container .l-section {
        max-width: 410px;
        padding: 0;
    }
    body.middle-body .l-site-main-container .l-section {
        max-width: 1020px;
        padding: 0;
    }
}

.l-info-block {
    margin-bottom: 50px;
}

.l-site-main-heading h1 {
    margin-top: 0;
}

.form-attent {
    margin-bottom: 30px;
    line-height: 1.5em;
}

.oauth-reg {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
}

.oauth-reg .title {
    margin: 35px 0 20px;
}

.oauth-reg .f-row__cnt {
    margin-bottom: 35px;
}

@media (max-width: 768px) {
    .oauth-reg .title {
        margin: 5px 0 10px;
    }
}

.l-site-main-container {
    overflow: hidden;
    padding-bottom: 90px;
    -ms-flex-positive: 2;
        flex-grow: 2;
}

@media (max-width: 768px) {
    .l-site-main-container {
        padding-bottom: 50px;
    }
}

.l-main {
    min-height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
}

.l-site-main {
    -ms-flex-positive: 2;
        flex-grow: 2;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
}

.l-main-head__inner {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

.user-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 8px;
}

@media (max-width: 768px) {
    .user-actions {
        transform: scale(0.9);
        margin-right: -10px;
    }
}

body.front {
    background: var(--yellow-1);
}

.static-menu-wrap {
    margin-bottom: 60px;
}

.static-menu-wrap ul {
    margin: 0;
}

.static-menu-wrap ul li {
    font-size: 16px;
    font-style: normal;
    font-family: Manrope;
    line-height: 128%;
    padding-bottom: 14px;
    font-weight: 500;
    margin-bottom: 13px;
    border-bottom: 1px solid #BCBFDF;
}

.static-menu-wrap ul li a {
    text-decoration: none;
    color: #2F3161 !important;
}

.static-menu-wrap ul li:last-of-type {
    border-bottom: none;
}

.c-discounts {
    padding: 33px 25px;
    color: #fff;
    background: #E74F99;
    font-size: 15px;
    margin-bottom: 50px;
    position: relative;
}

.c-discounts p {
    font-size: 14px;
}

.c-discounts p a {
    color: #F6E16D !important;
}

.c-discounts:after {
    content: '';
    background: #E74F99;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    height: 12px;
    -webkit-mask-image: url(/bricks/css/images/cropper-2.png);
            mask-image: url(/bricks/css/images/cropper-2.png);
    -webkit-mask-position: bottom left;
            mask-position: bottom left;
    -webkit-mask-repeat: repeat-x;
            mask-repeat: repeat-x;
}

.c-discounts:before {
    content: '';
    background: #E74F99;
    position: absolute;
    transform: scale(-1, -1);
    left: 0;
    right: 0;
    top: -12px;
    height: 12px;
    -webkit-mask-image: url(/bricks/css/images/cropper-2.png);
            mask-image: url(/bricks/css/images/cropper-2.png);
    -webkit-mask-position: bottom left;
            mask-position: bottom left;
    -webkit-mask-repeat: repeat-x;
            mask-repeat: repeat-x;
}

#notification {
    height: 0;
}

#notification > div {
    transform: translateY(-100%);
    padding: 20px 25px;
    margin-bottom: 20px;
    position: relative;
    z-index: 999;
}

#notification ul {
    margin: 0;
}

#notification .success {
    border-radius: 18px;
    background: rgba(76, 175, 52, 1);
}

#notification .warning {
    color: #fff;
    border-radius: 18px;
    background: rgba(237, 70, 70, 1);
}

#notification .close {
    float: right;
    cursor: pointer;
}

.title-descr {}

.l-block__inder {
    margin-top: 190px;
}

.l-block__inder p {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

@media (max-width: 768px) {
    .l-block__inder {
        margin-top: 40px;
    }
    .l-block__inder p {
        padding-left: 20px;
        padding-right: 20px;
        max-width: 100%;
    }
}

.trans-image {
    margin: 0;
    position: relative;
}

.trans-image img {
    border-radius: 30px;
    display: block;
    margin-bottom: 50px;
    width: 100%;
}

.trans-image .pref {
    position: absolute;
    top: 6px;
    left: -48px;
}

.trans-image figcaption {
    color: var(--purple);
    text-align: center;
    font-family: Caveat;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 80%;
    letter-spacing: -2px;
}

@media (max-width: 768px) {
    .trans-image {
        padding: 0 19px;
    }
}

.trans-image.skewed {
    transform-origin: 50% 50%;
}

.trans-image.skewed.left {
    transform: rotate(-4deg);
}

@media (max-width: 768px) {
    .trans-image img {
        margin-bottom: 25px;
    }
}

@media (max-width: 768px) {
    .trans-image .pref {
        width: 80px;
        height: 80px;
        left: -59px;
    }
    .trans-image .pref svg {
        transform: scale(0.5);
    }
}

@media (max-width: 768px) {
    .trans-image figcaption {
        /* transform: rotate(4deg); */
        font-size: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.c-yellow {
    color: #F6E16D !important;
}

.head-fold__top.row {
    --bs-gutter-x: 110px;
}

.head-fold .trans-image {
    max-width: 678px;
    margin-left: auto;
    margin-right: auto;
}

.head-fold__bottom {
    display: -ms-flexbox;
    display: flex;
    gap: 69px;
    -ms-flex-align: end;
        align-items: flex-end;
}

.head-fold__bottom .buy-complect-price {
    color: #2F3161;
    font-size: 50px;
}

.head-fold__bottom .buy-complect-price.is--old {
    font-size: 35px;
    opacity: 0.5;
    position: relative;
}

.head-fold__bottom .buy-complect-price.is--old:after {
    content: '';
    width: 162px;
    height: 21px;
    position: absolute;
    top: 9px;
    left: 50%;
    margin-left: -81px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='162' height='21' fill='%232F3161'%3E%3Cpath fill-rule='evenodd' d='M8.645 12.186c-8.999 1.042-9.994 1.403-7.31 2.56 2.954 1.285 8.859 1.107 54.511-2.566C3.237 17.618-1.56 18.606.734 20.182c2.933 1.972 20.349.095 105.245-7.866 25.436-2.37 39.617-3.064 46.833-3.9 10.015-1.177 7.384-2.682 3.141-3.082l2.278-.406c5.993-1.063 2.042-3.817-5.784-3.991-6.88-.15-46.086 2.722-83.782 6.139-49.859 4.567-49.75 3.908-60.02 5.11Z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat 50%;
    transform: scale(0.6);
}

.head-fold__bottom .top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 25px;
    -ms-flex-pack: center;
        justify-content: center;
    margin-bottom: 28px;
}

.head-fold__bottom .what-you-get {
    max-width: 650px;
}

.head-fold__bottom .bttn .prices {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    height: 42px;
    -ms-flex-align: end;
        align-items: end;
}

.head-fold__bottom .bttn .prices .buy-complect-price.is--old {
    text-decoration: line-through;
    font-size: 16px;
    color: rgba(47, 49, 97, .5);
    letter-spacing: -0.32px;
    font-weight: 500;
    height: 15px;
}

.head-fold__bottom .bttn .prices .buy-complect-price.is--old:after {
    display: none;
}

.head-fold__bottom .bttn .prices .buy-complect-price.is--special {
    font-size: 22px;
    font-weight: 800;
    font-family: 'Manrope';
}

@media(max-width: 768px) {
    .head-fold__bottom .buy-complect-price.is--old:after {
        transform: scale(0.6);
        top: 6px;
    }
}

@media (max-width: 768px) {
    .head-fold__bottom .bttn .prices {
        height: 28px;
    }
}

@media (max-width: 768px) {
    .head-fold__bottom .bttn .prices .buy-complect-price.is--old {
        font-size: 12px;
        height: 10px;
    }
}

@media (max-width: 768px) {
    .head-fold__bottom .bttn .prices .buy-complect-price.is--special {
        font-size: 15px;
    }
}

@media (max-width: 768px) {
    .head-fold__bottom {
        -ms-flex-direction: column;
            flex-direction: column;
        gap: 30px;
        text-align: center;
        -ms-flex-align: center;
            align-items: center;
    }
    .head-fold__bottom .what-you-get {
        -ms-flex-order: -1;
            order: -1;
    }
}

.buy-video-prev.is--black-friday .center-single:not(.mb-0) {
    margin-top: 85px;
}

.buy-video-prev.is--black-friday .bttn {
    -ms-flex-align: end;
        align-items: flex-end;
    gap: 13px;
}

.buy-video-prev.is--black-friday .bttn.bttn--dark .prices .buy-complect-price.is--old {
    color: rgba(255, 255, 255, .5);
}

.buy-video-prev.is--black-friday .bttn.bttn--dark .prices .buy-complect-price.is--special {
    color: #fff;
}

@media (max-width: 768px) {
    .buy-video-prev.is--black-friday .center-single:not(.mb-0) {
        margin-top: 0;
    }
}

.inner-flex-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 7vw;
}

.inner-flex-center .thumb-single {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
}

.inner-flex-center .thumb-single img {
    max-width: 100%;
}

.inner-flex-center .thumb-descr {
    padding-top: 60px;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.6px;
}

@media (max-width: 768px) {
    .inner-flex-center {
        -ms-flex-direction: column;
            flex-direction: column;
        gap: 15px;
    }
}

@media (max-width: 768px) {
    .inner-flex-center .thumb-descr {
        padding-top: 0;
        text-align: center;
        font-size: 14px;
    }
}

.l-block {
    margin-bottom: 140px;
}

.l-block .title-descr {
    color: #fff;
    text-align: center;
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 110px;
}

.l-block h2, .l-block .h2-style, .l-block h3 {
    text-align: center;
    margin-top: 0;
    color: #fff;
}

.l-block ol {
    max-width: 50%;
    min-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.l-block ol li:last-of-type {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .l-block {
        margin-bottom: 40px;
    }
}

@media (max-width: 768px) {
    .l-block .title-descr {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 18px;
    }
}

@media (max-width: 768px) {
    .l-block ol {
        max-width: 100%;
        min-width: 0;
    }
}

.zi-3 {
    position: relative;
    z-index: 3;
}

.separated-section {
    --bgr: #F6E16D;
    padding-top: 190px;
    padding-bottom: 190px;
    position: relative;
    background: var(--bgr);
    position: relative;
}

.separated-section:after {
    content: '';
    background: var(--bgr);
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    height: 10px;
    -webkit-mask-image: url(/bricks/css/images/cropper.png);
            mask-image: url(/bricks/css/images/cropper.png);
    -webkit-mask-position: bottom left;
            mask-position: bottom left;
    -webkit-mask-repeat: repeat-x;
            mask-repeat: repeat-x;
    z-index: 2;
}

.separated-section.is--black-sale {
    --bgr: #000;
    color: #fff;
}

.separated-section.is--black-sale .head-fold h1 {
    font-size: 80px;
    color: #fff;
    letter-spacing: -1.6px;
    margin-bottom: 50px !important;
}

.separated-section.is--black-sale .trans-image figcaption {
    color: #fff;
}

.separated-section.is--black-sale .head-fold__bottom .buy-complect-price {
    color: #fff;
}

.separated-section.is--black-sale .head-fold__bottom .buy-complect-price.is--old {
    color: #fff;
    opacity: 0.5;
}

.separated-section.is--black-sale .head-fold__bottom .buy-complect-price.is--old:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='162' height='21' fill='%23F6E16D'%3E%3Cpath fill-rule='evenodd' d='M8.645 12.186c-8.999 1.042-9.994 1.403-7.31 2.56 2.954 1.285 8.859 1.107 54.511-2.566C3.237 17.618-1.56 18.606.734 20.182c2.933 1.972 20.349.095 105.245-7.866 25.436-2.37 39.617-3.064 46.833-3.9 10.015-1.177 7.384-2.682 3.141-3.082l2.278-.406c5.993-1.063 2.042-3.817-5.784-3.991-6.88-.15-46.086 2.722-83.782 6.139-49.859 4.567-49.75 3.908-60.02 5.11Z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat 50%;
    transform: scale(0.6);
}

.separated-section.is--black-sale .head-fold__bottom .what-you-get {
    opacity: 0.3;
}

@media (max-width: 768px) {
    .separated-section.is--black-sale .head-fold h1 {
        font-size: 30px;
        margin-bottom: 10px !important;
        text-align: left;
        letter-spacing: 0;
    }
}

.separated-section.is--pink {
    --bgr: #E74F99;
}

.separated-section.is--blue {
    --bgr: #2F3161;
}

@media (max-width: 768px) {
    .separated-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.bf-wrap__counter {
    min-height: 27px;
}

.bf-wrap__counter .count-downer {
    color: #F4DC5B;
    font-family: Manrope;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    /* letter-spacing: 90px; */
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    text-align: center;
}

.bf-wrap__counter .count-downer .lt {
    min-width: 40px;
    text-align: center;
}

@media(max-width: 768px) {
    .bf-wrap__counter {
        min-height: 17px;
    }
}

@media(max-width: 768px) {
    .bf-wrap__counter .count-downer {
        font-size: 18px;
    }
}

.p-order__filter {
    margin-bottom: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
}

.p-order__filter .type-filter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 15px;
}

@media (max-width: 768px) {
    .p-order__filter {
        margin-bottom: 25px;
    }
}

@media (max-width: 768px) {
    .p-order__filter .type-filter {
        gap: 8px;
    }
}

body.tiny-footer .l-site-main-container {
    padding-bottom: 0;
}

body.tiny-footer .l-footer-wrap {
    background: #434570;
    padding-top: 22px;
    padding-bottom: 17px;
}

body.tiny-footer .l-footer-wrap .l-footer__inner {
    display: none;
}

body.tiny-footer .l-footer-wrap .footer-info-copy {
    padding-top: 0;
    border: none;
}

body.tiny-footer .l-footer-wrap:before {
    background: #434570;
}

#information ol > li {
    color: #2F3161;
}

.p-checkout-success__cnt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    max-width: 730px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.p-checkout-success__cnt h3 {
    margin: 40px 0 15px;
}

.p-checkout-success__cnt .p-checkout-success-num {
    font-size: 28px;
    margin-bottom: 6px;
}

.p-checkout-success__cnt .p-checkout-success-date {
    font-size: 18px;
    color: #fff;
}

@media (max-width: 768px) {
    .p-checkout-success__cnt {
        padding-bottom: 60px;
    }
    .p-checkout-success__cnt .bttn {
        width: 100%;
    }
}

@media (min-width: 769px) {
    .p-checkout-success__cnt .p-checkout-success__text p {
        font-size: 18px;
        max-width: 100%;
        margin-bottom: 60px;
    }
    .p-checkout-success__cnt .p-checkout-success__text .bttn {
        padding-left: 70px;
        padding-right: 70px;
    }
}

.l-footer-wrap {
    background: #2F3161;
    padding-top: 35px;
    padding-bottom: 22px;
    position: relative;
    z-index: 2;
}

@media (max-width: 768px) {
    .l-footer-wrap {
        padding-top: 20px;
    }
}

.l-footer-wrap:before {
    content: '';
    background: #2F3161;
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    height: 10px;
    -webkit-mask-image: url(/bricks/css/images/cropper.png);
            mask-image: url(/bricks/css/images/cropper.png);
    -webkit-mask-position: bottom left;
            mask-position: bottom left;
    -webkit-mask-repeat: repeat-x;
            mask-repeat: repeat-x;
    z-index: 2;
    transform: scale(1, -1);
}

.footer-info-copy {
    padding-top: 25px;
    border-top: 1px solid rgba(255, 255, 255, .2);
    text-align: center;
    color: rgba(255, 255, 255, .6);
    font-size: 16px;
}

@media (max-width: 768px) {
    .footer-info-copy {
        border-top: none;
        padding-top: 0;
        color: #fff;
        font-size: 12px;
        -ms-flex-pack: center;
            justify-content: center;
        margin: 0;
    }
    .footer-info-copy .l-copyrights {
        padding: 0;
    }
}

.l-footer__inner {
    padding: 0 0 30px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 36px 1fr;
        grid-template-columns: 1fr 36px 1fr;
    grid-gap: 15px;
    -ms-flex-align: start;
        align-items: flex-start;
}

.l-footer__inner .right-side {
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -ms-flex-pack: end;
        justify-content: flex-end;
    width: 100%;
}

.l-footer__inner .l-socials .social-item {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #F4DC5B;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
}

.l-footer__inner ul {
    margin: 0;
}

.l-footer__inner .ext-menu__items {
    gap: 40px;
    font-size: 16px;
}

.l-footer__inner .ext-menu__items .item {
    color: #F6E16D;
}

.l-footer__inner .legal-links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 30px;
    font-size: 16px;
}

.l-footer__inner .isdigi {
    font-size: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 3px;
    margin-top: -2px;
}

.l-footer__inner .isdigi a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 17px;
}

@media (max-width: 768px) {
    .l-footer__inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        font-size: 12px;
        padding-bottom: 0;
    }
}

@media (max-width: 768px) {
    .l-footer__inner .right-side {
        gap: 15px;
        -ms-flex-direction: column;
            flex-direction: column;
    }
}

@media (max-width: 768px) {
    .l-footer__inner .l-socials {
        -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
    }
}

@media (max-width: 768px) {
    .l-footer__inner .l-socials .social-item {
        width: 46px;
        height: 46px;
    }
    .l-footer__inner .l-socials .social-item svg {
        transform: scale(1.3);
    }
}

@media (max-width: 768px) {
    .l-footer__inner .legal-links {
        font-size: 12px;
        -ms-flex-pack: center;
            justify-content: center;
    }
}

@media (max-width: 768px) {
    .l-footer__inner .isdigi {
        font-size: 12px;
        -ms-flex-pack: center;
            justify-content: center;
        margin-top: -9px;
    }
    .l-footer__inner .isdigi img {
        display: none;
    }
}

.p-order__list-item {
    --bgr: #F6E16D;
    --color: #2F3161;
    color: var(--color);
    background: var(--bgr);
    padding: 35px 0;
    position: relative;
}

.p-order__list-item .h2-style {
    margin: 0;
    line-height: 100%;
}

.p-order__list-item .p-order__list-item-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 35px;
    text-decoration: none !important;
    color: var(--color) !important;
}

.p-order__list-item .thumb img {
    display: block;
    border-radius: 20px;
}

.p-order__list-item:before {
    content: '';
    background: var(--bgr);
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    height: 10px;
    -webkit-mask-image: url(/bricks/css/images/cropper.png);
            mask-image: url(/bricks/css/images/cropper.png);
    -webkit-mask-position: bottom left;
            mask-position: bottom left;
    -webkit-mask-repeat: repeat-x;
            mask-repeat: repeat-x;
    z-index: 2;
    transform: scale(1, -1);
}

.p-order__list-item:nth-of-type(2n) {
    --bgr: #E74F99;
    --color: #fff;
}

.p-order__list-item:nth-of-type(3n) {
    --bgr: #2F3161;
    --color: #fff;
}

/* #wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
#wrapper .l-container {
    flex-grow: 1;
    width: 100%;
    overflow: hidden;
}

 */

/* 
.l-main {
    height: 100%;
}
.l-container {
    padding-bottom: 90px !important;
}
.l-content-middle {
    position: relative;
} */

.l-section {
    padding: 0 min(50px, 2.5vw);
    margin: auto;
    min-width: 320px;
}

@media(max-width: 768px) {
    .l-section {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.l-column-right .ext-menu-wrap, .l-column-left .ext-menu-wrap {
    padding: 30px;
}

.l-column-right .ext-menu__cnt > .ext-menu__items > .ext-menu__item, .l-column-left .ext-menu__cnt > .ext-menu__items > .ext-menu__item {
    margin-bottom: 40px;
}

.l-column-right .ext-menu__cnt > .ext-menu__items > .ext-menu__item > .item, .l-column-left .ext-menu__cnt > .ext-menu__items > .ext-menu__item > .item {
    font-size: 40px;
    display: block;
    margin-bottom: 15px;
}

.l-column-right .ext-menu__cnt > .ext-menu__items > .ext-menu__item:last-of-type, .l-column-left .ext-menu__cnt > .ext-menu__items > .ext-menu__item:last-of-type {
    margin-bottom: 0;
}

.l-column-right .childrens li, .l-column-left .childrens li {
    margin: -4px -9px 8px;
    padding: 4px 9px;
}

.l-column-right .childrens li.active, .l-column-left .childrens li.active {
    background: #000;
    color: #fff;
}

.l-column-right .childrens li.active a, .l-column-left .childrens li.active a {
    border-bottom: none;
    color: #fff;
}

.l-breadcrumb-wrap {
    -ms-flex-positive: 2;
        flex-grow: 2;
    padding-left: 40px;
}

@media (max-width: 768px) {
    .l-breadcrumb-wrap {
        padding-left: 0;
        max-width: calc(100vw - 80px);
    }
}

.l-breadcrumb {
    font-size: 16px;
}

.l-breadcrumb .icon-bread {
    margin-right: 4px;
}

.l-breadcrumb a {
    color: #fff;
    text-decoration: none;
}

@media (max-width: 768px) {
    .l-breadcrumb {
        font-size: 15px;
    }
}

@media (max-width: 768px) {
    .l-breadcrumb a {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
    }
}

.l-site-main {
    position: relative;
}

.g-info-list {
    margin-bottom: 30px;
}

.g-info-list li {
    margin-bottom: 35px;
}

.g-info-list li img {
    max-width: 100%;
}

.error-404-cnt .row {
    -ms-flex-align: center;
        align-items: center;
}

.error-404-cnt .text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    text-align: center;
}

.error-404-cnt .text h1 {
    margin-top: 0;
    margin-bottom: 45px;
    font-size: 230px;
    font-style: normal;
    font-weight: 700;
    line-height: 90%;
}

.error-404-cnt .bottom h3 {
    margin-top: 0;
    margin-bottom: 70px;
}

/* .l-content {
    position: relative;
    z-index: 1;
}
.l-block {
    margin-bottom: 2em;
    .l-block__title {
        font-size: $h3FS;
        margin-bottom: 15px;
    }
} */

[data-marked] {
    position: relative;
}

[data-marked]:before {
    content: '*';
    position: absolute;
    top: 0;
    left: -30px;
}

.custom-scrolled {
    max-height: 400px;
    position: relative;
    padding-right: 10px;
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

.ps__rail-x {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    height: 15px;
    bottom: 0px;
    position: absolute;
}

.ps__rail-y {
    display: none;
    opacity: 0.4;
    transition: background-color .2s linear, opacity .2s linear;
    width: 15px;
    right: 0;
    position: absolute;
}

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent;
}

.ps__thumb-x {
    background-color: #3D6891;
    border-radius: 4px;
    transition: background-color .2s linear, height .2s ease-in-out;
    height: 4px;
    bottom: 2px;
    position: absolute;
}

.ps__thumb-y {
    background-color: #3D6891;
    border-radius: 4px;
    transition: background-color .2s linear, width .2s ease-in-out;
    width: 4px;
    right: 2px;
    position: absolute;
}
.buy-cert-form-teaser {
    margin-bottom: 45px;
    max-width: none;
    font-size: 16px;
    line-height: 1.6em;
}
@media (max-width: 768px) {
    .buy-cert-form-teaser {
        margin-bottom: 20px;
    }
}
.buy-cert-form .f-row__cnt {
    -ms-flex-positive: 2;
        flex-grow: 2;
    position: relative;
}
.buy-cert-form .f-row__cnt input:not([type="checkbox"]), .buy-cert-form .f-row__cnt select, .buy-cert-form .f-row__cnt textarea {
    width: 100%;
}
.buy-cert-form input[type=checkbox] + label {
    width: auto;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
}
.p-collections .lk-orders__content {
    margin-bottom: 140px;
}
@media (max-width: 768px) {
    .p-collections .lk-orders__content {
        margin-bottom: 60px;
    }
}
.p-collections__precheck--empty {
    color: #EB5757;
}