.icon-academy {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 1.6rem;
}

.icon-acc-courses {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem;
}

.icon-acc-curator {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem;
}

.icon-acc-exit {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem;
}

.icon-acc-login {
    display: inline-block;
    vertical-align: middle;
    width: 2.1rem;
    height: 2.2rem;
}

.icon-acc-notices {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem;
}

.icon-acc-orders {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.5rem;
}

.icon-acc-profile {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem;
}

.icon-activica {
    display: inline-block;
    vertical-align: middle;
    width: 7.6rem;
    height: 1.6rem;
}

.icon-add {
    display: inline-block;
    vertical-align: middle;
    width: 2.2rem;
    height: 2.2rem;
}

.icon-arrow-down {
    display: inline-block;
    vertical-align: middle;
    width: 1.3rem;
    height: 7px;
}

.icon-arrow-right {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 9px;
}

.icon-back {
    display: inline-block;
    vertical-align: middle;
    width: 5rem;
    height: 1.3rem;
}

.icon-blank {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 11px;
}

.icon-breadcrumbs {
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 4px;
}

.icon-call {
    display: inline-block;
    vertical-align: middle;
    width: 2.8rem;
    height: 2.8rem;
}

.icon-checked {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 11px;
}

.icon-clock {
    display: inline-block;
    vertical-align: middle;
    width: 3.2rem;
    height: 3.2rem;
}

.icon-date {
    display: inline-block;
    vertical-align: middle;
    width: 1.4rem;
    height: 1.6rem;
}

.icon-delete {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
}

.icon-dots {
    display: inline-block;
    vertical-align: middle;
    width: 1.8rem;
    height: 4px;
}

.icon-download {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 9px;
}

.icon-eye {
    display: inline-block;
    vertical-align: middle;
    width: 2.1rem;
    height: 2.2rem;
}

.icon-file-add {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2.6rem;
}

.icon-file-doc {
    display: inline-block;
    vertical-align: middle;
    width: 5rem;
    height: 5.1rem;
}

.icon-file-pdf {
    display: inline-block;
    vertical-align: middle;
    width: 5rem;
    height: 5rem;
}

.icon-file-xls {
    display: inline-block;
    vertical-align: middle;
    width: 5rem;
    height: 5rem;
}

.icon-home {
    display: inline-block;
    vertical-align: middle;
    width: 1.6rem;
    height: 1.6rem;
}

.icon-inform {
    display: inline-block;
    vertical-align: middle;
    width: 2.5rem;
    height: 2.4rem;
}

.icon-location {
    display: inline-block;
    vertical-align: middle;
    width: 2.2rem;
    height: 2.6rem;
}

.icon-minus {
    display: inline-block;
    vertical-align: middle;
    width: 1.2rem;
    height: 2px;
}

.icon-mouse {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2.6rem;
}

.icon-next {
    display: inline-block;
    vertical-align: middle;
    width: 5rem;
    height: 1.3rem;
}

.icon-pagination-next {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 1.8rem;
}

.icon-pagination-prev {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 1.8rem;
}

.icon-play {
    display: inline-block;
    vertical-align: middle;
    width: 5rem;
    height: 5rem;
}

.icon-plus {
    display: inline-block;
    vertical-align: middle;
    width: 1.2rem;
    height: 1.2rem;
}

.icon-prev {
    display: inline-block;
    vertical-align: middle;
    width: 5rem;
    height: 1.3rem;
}

.icon-product-date {
    display: inline-block;
    vertical-align: middle;
    width: 2.6rem;
    height: 2.3rem;
}

.icon-product-time {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.5rem;
}

.icon-rating {
    display: inline-block;
    vertical-align: middle;
    width: 1.2rem;
    height: 1.2rem;
}

.icon-read {
    display: inline-block;
    vertical-align: middle;
    width: 1.8rem;
    height: 1.8rem;
}

.icon-refresh {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem;
}

.icon-social-fb {
    display: inline-block;
    vertical-align: middle;
    width: 11px;
    height: 23px;
}

.icon-social-instagram {
    display: inline-block;
    vertical-align: middle;
    width: 2.1rem;
    height: 2.1rem;
}

.icon-social-skype {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2.1rem;
}

.icon-social-twitter {
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    height: 19px;
}

.icon-social-viber {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2.1rem;
}

.icon-social-vk {
    display: inline-block;
    vertical-align: middle;
    width: 2.7rem;
    height: 1.7rem;
}

.icon-social-youtube {
    display: inline-block;
    vertical-align: middle;
    width: 2.5rem;
    height: 1.9rem;
}

.icon-star {
    display: inline-block;
    vertical-align: middle;
    width: 1.9rem;
    height: 1.82rem;
}

.icon-time {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem;
}

.icon-unread {
    display: inline-block;
    vertical-align: middle;
    width: 1.8rem;
    height: 1.4rem;
}

.icon-user {
    display: inline-block;
    vertical-align: middle;
    width: 2.6rem;
    height: 2.6rem;
}

.icon-vacancies-email {
    display: inline-block;
    vertical-align: middle;
    width: 2.8rem;
    height: 2.8rem;
}

.icon-vacancies-phone {
    display: inline-block;
    vertical-align: middle;
    width: 2.9rem;
    height: 2.8rem;
}

.icon-views {
    display: inline-block;
    vertical-align: middle;
    width: 1.7rem;
    height: 10px;
}

.icon-warning {
    display: inline-block;
    vertical-align: middle;
    width: 2.5rem;
    height: 2.5rem;
}

.icon-write {
    display: inline-block;
    vertical-align: middle;
    width: 1.2rem;
    height: 1.2rem;
}

/* ==========================================================================
   Utilites
   ========================================================================== */
/*! normalize.css v7.0.0 | 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
 *    IE on Windows Phone and in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
    margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
    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
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
    /* 1 */
    display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
    margin: 1em 4rem;
}

/**
 * 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
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 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 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
    font-weight: inherit;
}

/**
 * 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 style in Android 4.3-.
 */
dfn {
    font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
    background-color: #ff0;
    color: #000;
}

/**
 * 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
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
    display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
    border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    /* 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;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
}

/**
 * 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 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
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 and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[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 IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
    display: block;
}

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

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
    display: inline-block;
}

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

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

* {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}

body {
    font: 400 1.6rem/1.4 "Gilroy", Helvetica, Arial, sans-serif;
    color: rgba(7, 8, 9, 0.5);
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
    margin: 0 0 3rem;
    color: #0D0F19;
}

img {
    max-width: 100%;
}

b,
strong {
    font-weight: 700;
}

hr {
    border: none;
    border-top: 1px solid #E3EBF3;
    margin: 3rem 0;
    clear: both;
}

a {
    transition: color 0.25s;
    text-decoration: underline;
    color: #300068;
}

a:hover {
    color: #FF7100;
    text-decoration: underline;
}

mark {
    background: none;
    color: #FF7100;
}

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    fill: currentColor;
    fill-rule: evenodd;
}

.icon-clock {
    width: 1.6rem;
    height: 1.6rem;
}

.icon-rouble {
    font-family: 'PT Rouble Sans', sans-serif;
    display: inline-block;
    vertical-align: baseline;
    font-size: 92%;
    font-weight: inherit;
}

@font-face {
    font-family: 'Gilroy';
    src: url("../fonts/Gilroy-Thin.woff2") format("woff2"), url("../fonts/Gilroy-Thin.woff") format("woff");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url("../fonts/Gilroy-ThinItalic.woff2") format("woff2"), url("../fonts/Gilroy-ThinItalic.woff") format("woff");
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url("../fonts/Gilroy-Light.woff2") format("woff2"), url("../fonts/Gilroy-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url("../fonts/Gilroy-LightItalic.woff2") format("woff2"), url("../fonts/Gilroy-LightItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url("../fonts/Gilroy-Regular.woff2") format("woff2"), url("../fonts/Gilroy-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url("../fonts/Gilroy-RegularItalic.woff2") format("woff2"), url("../fonts/Gilroy-RegularItalic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url("../fonts/Gilroy-Medium.woff2") format("woff2"), url("../fonts/Gilroy-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url("../fonts/Gilroy-MediumItalic.woff2") format("woff2"), url("../fonts/Gilroy-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url("../fonts/Gilroy-Semibold.woff2") format("woff2"), url("../fonts/Gilroy-Semibold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url("../fonts/Gilroy-SemiboldItalic.woff2") format("woff2"), url("../fonts/Gilroy-SemiboldItalic.woff") format("woff");
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url("../fonts/Gilroy-Bold.woff2") format("woff2"), url("../fonts/Gilroy-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url("../fonts/Gilroy-BoldItalic.woff2") format("woff2"), url("../fonts/Gilroy-BoldItalic.woff") format("woff");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'PT Rouble Sans';
    src: url("../fonts/PTRoubleSans.woff2") format("woff2"), url("../fonts/PTRoubleSans.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

.ui-title-72, .popup__result-points {
    display: block;
    font-size: 4.8rem;
    line-height: 1.1;
    font-weight: 600;
    margin: 0 0 3rem;
}

@media (min-width: 576px) {
    .ui-title-72, .popup__result-points {
        font-size: 5.4rem;
    }
}

@media (min-width: 768px) {
    .ui-title-72, .popup__result-points {
        font-size: 6rem;
    }
}

@media (min-width: 992px) {
    .ui-title-72, .popup__result-points {
        font-size: 6.6rem;
    }
}

@media (min-width: 1200px) {
    .ui-title-72, .popup__result-points {
        font-size: 7.2rem;
    }
}

.ui-title-60, .ui-wysiwyg h1, .article h1 {
    display: block;
    font-size: 4rem;
    line-height: 1.1;
    font-weight: 600;
    margin: 0 0 3rem;
}

@media (min-width: 576px) {
    .ui-title-60, .ui-wysiwyg h1, .article h1 {
        font-size: 4.5rem;
    }
}

@media (min-width: 768px) {
    .ui-title-60, .ui-wysiwyg h1, .article h1 {
        font-size: 5rem;
    }
}

@media (min-width: 992px) {
    .ui-title-60, .ui-wysiwyg h1, .article h1 {
        font-size: 5.5rem;
    }
}

@media (min-width: 1200px) {
    .ui-title-60, .ui-wysiwyg h1, .article h1 {
        font-size: 6rem;
    }
}

.ui-title-50, .popup__caption-title, .experts__title, .experts__profile-title, .reviews__title, .topbar__title, .contacts__title, .checkout__title, .study__title {
    display: block;
    font-size: 3rem;
    line-height: 1.1;
    font-weight: 600;
    margin: 0 0 3rem;
}

@media (min-width: 576px) {
    .ui-title-50, .popup__caption-title, .experts__title, .experts__profile-title, .reviews__title, .topbar__title, .contacts__title, .checkout__title, .study__title {
        font-size: 3.5rem;
    }
}

@media (min-width: 768px) {
    .ui-title-50, .popup__caption-title, .experts__title, .experts__profile-title, .reviews__title, .topbar__title, .contacts__title, .checkout__title, .study__title {
        font-size: 4rem;
    }
}

@media (min-width: 992px) {
    .ui-title-50, .popup__caption-title, .experts__title, .experts__profile-title, .reviews__title, .topbar__title, .contacts__title, .checkout__title, .study__title {
        font-size: 4.5rem;
    }
}

@media (min-width: 1200px) {
    .ui-title-50, .popup__caption-title, .experts__title, .experts__profile-title, .reviews__title, .topbar__title, .contacts__title, .checkout__title, .study__title {
        font-size: 5rem;
    }
}

.ui-title-44, .ui-wysiwyg h2, .article h2, .popup__success-title, .products__title, .stages__title, .experts__resume h2, .experts__certificates-title, .experts__courses-title, .news__title, .study__info-title, .program__title, .teachers__title, .training__title, .certificate h2, .cost__title, .additional__title, .similar__title, .featured__title, .learn__title {
    display: block;
    font-size: 2.8rem;
    line-height: 1;
    font-weight: 600;
    margin: 0 0 3rem;
    color: #0D0F19;
}

@media (min-width: 576px) {
    .ui-title-44, .ui-wysiwyg h2, .article h2, .popup__success-title, .products__title, .stages__title, .experts__resume h2, .experts__certificates-title, .experts__courses-title, .news__title, .study__info-title, .program__title, .teachers__title, .training__title, .certificate h2, .cost__title, .additional__title, .similar__title, .featured__title, .learn__title {
        font-size: 3.2rem;
    }
}

@media (min-width: 768px) {
    .ui-title-44, .ui-wysiwyg h2, .article h2, .popup__success-title, .products__title, .stages__title, .experts__resume h2, .experts__certificates-title, .experts__courses-title, .news__title, .study__info-title, .program__title, .teachers__title, .training__title, .certificate h2, .cost__title, .additional__title, .similar__title, .featured__title, .learn__title {
        font-size: 3.6rem;
    }
}

@media (min-width: 992px) {
    .ui-title-44, .ui-wysiwyg h2, .article h2, .popup__success-title, .products__title, .stages__title, .experts__resume h2, .experts__certificates-title, .experts__courses-title, .news__title, .study__info-title, .program__title, .teachers__title, .training__title, .certificate h2, .cost__title, .additional__title, .similar__title, .featured__title, .learn__title {
        font-size: 4rem;
    }
}

@media (min-width: 1200px) {
    .ui-title-44, .ui-wysiwyg h2, .article h2, .popup__success-title, .products__title, .stages__title, .experts__resume h2, .experts__certificates-title, .experts__courses-title, .news__title, .study__info-title, .program__title, .teachers__title, .training__title, .certificate h2, .cost__title, .additional__title, .similar__title, .featured__title, .learn__title {
        font-size: 4.4rem;
    }
}

.ui-title-34, .ui-wysiwyg h3, .article h3, .popup__title, .feedback__title, .study__info-content h3, .cost__request-title, .subsc__title {
    display: block;
    font-size: 2.6rem;
    line-height: 1.2;
    font-weight: 600;
    margin: 0 0 3rem;
    color: #0D0F19;
}

@media (min-width: 576px) {
    .ui-title-34, .ui-wysiwyg h3, .article h3, .popup__title, .feedback__title, .study__info-content h3, .cost__request-title, .subsc__title {
        font-size: 2.8rem;
    }
}

@media (min-width: 768px) {
    .ui-title-34, .ui-wysiwyg h3, .article h3, .popup__title, .feedback__title, .study__info-content h3, .cost__request-title, .subsc__title {
        font-size: 3rem;
    }
}

@media (min-width: 992px) {
    .ui-title-34, .ui-wysiwyg h3, .article h3, .popup__title, .feedback__title, .study__info-content h3, .cost__request-title, .subsc__title {
        font-size: 3.2rem;
    }
}

@media (min-width: 1200px) {
    .ui-title-34, .ui-wysiwyg h3, .article h3, .popup__title, .feedback__title, .study__info-content h3, .cost__request-title, .subsc__title {
        font-size: 3.4rem;
    }
}

.ui-title-32, .ui-wysiwyg h4, .article h4, .popup__result-title, .reviews__form-title, .news__best-title, .news__item--bg .news__item-title, .topbar__question, .about__target-title, .rules__title, .checkout__order-title, .checkout__payment-title, .study__enroll-title {
    display: block;
    font-size: 2.4rem;
    line-height: 1;
    font-weight: 600;
    margin: 0 0 3rem;
    color: #0D0F19;
}

@media (min-width: 576px) {
    .ui-title-32, .ui-wysiwyg h4, .article h4, .popup__result-title, .reviews__form-title, .news__best-title, .news__item--bg .news__item-title, .topbar__question, .about__target-title, .rules__title, .checkout__order-title, .checkout__payment-title, .study__enroll-title {
        font-size: 2.6rem;
    }
}

@media (min-width: 768px) {
    .ui-title-32, .ui-wysiwyg h4, .article h4, .popup__result-title, .reviews__form-title, .news__best-title, .news__item--bg .news__item-title, .topbar__question, .about__target-title, .rules__title, .checkout__order-title, .checkout__payment-title, .study__enroll-title {
        font-size: 2.8rem;
    }
}

@media (min-width: 992px) {
    .ui-title-32, .ui-wysiwyg h4, .article h4, .popup__result-title, .reviews__form-title, .news__best-title, .news__item--bg .news__item-title, .topbar__question, .about__target-title, .rules__title, .checkout__order-title, .checkout__payment-title, .study__enroll-title {
        font-size: 3rem;
    }
}

@media (min-width: 1200px) {
    .ui-title-32, .ui-wysiwyg h4, .article h4, .popup__result-title, .reviews__form-title, .news__best-title, .news__item--bg .news__item-title, .topbar__question, .about__target-title, .rules__title, .checkout__order-title, .checkout__payment-title, .study__enroll-title {
        font-size: 3.2rem;
    }
}

.ui-title-28, .products__item-title, .directions__item-title, .courses__item-title {
    display: block;
    font-size: 2rem;
    line-height: 1.14;
    font-weight: 600;
    margin: 0 0 3rem;
    color: #0D0F19;
}

@media (min-width: 1200px) {
    .ui-title-28, .products__item-title, .directions__item-title, .courses__item-title {
        font-size: 2.2rem;
    }
}

@media (min-width: 1600px) {
    .ui-title-28, .products__item-title, .directions__item-title, .courses__item-title {
        font-size: 2.8rem;
    }
}

.ui-title-24, .ui-panel__title, .ui-wysiwyg h5, .article h5, .experts__item-title, .reviews__item-title, .news__best-column .news__item-title, .news__item-title, .about__info-content h3, .rules__details-type-desc h3, .rules__regulations-title, .contacts__subtitle, .teachers__item-title, .training__item-title, .additional__item-title, .personal__documents-item-title {
    display: block;
    font-size: 1.8rem;
    line-height: 1.14;
    font-weight: 600;
    margin: 0 0 3rem;
    color: #0D0F19;
}

@media (min-width: 768px) {
    .ui-title-24, .ui-panel__title, .ui-wysiwyg h5, .article h5, .experts__item-title, .reviews__item-title, .news__best-column .news__item-title, .news__item-title, .about__info-content h3, .rules__details-type-desc h3, .rules__regulations-title, .contacts__subtitle, .teachers__item-title, .training__item-title, .additional__item-title, .personal__documents-item-title {
        font-size: 2rem;
    }
}

@media (min-width: 992px) {
    .ui-title-24, .ui-panel__title, .ui-wysiwyg h5, .article h5, .experts__item-title, .reviews__item-title, .news__best-column .news__item-title, .news__item-title, .about__info-content h3, .rules__details-type-desc h3, .rules__regulations-title, .contacts__subtitle, .teachers__item-title, .training__item-title, .additional__item-title, .personal__documents-item-title {
        font-size: 2.2rem;
    }
}

@media (min-width: 1200px) {
    .ui-title-24, .ui-panel__title, .ui-wysiwyg h5, .article h5, .experts__item-title, .reviews__item-title, .news__best-column .news__item-title, .news__item-title, .about__info-content h3, .rules__details-type-desc h3, .rules__regulations-title, .contacts__subtitle, .teachers__item-title, .training__item-title, .additional__item-title, .personal__documents-item-title {
        font-size: 2.4rem;
    }
}

.ui-title-22, .personal__tests-item-title {
    display: block;
    font-size: 1.8rem;
    line-height: 1.14;
    font-weight: 600;
    margin: 0 0 3rem;
    color: #0D0F19;
}

@media (min-width: 768px) {
    .ui-title-22, .personal__tests-item-title {
        font-size: 2rem;
    }
}

@media (min-width: 1200px) {
    .ui-title-22, .personal__tests-item-title {
        font-size: 2.2rem;
    }
}

.ui-title-20, .stages__item-title, .rules__details-type-desc h4, .personal__data-files-title, .personal__courses-item-title, .personal__data-theme-title, .personal__listeners-group-title {
    display: block;
    font-size: 1.8rem;
    line-height: 1.6;
    font-weight: 600;
    margin: 0 0 3rem;
    color: #0D0F19;
}

@media (min-width: 1200px) {
    .ui-title-20, .stages__item-title, .rules__details-type-desc h4, .personal__data-files-title, .personal__courses-item-title, .personal__data-theme-title, .personal__listeners-group-title {
        font-size: 2rem;
    }
}

.ui-text-18, .popup__caption-text, .popup__text, .products__text, .experts__text, .experts__profile-text, .reviews__text, .topbar__text, .study__info-content, .program__text, .training__text, .certificate, .cost__text, .learn__text {
    display: block;
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: 400;
}

@media (min-width: 1200px) {
    .ui-text-18, .popup__caption-text, .popup__text, .products__text, .experts__text, .experts__profile-text, .reviews__text, .topbar__text, .study__info-content, .program__text, .training__text, .certificate, .cost__text, .learn__text {
        font-size: 1.8rem;
    }
}

.ui-tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 3rem;
}

@media (max-width: 767px) {
    .ui-tabs {
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.ui-tabs__btn {
    display: inline-block;
    vertical-align: top;
    font: 700 1.4rem/1 "Gilroy", Helvetica, Arial, sans-serif;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
    background: none;
    padding: 5px 0;
    border: none;
    border-bottom: 2px solid transparent;
    color: rgba(13, 15, 25, 0.6);
    transition: 0.25s;
    margin: 0 3rem 10px 0;
}

.ui-tabs__btn:hover {
    color: #0D0F19;
}

.ui-tabs__btn.is-active {
    color: #0D0F19;
    border-color: #FF7100;
}

@media (min-width: 1200px) {
    .ui-tabs__btn {
        font-size: 1.6rem;
        margin: 0 4rem 0 0;
    }
}

@media (max-width: 1199px) {
    .ui-tabs__btn {
        border-color: rgba(0, 0, 0, 0.1);
    }
}

@media (max-width: 767px) {
    .ui-tabs__btn {
        margin: 0 10px 10px;
    }
}

.ui-tags {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 4rem;
}

.ui-tags__btn {
    display: inline-block;
    vertical-align: top;
    background: rgba(48, 0, 104, 0.3);
    color: #fff;
    margin: 0 5px 5px 0;
    font-size: 1.2rem;
    line-height: 3.4rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0 1.5rem;
    white-space: nowrap;
    border-radius: 20px;
    text-decoration: none;
    transition: 0.25s;
    border: none;
    cursor: pointer;
}

.ui-tags__btn sup {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 0;
    font-size: 8px;
    line-height: 2.4rem;
    font-weight: 600;
}

.ui-tags__btn:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(48, 0, 104, 0.6);
}

.ui-tags__btn.is-active {
    background: #300068;
    color: #fff;
}

.ui-spacer-10 {
    display: block;
    height: 10px;
}

.ui-spacer-15 {
    display: block;
    height: 1.5rem;
}

.ui-spacer-20 {
    display: block;
    height: 2rem;
}

.ui-spacer-25 {
    display: block;
    height: 2.5rem;
}

.ui-spacer-30 {
    display: block;
    height: 3rem;
}

.ui-badge-group {
    padding: 0 0 1.5rem;
}

.ui-badge-group .ui-badge {
    margin: 0 5px 5px 0;
}

.ui-badge {
    display: inline-block;
    vertical-align: top;
    border: 1px solid currentColor;
    background: none;
    border-radius: 3px;
    padding: 6px 10px 4px;
    font: 700 1.2rem/1.6rem "Gilroy", Helvetica, Arial, sans-serif;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
}

.ui-badge--18 {
    padding: 0 10px;
    font-size: 10px;
    line-height: 1.8rem;
}

.ui-badge--24 {
    padding: 4px 10px 2px;
}

.ui-badge--rounded {
    border-radius: 14px;
}

.ui-badge--orange {
    border-color: #F9B34B;
    background: #F9B34B;
    color: #fff;
}

.ui-badge--orange.ui-badge--outline {
    background: none;
    color: #F9B34B;
}

.ui-badge--green {
    border-color: #5FC28A;
    background: #5FC28A;
    color: #fff;
}

.ui-badge--green.ui-badge--outline {
    background: none;
    color: #5FC28A;
}

.ui-badge--lightblue {
    border-color: #64B5F6;
    background: #64B5F6;
    color: #fff;
}

.ui-badge--lightblue.ui-badge--outline {
    background: none;
    color: #64B5F6;
}

.ui-badge--darkblue {
    border-color: #3949AB;
    background: #3949AB;
    color: #fff;
}

.ui-badge--darkblue.ui-badge--outline {
    background: none;
    color: #3949AB;
}

.ui-badge--blue {
    border-color: #545BFF;
    background: #545BFF;
    color: #fff;
}

.ui-badge--blue.ui-badge--outline {
    background: none;
    color: #545BFF;
}

.ui-badge--red {
    border-color: #EF5350;
    background: #EF5350;
    color: #fff;
}

.ui-badge--red.ui-badge--outline {
    background: none;
    color: #EF5350;
}

.ui-badge--purple {
    border-color: #F1E1F4;
    background: #F1E1F4;
    color: #BA68C8;
}

.ui-badge--purple.ui-badge--outline {
    background: none;
    color: #BA68C8;
}

.ui-badge--turq {
    border-color: #CCEAED;
    background: #CCEAED;
    color: #3949AB;
}

.ui-badge--turq.ui-badge--outline {
    background: none;
    color: #3949AB;
}

.ui-badge--white {
    border-color: #fff;
    background: #fff;
    color: #300068;
}

.ui-badge--white.ui-badge--outline {
    background: none;
    color: #fff;
}

.ui-badge--grey {
    border-color: #D6D6D6;
    background: #D6D6D6;
    color: #fff;
}

.ui-badge--grey.ui-badge--outline {
    background: none;
    color: #D6D6D6;
}

.ui-rating {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.ui-rating svg {
    display: block;
    margin: 0 5px 0 0;
    width: 1.2rem;
    height: 1.2rem;
    fill: #F9B34B;
}

.ui-rating[data-rating="1"] svg:nth-of-type(1) ~ svg {
    fill: none;
    stroke: #F9B34B;
    stroke-width: 1;
}

.ui-rating[data-rating="2"] svg:nth-of-type(2) ~ svg {
    fill: none;
    stroke: #F9B34B;
    stroke-width: 1;
}

.ui-rating[data-rating="3"] svg:nth-of-type(3) ~ svg {
    fill: none;
    stroke: #F9B34B;
    stroke-width: 1;
}

.ui-rating[data-rating="4"] svg:nth-of-type(4) ~ svg {
    fill: none;
    stroke: #F9B34B;
    stroke-width: 1;
}

.ui-rating[data-rating="5"] svg:nth-of-type(5) ~ svg {
    fill: none;
    stroke: #F9B34B;
    stroke-width: 1;
}

.ui-stars {
    position: relative;
    display: block;
    width: 15.2rem;
    height: 1.8rem;
    background: url(../images/icons/icon-stars.png) 0 0 no-repeat;
    background-size: auto 1.8rem;
}

.ui-stars__progress {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #fff url(../images/icons/icon-stars-active.png) 0 0 no-repeat;
    background-size: auto 1.8rem;
}

.ui-rateit {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 2rem;
}

.ui-rateit__label {
    display: block;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    margin: 0 10px 0 0;
    color: #0D0F19;
}

.ui-rateit__stars {
    position: relative;
    top: -1px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    margin: 0 -2.5px;
    white-space: nowrap;
}

.ui-rateit__stars[data-rating="1"] .ui-rateit__btn svg {
    fill: #D6D6D6;
}

.ui-rateit__stars[data-rating="1"] .ui-rateit__btn:nth-of-type(1) ~ .ui-rateit__btn svg {
    fill: none;
}

.ui-rateit__stars[data-rating="2"] .ui-rateit__btn svg {
    fill: #D6D6D6;
}

.ui-rateit__stars[data-rating="2"] .ui-rateit__btn:nth-of-type(2) ~ .ui-rateit__btn svg {
    fill: none;
}

.ui-rateit__stars[data-rating="3"] .ui-rateit__btn svg {
    fill: #D6D6D6;
}

.ui-rateit__stars[data-rating="3"] .ui-rateit__btn:nth-of-type(3) ~ .ui-rateit__btn svg {
    fill: none;
}

.ui-rateit__stars[data-rating="4"] .ui-rateit__btn svg {
    fill: #D6D6D6;
}

.ui-rateit__stars[data-rating="4"] .ui-rateit__btn:nth-of-type(4) ~ .ui-rateit__btn svg {
    fill: none;
}

.ui-rateit__stars[data-rating="5"] .ui-rateit__btn svg {
    fill: #D6D6D6;
}

.ui-rateit__btn {
    transition: 0.25s;
    display: block;
    padding: 0 2.5px;
    cursor: pointer;
    position: relative;
}

.ui-rateit__btn svg {
    width: 1.8rem;
    height: 1.8rem;
    fill: none;
    stroke: #D6D6D6;
    transition: 0.25s;
}

.ui-rateit__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.ui-pagination {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    margin: 0 0 3rem;
}

.ui-pagination__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4.2rem;
    height: 4.2rem;
    background: #fff;
    border-radius: 4px;
    text-decoration: none;
    color: #0D0F19;
    margin: 0 5px 0 0;
    transition: 0.25s;
}

.ui-pagination__link svg {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    color: #D6D6D6;
}

.ui-pagination__link:last-child {
    margin: 0;
}

.ui-pagination__link:hover {
    text-decoration: none;
    background: #D6D6D6;
    color: #fff;
}

.ui-pagination__link:hover svg {
    color: #fff;
}

.ui-pagination__link.is-active {
    text-decoration: none;
    background: #300068;
    color: #fff;
}

.ui-pages {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 3rem;
}

.ui-pages__label {
    display: block;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 400;
    color: rgba(13, 15, 25, 0.7);
    margin: 0 1.5rem 0 0;
}

.ui-pages__input {
    -webkit-appearance: none;
    display: block;
    width: 5.8rem;
    font: 400 1.6rem/2rem "Gilroy", Helvetica, Arial, sans-serif;
    padding: 10px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    border-radius: 4px;
    color: #0D0F19;
    margin: 0 1.5rem 0 0;
    transition: 0.25s;
}

.ui-pages__input:focus {
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);
}

.ui-pages__btn {
    white-space: nowrap;
    display: block;
    font: 400 1.6rem/2rem "Gilroy", Helvetica, Arial, sans-serif;
    color: #300068;
    border: none;
    padding: 0;
    background: none;
    transition: 0.25s;
    cursor: pointer;
}

.ui-pages__btn svg {
    width: 8px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 4px;
}

.ui-pages__btn:hover {
    color: #FF7100;
}

.ui-upload__grid {
    margin: 0 -1.5rem -3rem;
    padding: 0 0 3rem;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ui-upload__grid > li {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 19.4rem;
    padding: 0 1.5rem 3rem;
}

.ui-upload__item {
    display: block;
}

.ui-upload__item-image {
    position: relative;
    background: #E7E8E9 url(../images/icons/icon-noimage.svg) center center no-repeat;
    background-size: 3rem 3rem;
    margin: 0 0 2rem;
    border-radius: 6px;
    overflow: hidden;
}

.ui-upload__item-image img {
    display: block;
    width: 100%;
}

.ui-upload__item-image .ui-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    white-space: nowrap;
}

.ui-upload__item-caption {
    display: block;
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: 400;
    color: #0D0F19;
    margin: 0;
}

.ui-panel {
    background: #F7F8F9;
    border-radius: 6px;
    margin: 0 0 2rem;
    padding: 3rem;
}

.ui-panel .row {
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -10px -2rem;
}

.ui-panel .row > [class^="col-"] {
    padding: 0 10px 2rem;
}

@media (min-width: 768px) {
    .ui-panel {
        padding: 3rem 4rem;
    }
}

.ui-panel__title {
    margin: 0 0 10px;
}

.ui-panel__text {
    display: block;
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: 500;
    color: #0D0F19;
    opacity: 0.6;
    margin: 0 0 2rem;
    max-width: 54rem;
}

.ui-panel__download {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 400;
    text-decoration: none;
}

.ui-panel__download svg {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 6px 0 0;
}

.ui-panel__download:hover {
    text-decoration: none;
}

@media (min-width: 768px) {
    .ui-panel__add {
        text-align: right;
    }
}

.ui-progress {
    margin: 0 0 2rem;
}

.ui-progress__label {
    display: block;
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: 500;
    color: #6E6F75;
    margin: 0 0 10px;
}

.ui-progress__bar {
    display: block;
    position: relative;
    height: 1.6rem;
    width: 100%;
    border-radius: 8px;
    background: #F1F2F3;
    overflow: hidden;
}

.ui-progress__bar-line {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    background: #5FC28A;
}

.ui-video {
    display: block;
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    border-radius: 4px;
    transition: 0.25s;
    text-decoration: none;
    color: #0D0F19;
}

.ui-video:hover {
    text-decoration: none;
    color: #0D0F19;
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);
}

.ui-video__image {
    background: #E7E8E9 url(../images/icons/icon-noimage.svg) center center no-repeat;
    background-size: 3rem 3rem;
    margin: -1px -1px 0;
    position: relative;
    overflow: hidden;
    border-radius: 4px 4px 0 0;
}

.ui-video__image:before {
    content: '';
    float: left;
    padding: 65% 0 0 0;
}

.ui-video__image img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.ui-video__image .icon-play {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5rem;
    height: 5rem;
    margin: -2.5rem 0 0 -2.5rem;
}

.ui-video__desc {
    padding: 2rem;
}

@media (min-width: 1600px) {
    .ui-video__desc {
        padding: 3rem;
    }
}

.ui-video__title {
    display: block;
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 400;
    margin: 0 0 2rem;
}

.ui-video__text {
    display: block;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    margin: 0;
    color: #0D0F19;
    opacity: 0.6;
}

.ui-toggle {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.ui-toggle.is-open .ui-toggle__content {
    opacity: 1;
    visibility: visible;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.ui-toggle__trigger {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
    border: none;
    padding: 0;
    background: none;
    color: #6E6F75;
    transition: 0.25s;
}

.ui-toggle__trigger:hover {
    color: #FF7100;
}

.ui-toggle__content {
    position: absolute;
    top: 100%;
    right: 0;
    white-space: nowrap;
    background: #FFFFFF;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    z-index: 100;
    padding: 1.5rem;
    transition: 0.25s;
    opacity: 0;
    visibility: hidden;
    -ms-transform: translate(0, 10px);
    transform: translate(0, 10px);
}

.ui-toggle__menu {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 400;
    color: #0D0F19;
}

.ui-toggle__menu > li {
    margin: 0 0 1.5rem;
}

.ui-toggle__menu > li:last-child {
    margin: 0;
}

.ui-toggle__link {
    text-decoration: none;
    color: #0D0F19;
}

.ui-toggle__link:hover {
    color: #FF7100;
    text-decoration: none;
}

.ui-listeners {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ui-listeners__list {
    margin: 0 2.5rem 0 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.ui-listeners__list > li {
    margin: 0 -10px 0 0;
}

.ui-listeners__user {
    display: block;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    background: #E1E6EC url(../images/icons/icon-user.svg) center center no-repeat;
    background-size: cover;
    width: 3rem;
    height: 3rem;
    margin: 0;
    border: 1px solid #fff;
}

.ui-listeners__user img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.ui-listeners__counter {
    position: relative;
    z-index: 100;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #fff;
    background: #FF7100;
    border-radius: 50%;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 600;
    color: #fff;
    width: 3rem;
    height: 3rem;
}

.ui-listeners__btn {
    display: inline-block;
    vertical-align: top;
    font: 500 1.4rem/1.8rem "Gilroy", Helvetica, Arial, sans-serif;
    padding: 5px 1.5rem;
    background: none;
    border: 1px solid #300068;
    color: #300068;
    transition: 0.25s;
    border-radius: 15px;
    cursor: pointer;
    white-space: nowrap;
}

.ui-listeners__btn:hover {
    background: #300068;
    color: #fff;
}

.ui-listeners__btn svg {
    width: 8px;
    height: 8px;
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.ui-status__percent {
    display: block;
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: 500;
    margin: 0 0 10px;
    color: #6E6F75;
}

.ui-status__progress {
    margin: 0 0 2rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    background: linear-gradient(to right, #ff7101 0%, #300068 100%);
    color: #fff;
    height: 1.6rem;
    border-radius: 8px;
    font-size: 8px;
    line-height: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

.ui-status__progress > li {
    position: relative;
    -ms-flex: 1;
    flex: 1;
}

.ui-status__progress > li:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    background: #fff;
    opacity: 0.3;
}

.ui-status__progress > li:last-child:after {
    display: none;
}

.ui-status__progress > li.is-active .ui-status__progress-icon {
    display: block;
}

.ui-status__progress > li.is-active .ui-status__progress-date {
    display: none;
}

@media (max-width: 575px) {
    .ui-status__progress {
        display: block;
        height: auto;
        background: none;
    }

    .ui-status__progress > li {
        background: linear-gradient(to right, #ff7101 0%, #300068 100%);
        border-radius: 8px;
        margin: 0 0 3rem;
    }
}

.ui-status__progress-icon {
    display: none;
}

.ui-status__progress-icon svg {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.ui-status__progress-date {
    display: block;
}

.ui-status__progress-text {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    color: #6E6F75;
    padding: 5px 0 0;
}

.ui-sorting {
    margin: 0 0 2rem;
    border-radius: 6px;
    background: #F3F3F3;
    padding: 10px 2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    min-height: 5rem;
}

.ui-sorting__label {
    display: block;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: #6E6F75;
    margin: 0;
    padding: 5px 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    white-space: nowrap;
}

.ui-sorting__control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ui-sorting__btn {
    display: inline-block;
    vertical-align: top;
    font: 400 1.6rem/1.4 "Gilroy", Helvetica, Arial, sans-serif;
    color: #6E6F75;
    padding: 0;
    border: none;
    background: none;
    transition: 0.25s;
    cursor: pointer;
}

.ui-sorting__btn:last-child {
    margin: 0;
}

.ui-sorting__btn:hover, .ui-sorting__btn.is-active {
    color: #0D0F19;
}

.ui-sorting__label, .ui-sorting__btn {
    margin: 0 2rem 0 0;
}

@media (min-width: 768px) {
    .ui-sorting__label, .ui-sorting__btn {
        margin: 0 3rem 0 0;
    }
}

@media (min-width: 1200px) {
    .ui-sorting__label, .ui-sorting__btn {
        margin: 0 4rem 0 0;
    }
}

@media (min-width: 1600px) {
    .ui-sorting__label, .ui-sorting__btn {
        margin: 0 5rem 0;
    }
}

.ui-validate {
    display: block;
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: 400;
    color: #DB474E;
    padding: 5px 0 0;
}

.is-error .ui-placeholder__input, .is-error .ui-placeholder__textarea,
.is-error .ui-input {
    border-color: #DB474E;
    color: #DB474E;
}

.ui-legend {
    display: block;
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: 600;
    margin: 0 0 3rem;
    color: #0D0F19;
}

.ui-label {
    display: block;
    font-size: 1.8rem;
    line-height: 1.8;
    font-weight: 600;
    margin: 0 0 2rem;
    color: #0D0F19;
}

.ui-label--small {
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    opacity: 0.5;
}

.ui-text {
    color: #0D0F19;
    margin: 0 0 2rem;
}

.ui-notice {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: 500;
    color: #6E6F75;
    margin: 0 0 3rem;
}

.ui-notice svg {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 1.5rem 0 0;
    color: #F9B34B;
}

.ui-help {
    display: block;
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: 500;
    color: #0D0F19;
    margin: 0;
}

.ui-confirm {
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: 500;
    color: #6E6F75;
    margin: 0;
}

.ui-confirm svg {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 1.5rem 0 0;
}

.ui-confirm a {
    text-decoration: underline;
    color: #6E6F75;
}

.ui-confirm a:hover {
    text-decoration: underline;
    color: #0D0F19;
}

.ui-caption {
    display: block;
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: 400;
    color: #0D0F19;
    margin: 0;
}

.ui-discount {
    background: #FFECB3;
    border-radius: 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 3rem;
    padding: 2rem 3rem;
}

.ui-discount .ui-label {
    padding: 5px 2rem 5px 0;
    margin: 0 auto 0 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.ui-discount .ui-group {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    width: 39.2rem;
    -ms-flex: 0 0 392px;
    flex: 0 0 39.2rem;
    max-width: 100%;
}

.ui-discount .ui-placeholder, .ui-discount .ui-input {
    margin: 0;
}

.ui-discount .ui-placeholder__input, .ui-discount .ui-placeholder__textarea, .ui-discount .ui-input {
    padding-right: 146px;
}

.ui-discount .btn {
    width: 13.6rem;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1100;
}

.ui-check {
    position: relative;
    padding: 0 0 0 32px;
    display: block;
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    min-height: 18px;
    min-width: 18px;
    color: #0D0F19;
    cursor: pointer;
    text-align: left;
}

.ui-check a {
    color: rgba(7, 8, 9, 0.5);
    text-decoration: underline;
}

.ui-check a:hover {
    color: #000;
}

.ui-check__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.ui-check__input:checked ~ .ui-check__radio {
    background-color: #300068;
    background: #300068;
}

.ui-check__input:checked ~ .ui-check__radio:after {
    opacity: 1;
}

.ui-check__input:checked ~ .ui-check__checkbox {
    border-color: #300068;
    background: #300068;
}

.ui-check__input:checked ~ .ui-check__checkbox svg {
    opacity: 1;
}

.ui-check__input:checked ~ .ui-check__btn {
    color: #0D0F19;
}

.ui-check__input:checked ~ .ui-check__btn .icon-read {
    color: #5FC28A;
}

.ui-check__input:checked ~ .ui-check__btn .icon-unread {
    color: #DB474E;
}

.ui-check__checkbox {
    display: block;
    background: #fff;
    border: 1px solid #E4E5E6;
    width: 18px;
    height: 18px;
    display: block;
    border-radius: 4px;
    position: absolute;
    top: 2px;
    left: 0;
    transition: 0.25s;
}

.ui-check__checkbox svg {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    color: #fff;
    margin: -5px 0 0 -5px;
    opacity: 0;
    transition: opacity 0.25s;
}

.ui-check__radio {
    background: #fff;
    border: 1px solid #E4E5E6;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    transition: 0.25s;
}

.ui-check__radio:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    margin: -3px 0 0 -3px;
    opacity: 0;
}

.ui-check__btn {
    font: 500 13px/20px "Gilroy", Helvetica, Arial, sans-serif;
    cursor: pointer;
    transition: 0.25s;
    padding: 5px 0;
    border: none;
    background: none;
    color: rgba(13, 15, 25, 0.5);
    border-radius: 6px;
    margin: 0 20px 0 0;
}

.ui-check__btn svg {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 8px 0 0;
    transition: 0.25s;
}

.ui-check__btn svg.icon-read {
    top: -2px;
}

.ui-check__btn svg.icon-unread {
    top: -2px;
}

.ui-check__btn:hover {
    color: #0D0F19;
}

.ui-placeholder {
    position: relative;
    margin: 0 0 2rem;
    white-space: nowrap;
    text-align: left;
}

.ui-placeholder.is-focus .ui-placeholder__label, .ui-placeholder.is-changed .ui-placeholder__label {
    -ms-transform: scale(0.75) translate(0, -10px);
    transform: scale(0.75) translate(0, -10px);
}

.ui-placeholder.is-focus .ui-placeholder__input, .ui-placeholder.is-focus .ui-placeholder__textarea, .ui-placeholder.is-changed .ui-placeholder__input, .ui-placeholder.is-changed .ui-placeholder__textarea {
    background: #fff;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}

.ui-placeholder.is-focus .ui-placeholder__select .selectric, .ui-placeholder.is-changed .ui-placeholder__select .selectric {
    background: #fff;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}

.ui-placeholder.is-focus .ui-placeholder__select .selectric .label, .ui-placeholder.is-changed .ui-placeholder__select .selectric .label {
    opacity: 1;
}

.ui-placeholder.is-focus {
    z-index: 1000;
}

.ui-placeholder--54 .ui-placeholder__input, .ui-placeholder--54 .ui-placeholder__textarea {
    line-height: 2.2rem;
    height: 5.4rem;
}

.ui-placeholder--54 .ui-placeholder__label {
    line-height: 2.2rem;
    height: 5.4rem;
}

.ui-placeholder--54 .ui-placeholder__append {
    height: 5.4rem;
}

.ui-placeholder--60 .ui-placeholder__input, .ui-placeholder--60 .ui-placeholder__textarea {
    line-height: 2.8rem;
    height: 6rem;
}

.ui-placeholder--60 .ui-placeholder__label {
    line-height: 2.8rem;
    height: 6rem;
}

.ui-placeholder--60 .ui-placeholder__append {
    height: 6rem;
}

.ui-placeholder__append {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 0 1.5rem;
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: 400;
    color: #6E6F75;
    white-space: nowrap;
    height: 6.6rem;
}

.ui-placeholder__append svg {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin: 0 5px 0 0;
}

.ui-placeholder__visibility {
    display: block;
    border: none;
    background: none;
    transition: 0.25s;
    color: #0D0F19;
    opacity: 0.5;
    cursor: pointer;
}

.ui-placeholder__visibility svg {
    display: block;
    margin: 0;
}

.ui-placeholder__visibility:hover {
    opacity: 1;
}

.ui-placeholder__label {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 110;
    padding: 1.5rem;
    pointer-events: none;
    color: rgba(13, 15, 25, 0.5);
    border: 1px solid transparent;
    font-size: 1.6rem;
    line-height: 3.4rem;
    font-weight: 400;
    transition: .25s;
    height: 6.6rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    -ms-transform-origin: 15px 0;
    transform-origin: 15px 0;
}

.ui-placeholder__input, .ui-placeholder__textarea {
    display: block;
    transition: .25s;
    width: 100%;
    background: #F6F6F6;
    border: 1px solid #D6D6D6;
    font: 400 1.6rem/3.4rem "Gilroy", Helvetica, Arial, sans-serif;
    padding: 2rem 1.5rem 10px;
    color: #0D0F19;
    -webkit-appearance: none;
    margin: 0;
    transition: 0.25s;
    box-shadow: none;
    border-radius: 4px;
    height: 6.6rem;
    margin: 0;
}

.ui-placeholder__input:disabled, .ui-placeholder__textarea:disabled {
    border-color: #e4ebf1;
    background: #e4ebf1;
    pointer-events: none;
}

.ui-placeholder__textarea {
    transition: box-shadow 0.25s;
    max-width: 100%;
    min-height: 14rem;
    height: 14rem;
    min-width: 100%;
}

.ui-placeholder__select .selectric-wrapper {
    position: relative;
    cursor: pointer;
    text-transform: none;
    color: #0D0F19;
    width: 100%;
}

.ui-placeholder__select .selectric {
    position: relative;
    overflow: hidden;
    border: 1px solid #D6D6D6;
    background: #F6F6F6;
    border-radius: 4px;
    padding: 2rem 6.6rem 10px 1.5rem;
    transition: 0.25s;
    font: 400 1.6rem/3.4rem "Gilroy", Helvetica, Arial, sans-serif;
    height: 6.6rem;
}

.ui-placeholder__select .selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    max-width: 100%;
    opacity: 0;
    transition: opacity 0.25s;
}

.ui-placeholder__select .selectric .arrow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 6rem;
    opacity: 0.5;
    border-left: 1px solid #D6D6D6;
}

.ui-placeholder__select .selectric .arrow svg {
    display: block;
    transition: transform 0.25s;
}

.ui-placeholder__select .selectric-multiple .selectric-items li {
    padding-left: 45px;
}

.ui-placeholder__select .selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #D6D6D6;
    z-index: 100;
    box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.1);
    margin: -1px 0 0;
    width: auto !important;
    min-width: 100%;
    overflow: hidden;
    font: 400 1.6rem/2.4rem "Gilroy", Helvetica, Arial, sans-serif;
}

.ui-placeholder__select .selectric-items .selectric-scroll {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.ui-placeholder__select .selectric-items ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ui-placeholder__select .selectric-items li {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 10px 1.5rem;
    margin: 0 0 1px;
    transition: 0.25s;
    color: rgba(7, 8, 9, 0.5);
}

.ui-placeholder__select .selectric-items li:hover {
    color: #300068;
}

.ui-placeholder__select .selectric-items li:after {
    display: none;
}

.ui-placeholder__select .selectric-items li:last-child {
    margin: 0;
}

.ui-placeholder__select .selectric-items li.selected {
    background: #FF7100;
    color: #fff;
}

.ui-placeholder__select .selectric-items li.selected .selectric-checkbox svg {
    opacity: 1;
}

.ui-placeholder__select .selectric-items .ui-select-group li:not(.ui-select-group-label) {
    padding-left: 32px;
}

.ui-placeholder__select .selectric-items .ui-select-group-label {
    pointer-events: none;
}

.ui-placeholder__select .selectric-checkbox {
    position: absolute;
    top: 50%;
    left: 1.5rem;
    margin: -9px 0 0 0;
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #E4E5E6;
    color: #E40521;
}

.ui-placeholder__select .selectric-checkbox svg {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1rem;
    height: 1rem;
    margin: -0.5rem 0 0 -0.5rem;
    opacity: 0;
}

.ui-placeholder__select .selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
}

.ui-placeholder__select .selectric-hide-select select {
    position: absolute;
    left: -100%;
}

.ui-placeholder__select .selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.ui-placeholder__select .selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    z-index: 1;
    box-sizing: border-box;
    opacity: 0;
}

.ui-placeholder__select .selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    background: none !important;
}

.ui-placeholder__select .selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important;
}

.ui-placeholder__select .selectric-open {
    z-index: 100;
}

.ui-placeholder__select .selectric-open .selectric {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
    border-radius: 4px 4px 0 0;
}

.ui-placeholder__select .selectric-open .selectric .arrow svg {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ui-placeholder__select .selectric-open .selectric-items {
    display: block;
    border-radius: 0 0 4px 4px;
}

.ui-placeholder__select .selectric-disabled {
    opacity: 0.5;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ui-placeholder__select .selectric-changed {
    color: #000;
}

.ui-number {
    position: relative;
    margin: 0 0 2rem;
    width: 10rem;
    border: 1px solid #D6D6D6;
    background: #fff;
    border-radius: 6px;
}

.ui-number__input {
    display: block;
    width: 100%;
    font: 400 1.6rem/2.4rem "Gilroy", Helvetica, Arial, sans-serif;
    padding: 5px 3.5rem;
    color: #0D0F19;
    border: none;
    background: none;
    text-align: center;
    pointer-events: none;
}

.ui-number__input:focus {
    z-index: 10;
}

.ui-number__minus,
.ui-number__plus {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: -1px;
    bottom: -1px;
    width: 3rem;
    background: #D6D6D6;
    padding: 0;
    border: none;
    transition: 0.25s;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.7);
}

.ui-number__minus:hover,
.ui-number__plus:hover {
    background: #0D0F19;
    color: white;
}

.ui-number__plus {
    right: -1px;
    border-radius: 0 6px 6px 0;
}

.ui-number__minus {
    left: -1px;
    border-radius: 6px 0 0 6px;
}

.ui-file {
    display: inline-block;
    vertical-align: top;
    position: relative;
    font: 700 1.6rem/2.4rem "Gilroy", Helvetica, Arial, sans-serif;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: #FFFFFF;
    border: 2px dashed #D6D6D6;
    border-radius: 6px;
    transition: 0.25s;
    cursor: pointer;
    padding: 2rem 3rem;
    color: #300068;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
}

.ui-file input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.ui-file svg {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    color: #0D0F19;
    margin: 0 1.5rem 0 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.ui-file:hover {
    border-color: #300068;
}

@media (max-width: 575px) {
    .ui-file {
        font-size: 1.4rem;
        padding: 8px 2rem;
    }
}

.ui-read {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.ui-input {
    display: block;
    transition: .25s;
    width: 100%;
    background: #F6F6F6;
    border: 1px solid #D6D6D6;
    font: 400 1.6rem/3.4rem "Gilroy", Helvetica, Arial, sans-serif;
    padding: 1.5rem;
    color: #0D0F19;
    -webkit-appearance: none;
    margin: 0;
    transition: 0.25s;
    box-shadow: none;
    border-radius: 4px;
    height: 6.6rem;
    margin: 0 0 2rem;
}

.ui-input:-ms-input-placeholder {
    color: rgba(13, 15, 25, 0.5);
}

.ui-input::placeholder {
    color: rgba(13, 15, 25, 0.5);
}

.ui-input:focus {
    background: #fff;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}

.ui-input:disabled {
    border-color: #e4ebf1;
    background: #e4ebf1;
    pointer-events: none;
}

.ui-input--54 {
    height: 5.4rem;
    padding: 9px 1.5rem;
}

.ui-input--60 {
    height: 6rem;
    padding: 1.2rem 1.5rem;
}

.ui-select {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 2rem;
    text-align: left;
}

.ui-select .selectric-wrapper {
    position: relative;
    cursor: pointer;
    font: 600 2.4rem/3.2rem "Gilroy", Helvetica, Arial, sans-serif;
    text-transform: none;
    color: #0D0F19;
    width: 100%;
}

.ui-select .selectric {
    position: relative;
    overflow: hidden;
    border: 1px solid #D7D8D9;
    background: #fff;
    border-radius: 6px;
    padding: 10px 5rem 10px 2rem;
    transition: 0.25s;
}

.ui-select .selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ui-select .selectric .arrow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 5rem;
    opacity: 0.5;
}

.ui-select .selectric .arrow svg {
    display: block;
    transition: transform 0.25s;
}

.ui-select .selectric:hover {
    box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.1);
}

.ui-select .selectric-multiple .selectric-items li {
    padding-left: 45px;
}

.ui-select .selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #D7D8D9;
    z-index: 100;
    box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.1);
    margin: -1px 0 0;
    width: auto !important;
    min-width: 100%;
    overflow: hidden;
    -ms-flex-direction: column;
    flex-direction: column;
}

.ui-select .selectric-items .selectric-scroll {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.ui-select .selectric-items ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ui-select .selectric-items li {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 10px 2rem;
    margin: 0 0 1px;
    transition: 0.25s;
    color: rgba(0, 0, 0, 0.4);
}

.ui-select .selectric-items li:last-child {
    margin: 0;
}

.ui-select .selectric-items li:hover {
    color: black;
}

.ui-select .selectric-items li.selected {
    background: #300068;
    color: #fff;
}

.ui-select .selectric-items li.selected .selectric-checkbox svg {
    opacity: 1;
}

.ui-select .selectric-items li.disabled {
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ui-select .selectric-items li.ui-select-placeholder {
    display: none;
}

.ui-select .selectric-items .ui-select-group li:not(.ui-select-group-label) {
    padding-left: 30px;
}

.ui-select .selectric-items .ui-select-group-label {
    pointer-events: none;
}

.ui-select .selectric-checkbox {
    position: absolute;
    top: 50%;
    left: 1.5rem;
    margin: -9px 0 0 0;
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #E4E5E6;
    color: #E40521;
}

.ui-select .selectric-checkbox svg {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1rem;
    height: 1rem;
    margin: -0.5rem 0 0 -0.5rem;
    opacity: 0;
}

.ui-select .selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
}

.ui-select .selectric-hide-select select {
    position: absolute;
    left: -100%;
}

.ui-select .selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.ui-select .selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    z-index: 1;
    box-sizing: border-box;
    opacity: 0;
}

.ui-select .selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    background: none !important;
}

.ui-select .selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important;
}

.ui-select .selectric-open {
    z-index: 9999;
}

.ui-select .selectric-open .selectric {
    box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.1);
    border-radius: 4px 4px 0 0;
}

.ui-select .selectric-open .selectric .arrow svg {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ui-select .selectric-open .selectric-items {
    display: -ms-flexbox;
    display: flex;
    border-radius: 0 0 4px 4px;
}

.ui-select .selectric-disabled {
    opacity: 0.25;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ui-select .selectric-disabled .selectric {
    box-shadow: none;
}

.ui-select .selectric-changed {
    color: #000;
}

.btn {
    font: 700 1.6rem/2.2rem "Gilroy", Helvetica, Arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid transparent;
    background: none;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 10px 2rem;
    transition: 0.25s;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
}

.btn svg {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin: 0 8px 0 0;
}

.btn:hover {
    text-decoration: none;
}

.btn:active {
    transition: none;
    transform: translate3d(0, 1px, 0);
}

.btn:disabled {
    background: #D6D6D6;
    color: #fff;
    pointer-events: none;
}

.btn--fullwidth {
    width: 100%;
}

.btn--44 {
    font-size: 1.3rem;
    line-height: 2.2rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 10px 2rem;
}

.btn--50 {
    font-size: 1.3rem;
    line-height: 3.2rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 8px 2rem;
    letter-spacing: 0.1em;
}

.btn--54 {
    font-size: 1.3rem;
    line-height: 3.2rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 2rem;
    letter-spacing: 0.1em;
}

.btn--60 {
    font-size: 1.3rem;
    line-height: 3.2rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 1.3rem 2.5rem;
    letter-spacing: 0.1em;
}

.btn--64 {
    font-size: 1.3rem;
    line-height: 3.2rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 1.5rem 2.5rem;
    letter-spacing: 0.1em;
}

.btn--74 {
    font-size: 1.4rem;
    line-height: 3.2rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 2rem 2.5rem;
    letter-spacing: 0.08em;
}

.btn--orange {
    background: #FF7100;
    color: #fff;
}

.btn--orange:hover {
    background: #EA6800;
    color: #fff;
}

.btn--orange:active {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

.btn--dark {
    background: #300068;
    color: #fff;
}

.btn--dark:hover {
    background: #24014E;
    color: #fff;
}

.btn--dark:active {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

.btn--white {
    border-color: transparent;
    background: #fff;
    color: #0D0F19;
}

.btn--white:hover {
    background: rgba(255, 255, 255, 0.7);
    color: #0D0F19;
}

.btn--white:active {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

.btn--grey {
    background: #F1F1F2;
    color: #0D0F19;
}

.btn--grey:hover {
    background: #300068;
    color: #fff;
}

.btn--grey:active {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

.btn--link {
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0;
    color: #300068;
}

.btn--link svg {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin: 0 0 0 10px;
    transition: transform 0.25s;
}

.btn--link:hover {
    color: #24014E;
}

.btn--link:hover svg {
    -ms-transform: translate(5px, 0);
    transform: translate(5px, 0);
}

.btn--file {
    background: #fff;
    border-color: #D6D6D6;
    color: #0D0F19;
    text-align: left;
    padding: 1.4rem 4rem 1.4rem 9rem;
    border-radius: 4px;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 700;
    text-transform: none;
    text-transform: uppercase;
    white-space: normal;
    min-height: 9.2rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
}

.btn--file .icon-file-pdf, .btn--file .icon-file-doc, .btn--file .icon-file-xls {
    position: absolute;
    top: 50%;
    left: 2.5rem;
    width: 5rem;
    height: 5rem;
    margin: -2.5rem 0 0;
}

.btn--file .icon-file-pdf {
    color: #DB474E;
}

.btn--file .icon-file-doc {
    color: #00409D;
}

.btn--file .icon-file-xls {
    color: #5FC28A;
}

.btn--file .icon-download {
    width: 6px;
    height: 8px;
    margin: 0 5px 0 0;
    top: -1px;
}

.btn--file small {
    display: block;
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 400;
    color: rgba(13, 15, 25, 0.75);
}

.btn--file:hover {
    background: #fff;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
    color: #0D0F19;
}

.btn--refresh {
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 400;
    text-transform: none;
    padding: 0;
    color: #300068;
    white-space: nowrap;
}

.btn--refresh svg {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin: 0 10px 0 0;
    transition: transform 0.25s;
}

.btn--refresh:hover {
    color: #FF7100;
}

.btn--outline {
    min-width: 17.2rem;
    border-color: #300068;
    color: #300068;
}

.btn--outline:hover {
    background: #300068;
    color: #fff;
}

.ui-ul, .ui-wysiwyg ul, .article ul, .rules__details-type-desc ul {
    margin: 0 0 3rem;
    padding: 0;
    list-style: none;
}

.ui-ul > li, .ui-wysiwyg ul > li, .article ul > li, .rules__details-type-desc ul > li {
    position: relative;
    padding: 0 0 0 2.6rem;
    margin: 0 0 10px;
}

.ui-ul > li:after, .ui-wysiwyg ul > li:after, .article ul > li:after, .rules__details-type-desc ul > li:after {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #300068;
    border-radius: 50%;
}

.ui-ul > li:last-child, .ui-wysiwyg ul > li:last-child, .article ul > li:last-child, .rules__details-type-desc ul > li:last-child {
    margin: 0;
}

.ui-ol, .ui-wysiwyg ol, .article ol {
    margin: 0 0 3rem;
    padding: 0;
    list-style: none;
    counter-reset: point;
}

.ui-ol > li, .ui-wysiwyg ol > li, .article ol > li {
    position: relative;
    padding: 0 0 0 2.6rem;
    margin: 0 0 10px;
}

.ui-ol > li:after, .ui-wysiwyg ol > li:after, .article ol > li:after {
    content: counter(point) ".";
    counter-increment: point 1;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 700;
    color: #300068;
}

.ui-dl, .ui-wysiwyg dl, .article dl, .about__info-content dl {
    margin: 0 0 3rem;
}

.ui-dl dt, .ui-wysiwyg dl dt, .article dl dt, .about__info-content dl dt {
    display: block;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 500;
    color: #6E6F75;
    margin: 0 0 8px;
}

.ui-dl dd, .ui-wysiwyg dl dd, .article dl dd, .about__info-content dl dd {
    display: block;
    margin: 0 0 4rem;
    padding: 0;
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 400;
    color: #0D0F19;
}

.ui-table, .ui-wysiwyg table, .article table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 3rem;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: #0D0F19;
    width: 100%;
    text-align: left;
}

.ui-table th, .ui-wysiwyg table th, .article table th, .ui-table td, .ui-wysiwyg table td, .article table td {
    padding: 2rem 1.5rem;
    vertical-align: middle;
    border-bottom: 1px solid #D6D6D6;
}

.ui-table th, .ui-wysiwyg table th, .article table th {
    font-weight: 600;
    border-width: 2px;
}

@media (max-width: 575px) {
    .ui-table, .ui-wysiwyg table, .article table {
        display: block;
    }

    .ui-table thead, .ui-wysiwyg table thead, .article table thead, .ui-table tbody, .ui-wysiwyg table tbody, .article table tbody, .ui-table tr, .ui-wysiwyg table tr, .article table tr, .ui-table th, .ui-wysiwyg table th, .article table th, .ui-table td, .ui-wysiwyg table td, .article table td {
        display: block;
    }

    .ui-table thead, .ui-wysiwyg table thead, .article table thead {
        display: none;
    }

    .ui-table tr, .ui-wysiwyg table tr, .article table tr {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        border-bottom: 1px solid #D6D6D6;
        padding: 2rem 0;
    }

    .ui-table td, .ui-wysiwyg table td, .article table td {
        padding: 0;
        border: none;
    }
}

@media (max-width: 575px) {
    .ui-table__number,
    .ui-table__name,
    .ui-table__program,
    .ui-table__name-delete {
        margin: 0 0 10px;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
}

.ui-table__delete {
    white-space: nowrap;
    font-size: 1.4rem;
}

.ui-table__delete a {
    color: #0D0F19;
    text-decoration: none;
}

.ui-table__delete a svg {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin: 0 10px 0 0;
}

.ui-table__delete a:hover {
    color: #FF7100;
}

.ui-table-total {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 0 0 3rem;
    text-align: left;
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: 400;
    color: #0D0F19;
}

.ui-table-total th, .ui-table-total td {
    padding: 0 1.5rem 1.5rem;
    vertical-align: top;
}

.ui-table-total th:first-child, .ui-table-total td:first-child {
    padding-left: 0;
}

.ui-table-total th:last-child, .ui-table-total td:last-child {
    padding-right: 0;
    text-align: right;
    white-space: nowrap;
}

.ui-table-total tbody tr:last-child th, .ui-table-total tbody tr:last-child td {
    padding-bottom: 30px;
}

.ui-table-total tfoot {
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 600;
}

.ui-table-total tfoot th, .ui-table-total tfoot td {
    padding: 3rem 0 0;
    border-top: 1px solid #D6D6D6;
}

.ui-table-total mark {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    font-size: 10px;
    line-height: 1.8rem;
    font-weight: 700;
    border-radius: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
    background: #F9B34B;
    padding: 0 5px;
    color: #fff;
    margin: 0 10px 0 0;
}

@media (min-width: 768px) {
    .ui-table-total {
        font-size: 1.8rem;
    }

    .ui-table-total tfoot {
        font-size: 2.4rem;
    }
}

.ui-table-files {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 3rem;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: #0D0F19;
    width: 100%;
    text-align: left;
}

.ui-table-files th, .ui-table-files td {
    padding: 2rem 10px;
    vertical-align: middle;
    border-bottom: 1px solid #D6D6D6;
}

.ui-table-files th:first-child, .ui-table-files td:first-child {
    padding-left: 0;
}

.ui-table-files th:last-child, .ui-table-files td:last-child {
    padding-right: 0;
}

.ui-table-files th {
    padding: 0 10px 10px;
    font-weight: 600;
    border-width: 2px;
}

.ui-table-files tbody tr:last-child td {
    border: none;
    padding-bottom: 0;
}

@media (max-width: 575px) {
    .ui-table-files {
        display: block;
    }

    .ui-table-files thead, .ui-table-files tbody, .ui-table-files tr, .ui-table-files th, .ui-table-files td {
        display: block;
    }

    .ui-table-files thead {
        display: none;
    }

    .ui-table-files tr {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        border-bottom: 1px solid #D6D6D6;
        padding: 2rem 0 2rem 4rem;
    }

    .ui-table-files tr:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .ui-table-files td {
        padding: 0;
        border: none;
    }
}

.ui-table-files__icon {
    width: 1%;
}

.ui-table-files__icon svg {
    width: 3rem;
    height: 3rem;
    display: block;
}

@media (max-width: 575px) {
    .ui-table-files__icon {
        position: absolute;
        top: 2rem;
        left: 0;
        width: auto;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 0 0 10px;
    }
}

.ui-table-files__name a {
    transition: opacity 0.25s;
    text-decoration: none;
    color: #300068;
    border-bottom: 1px dashed rgba(48, 0, 104, 0.5);
}

.ui-table-files__name a:hover {
    opacity: 0.5;
}

@media (max-width: 575px) {
    .ui-table-files__name {
        width: auto;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 0 0 10px;
    }
}

@media (max-width: 575px) {
    .ui-table-files__date {
        margin: 0 10px 0 0;
    }
}

.ui-table-files__badge {
    text-align: right;
}

@media (max-width: 575px) {
    .ui-table-files__badge {
        margin: 0 10px 0 0;
    }
}

.ui-table-files__download {
    text-align: right;
    white-space: nowrap;
}

.ui-table-files__download a {
    font-size: 1.4rem;
    color: #300068;
    text-decoration: none;
    white-space: nowrap;
}

.ui-table-files__download a svg {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 8px;
    height: 8px;
    margin: 0 6px 0 0;
}

.ui-table-files__download a:hover {
    color: #FF7100;
}

.ui-table-notices {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 3rem;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: #0D0F19;
    width: 100%;
    text-align: left;
}

.ui-table-notices th, .ui-table-notices td {
    padding: 2rem 1.5rem;
    vertical-align: middle;
    border-bottom: 1px solid #D6D6D6;
    height: 7rem;
}

.ui-table-notices th:first-child, .ui-table-notices td:first-child {
    width: 1%;
}

.ui-table-notices th {
    border-width: 2px;
    padding-bottom: 15px;
    padding-top: 0;
    height: auto;
}

.ui-table-notices tbody tr:last-child td {
    border: none;
}

.ui-table-notices tbody tr {
    transition: background 0.25s;
}

.ui-table-notices tbody tr.is-weighty td:nth-of-type(2) {
    font-weight: 500;
}

.ui-table-notices tbody tr.is-hightlight {
    background: rgba(13, 15, 25, 0.05);
}

.ui-table-notices .ui-check {
    margin: 0;
    padding: 0;
}

.ui-table-notices .ui-check__checkbox {
    background: #F6F6F6;
    border-color: #D6D6D6;
}

.ui-table-notices .ui-check__checkbox svg {
    color: #300068;
}

.ui-table-notices .ui-check__input:checked ~ .ui-check__checkbox {
    background: #F6F6F6;
    border-color: #D6D6D6;
}

@media (max-width: 575px) {
    .ui-table-notices {
        display: block;
    }

    .ui-table-notices thead, .ui-table-notices tbody, .ui-table-notices tr, .ui-table-notices th, .ui-table-notices td {
        display: block;
    }

    .ui-table-notices tbody th, .ui-table-notices tbody td {
        height: auto;
        width: auto;
        padding: 0;
        border: none;
    }

    .ui-table-notices tbody th:nth-of-type(1), .ui-table-notices tbody td:nth-of-type(1) {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .ui-table-notices tbody th:nth-of-type(2), .ui-table-notices tbody td:nth-of-type(2) {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 0 0 10px;
    }

    .ui-table-notices tbody th:nth-of-type(3), .ui-table-notices tbody th:nth-of-type(4), .ui-table-notices tbody td:nth-of-type(3), .ui-table-notices tbody td:nth-of-type(4) {
        margin: 0 10px 0 0;
    }

    .ui-table-notices tbody tr {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        border-bottom: 1px solid #D6D6D6;
        padding: 2rem 10px 2rem 5rem;
    }

    .ui-table-notices tbody tr:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .ui-table-notices tbody .ui-check {
        position: absolute;
        top: 20px;
        left: 10px;
    }

    .ui-table-notices thead tr {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 2px solid #D6D6D6;
        padding: 0 10px 2rem;
    }

    .ui-table-notices thead th, .ui-table-notices thead td {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        height: auto;
        border: none;
        padding: 0;
        margin: 0 2rem 0 0;
        width: auto;
    }

    .ui-table-notices thead th:first-child, .ui-table-notices thead td:first-child {
        width: auto;
    }
}

.ui-table-settings {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 3rem;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: #0D0F19;
    width: 100%;
    text-align: left;
}

.ui-table-settings th, .ui-table-settings td {
    padding: 2rem 1.5rem;
    vertical-align: middle;
    border-bottom: 1px solid #D6D6D6;
    height: 7rem;
}

.ui-table-settings th:nth-of-type(1), .ui-table-settings td:nth-of-type(1) {
    width: 80%;
    padding-left: 0;
}

.ui-table-settings th:nth-of-type(2), .ui-table-settings th:nth-of-type(3), .ui-table-settings td:nth-of-type(2), .ui-table-settings td:nth-of-type(3) {
    text-align: center;
}

.ui-table-settings th:nth-of-type(3), .ui-table-settings td:nth-of-type(3) {
    padding-right: 0;
}

.ui-table-settings th {
    white-space: nowrap;
    border-width: 2px;
    padding-bottom: 15px;
    padding-top: 0;
    height: auto;
}

.ui-table-settings tbody tr:last-child td {
    border: none;
}

.ui-table-settings .ui-check {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
}

.ui-table-settings .ui-check__checkbox {
    background: #F6F6F6;
    border-color: #D6D6D6;
}

.ui-table-settings .ui-check__checkbox svg {
    color: #300068;
}

.ui-table-settings .ui-check__input:checked ~ .ui-check__checkbox {
    background: #F6F6F6;
    border-color: #D6D6D6;
}

.ui-table-orders {
    border-collapse: separate;
    border-spacing: 0;
    margin: 0 0 3rem;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: #0D0F19;
    text-align: left;
}

@media (max-width: 767px) {
    .ui-table-orders {
        display: block;
    }
}

.ui-table-orders__topbar th {
    padding: 10px 2rem;
    font-size: 10px;
    line-height: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(13, 15, 25, 0.4);
    background: #F7F8F9;
}

.ui-table-orders__topbar th:first-child {
    border-radius: 6px 0 0 6px;
}

.ui-table-orders__topbar th:last-child {
    border-radius: 0 6px 6px 0;
}

@media (max-width: 767px) {
    .ui-table-orders__topbar {
        display: none;
    }
}

.ui-table-orders__spacer td {
    padding: 0;
    height: 2rem;
}

@media (max-width: 767px) {
    .ui-table-orders__spacer {
        display: block;
    }

    .ui-table-orders__spacer td {
        display: block;
    }
}

.ui-table-orders__item {
    border-radius: 6px;
    transition: box-shadow 0.25s;
}

.ui-table-orders__item:hover {
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
}

.ui-table-orders__item.is-open {
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
}

.ui-table-orders__item.is-open .ui-table-orders__item-trigger > td:first-child {
    border-radius: 6px 0 0 0;
}

.ui-table-orders__item.is-open .ui-table-orders__item-trigger > td:last-child {
    border-radius: 0 6px 0 0;
}

.ui-table-orders__item.is-open .ui-table-orders__item-content {
    display: table-row;
}

@media (max-width: 767px) {
    .ui-table-orders__item {
        display: block;
    }

    .ui-table-orders__item.is-open .ui-table-orders__item-trigger {
        border-radius: 6px 6px 0 0;
    }

    .ui-table-orders__item.is-open .ui-table-orders__item-content {
        display: block;
    }
}

.ui-table-orders__item-trigger {
    cursor: pointer;
}

.ui-table-orders__item-trigger > td {
    padding: 3rem 2rem;
    border-top: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
}

.ui-table-orders__item-trigger > td:first-child {
    border-left: 1px solid #D6D6D6;
    border-radius: 6px 0 0 6px;
}

.ui-table-orders__item-trigger > td:last-child {
    border-right: 1px solid #D6D6D6;
    border-radius: 0 6px 6px 0;
}

@media (max-width: 767px) {
    .ui-table-orders__item-trigger {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        border: 1px solid #D6D6D6;
        border-radius: 6px;
        padding: 1.5rem 4rem 1.5rem 1.5rem;
    }

    .ui-table-orders__item-trigger > td {
        padding: 5px 1.5rem;
        border: none;
    }

    .ui-table-orders__item-trigger > td:first-child {
        border: none;
    }

    .ui-table-orders__item-trigger > td:last-child {
        border: none;
    }
}

.ui-table-orders__item-content {
    display: none;
}

.ui-table-orders__item-content > td {
    padding: 0 3rem;
    border-bottom: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
    border-radius: 0 0 6px 6px;
}

@media (max-width: 767px) {
    .ui-table-orders__item-content {
        display: none;
    }

    .ui-table-orders__item-content > td {
        border: none;
        padding: 3rem;
        display: block;
        border: 1px solid #D6D6D6;
        border-top: none;
    }
}

.ui-table-orders__id {
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #300068;
}

.ui-table-orders__title {
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 600;
    color: #0D0F19;
}

.ui-table-orders__date {
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: #0D0F19;
}

.ui-table-orders__control {
    width: 1%;
}

@media (max-width: 767px) {
    .ui-table-orders__control {
        width: auto;
        position: absolute;
        top: 10px;
        right: 0;
    }
}

.ui-table-payment {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.ui-table-payment > tbody > tr > td,
.ui-table-payment > tfoot > tr > td {
    padding: 4rem 2rem;
    border-top: 1px solid rgba(13, 15, 25, 0.1);
}

.ui-table-payment > tbody > tr > td:first-child,
.ui-table-payment > tfoot > tr > td:first-child {
    padding-left: 0;
}

.ui-table-payment > tbody > tr > td:last-child,
.ui-table-payment > tfoot > tr > td:last-child {
    padding-right: 0;
}

.ui-table-payment > tbody > tr:first-child td {
    border: none;
}

.ui-table-payment > tfoot > tr td {
    border-top-style: dashed;
}

@media (max-width: 767px) {
    .ui-table-payment {
        display: block;
    }

    .ui-table-payment > tbody,
    .ui-table-payment > tfoot,
    .ui-table-payment > tbody > tr,
    .ui-table-payment > tfoot > tr {
        display: block;
        border-top: 1px solid rgba(13, 15, 25, 0.1);
        padding: 2rem 0 0;
        margin: 0 0 2rem;
    }

    .ui-table-payment > tbody:first-child,
    .ui-table-payment > tfoot:first-child,
    .ui-table-payment > tbody > tr:first-child,
    .ui-table-payment > tfoot > tr:first-child {
        border: none;
        padding: 0;
    }

    .ui-table-payment > tbody > tr > td,
    .ui-table-payment > tfoot > tr > td {
        padding: 0;
        display: block;
        border: none;
    }
}

.ui-table-payment__total {
    display: block;
    margin: 0 0 2rem;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 600;
    color: #0D0F19;
}

.ui-table-payment__total small {
    display: block;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 400;
    margin: 0 0 5px;
}

.ui-table-payment__total span {
    display: inline-block;
}

@media (min-width: 768px) {
    .ui-table-payment__total {
        margin: 0;
        font-size: 2.2rem;
    }
}

@media (min-width: 1200px) {
    .ui-table-payment__total {
        font-size: 2.4rem;
    }
}

.ui-table-payment__control {
    text-align: right;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .ui-table-payment__control {
        text-align: left;
    }
}

.ui-table-payment__item {
    position: relative;
}

.ui-table-payment__item .row {
    margin: 0 -10px -2rem;
}

.ui-table-payment__item .row > [class^="col"] {
    padding: 0 10px 2rem;
}

.ui-table-payment__item-delete {
    position: absolute;
    top: 0;
    right: 0;
    width: 2rem;
    height: 2rem;
    padding: 0;
    background: none;
    border: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    color: #0D0F19;
    opacity: 0.3;
    transition: 0.25s;
}

.ui-table-payment__item-delete svg {
    display: block;
}

.ui-table-payment__item-delete:hover {
    opacity: 1;
}

.ui-table-payment__item-title {
    display: block;
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 600;
    margin: 0 3rem 10px 0;
}

.ui-table-payment__item-code {
    display: block;
    font-size: 1.2rem;
    line-height: 1.3;
    font-weight: 400;
    margin: 0 0 2rem;
    color: #0D0F19;
    opacity: 0.7;
}

.ui-table-payment__item-group .row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -3rem;
}

.ui-table-payment__item-group .row > [class^="col"] {
    padding: 0 3rem;
    border-right: 1px solid #C4C4C4;
}

.ui-table-payment__item-group .row > [class^="col"]:last-child {
    border: none;
}

@media (max-width: 767px) {
    .ui-table-payment__item-group .row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -10px -2rem;
    }

    .ui-table-payment__item-group .row > [class^="col"] {
        padding: 0 10px 2rem;
        border: none;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.ui-table-payment__item-info {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.2rem;
    line-height: 1.6;
    font-weight: 400;
    color: #0D0F19;
    white-space: nowrap;
}

.ui-table-payment__item-info b {
    font-weight: 600;
}

.ui-table-payment__item-table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1.2rem;
    line-height: 1.6;
    font-weight: 400;
    color: #0D0F19;
}

.ui-table-payment__item-table th, .ui-table-payment__item-table td {
    padding: 0 2rem;
}

.ui-table-payment__item-table th:first-child, .ui-table-payment__item-table td:first-child {
    padding-left: 0;
}

.ui-table-payment__item-table th:last-child, .ui-table-payment__item-table td:last-child {
    padding-right: 0;
}

.ui-table-payment__item-table th {
    font-weight: 600;
}

.ui-figure, .ui-wysiwyg figure, .article figure {
    overflow: hidden;
    margin: 0 0 3rem;
    border-radius: 4px;
}

.ui-figure img, .ui-wysiwyg figure img, .article figure img {
    display: block;
    width: 100%;
}

.ui-figure figcaption, .ui-wysiwyg figure figcaption, .article figure figcaption {
    text-align: center;
    max-width: 100rem;
    margin: 0 auto;
    padding: 2rem 0 0;
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: 500;
    font-style: italic;
    letter-spacing: -0.5px;
    color: rgba(7, 8, 9, 0.5);
}

.ui-figure.pull-left, .ui-wysiwyg figure.pull-left, .article figure.pull-left {
    float: left;
    max-width: 38rem;
    margin: 0 4rem 2rem 0;
}

@media (max-width: 767px) {
    .ui-figure.pull-left, .ui-wysiwyg figure.pull-left, .article figure.pull-left {
        margin: 0 0 3rem;
        float: none;
        max-width: none;
    }
}

.ui-figure.pull-right, .ui-wysiwyg figure.pull-right, .article figure.pull-right {
    float: right;
    max-width: 38rem;
    margin: 0 0 2rem 4rem;
}

@media (max-width: 767px) {
    .ui-figure.pull-right, .ui-wysiwyg figure.pull-right, .article figure.pull-right {
        margin: 0 0 3rem;
        float: none;
        max-width: none;
    }
}

.ui-wysiwyg, .article {
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: rgba(7, 8, 9, 0.5);
}

.ui-wysiwyg h1, .article h1, .ui-wysiwyg h2, .article h2, .ui-wysiwyg h3, .article h3, .ui-wysiwyg h4, .article h4, .ui-wysiwyg h5, .article h5, .ui-wysiwyg h6, .article h6 {
    color: #0D0F19;
    margin: 0 0 3rem;
}

.ui-wysiwyg p, .article p {
    margin: 0 0 3rem;
}

.ui-wysiwyg em, .article em {
    display: block;
    margin: 0 0 3rem;
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 400;
    font-style: normal;
    color: rgba(13, 15, 25, 0.75);
}

.ui-wysiwyg small, .article small {
    font-size: 1.6rem;
}

.ui-wysiwyg blockquote, .article blockquote {
    display: block;
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: 400;
    font-style: italic;
    padding: 1.9rem 3rem;
    border-left: 5px solid #300068;
    background: #F7F8F9;
    color: rgba(7, 8, 9, 0.5);
    border-radius: 0px 50px 0px 0px;
    margin: 0 0 3rem;
}

.ui-wysiwyg hr, .article hr {
    margin: 6rem 0;
}

body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -999.9rem;
    margin: 0;
    position: absolute !important;
    top: -999.9rem;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button,
.fancybox-navigation .fancybox-prev, .fancybox-navigation .fancybox-next {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-navigation .fancybox-prev, .fancybox-navigation .fancybox-next {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 1.3rem;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 4.4rem;
    left: 0;
    line-height: 4.4rem;
    min-width: 4.4rem;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 4.4rem;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 4.4rem 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 4.4rem;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

/* Buttons */
.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 4.4rem;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 4.4rem;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}

/* Close button on the top right corner of html content */
.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -1.2rem;
    top: -4.4rem;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 10rem;
    opacity: 0;
    position: absolute;
    top: calc(50% - 5rem);
    width: 7rem;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 3.1rem 2.6rem 3.1rem 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 3.1rem 6px 3.1rem 2.6rem;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */
.fancybox-caption {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 1.4rem;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 7.5rem 4.4rem 2.5rem 4.4rem;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */
.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 5rem;
    left: 50%;
    margin: -2.5rem 0 0 -2.5rem;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 5rem;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */
.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 3.6rem;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 3.6rem;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }
}

/* Share */
.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 3rem;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 3.5rem;
    font-weight: 700;
    margin: 0 0 2rem 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 4rem;
    margin: 0 5px 10px 5px;
    min-width: 13rem;
    padding: 0 1.5rem;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 2.5rem;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 2.5rem;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 1.4rem;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 1.5rem;
    width: 100%;
}

/* Thumbs */
.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 21.2rem;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 21.2rem;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 7.5rem;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 10rem;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 11rem;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 11rem;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}

.fancybox-slide {
    padding: 0;
}

.fancybox-content {
    width: 100%;
    height: 100%;
    padding: 0;
}

.fancybox-error {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 400;
    text-align: center;
}

.fancybox-bg {
    background: #fff;
    opacity: 0;
}

.fancybox-is-open .fancybox-bg {
    opacity: 1;
}

/**
 * Swiper 5.3.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 10, 2020
 */
:root {
    --swiper-theme-color: #007aff;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: transform;
}

.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-multirow-column > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

/* 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;
}

/* 3D Effects */
.swiper-container-3d {
    perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
}

:root {
    --swiper-navigation-size: 44px;
    /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: 'prev';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: 'next';
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
    --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000000;
}

.swiper-button-lock {
    display: none;
}

:root {
    /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

/* Common Styles */
/* Bullets */
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -ms-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -ms-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -ms-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}

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;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -ms-transform: scale(0);
    transform: scale(0);
    -ms-transform-origin: left top;
    transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -ms-transform-origin: right top;
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
    display: none;
}

/* Scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}

/* Preloader */
:root {
    /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
    width: 4.2rem;
    height: 4.2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}

/* a11y */
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.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;
}

.swiper-container-cube {
    overflow: visible;
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    filter: blur(50px);
    z-index: 0;
}

.swiper-container-flip {
    overflow: visible;
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-prev, .swiper-next {
    display: -ms-flexbox;
    display: flex;
    height: 5rem;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    transition: 0.25s;
    border: none;
    background: none;
    padding: 0;
    color: #300068;
    cursor: pointer;
}

.swiper-prev.swiper-button-disabled, .swiper-next.swiper-button-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.swiper-prev.swiper-button-lock, .swiper-next.swiper-button-lock {
    display: none;
}

.swiper-prev:hover, .swiper-next:hover {
    color: #FF7100;
}

.swiper-pagination {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4rem 0 0;
}

.swiper-pagination-bullet {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #300068;
    opacity: 0.3;
    margin: 0 10px;
    transition: 0.25s;
    -ms-transform: scale(0.75);
    transform: scale(0.75);
}

.swiper-pagination-bullet-active {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-lock {
    display: none;
}

.swiper-hero-slides {
    overflow: visible;
    cursor: url("https://www.google.com/intl/en_ALL/mapfiles/openhand.cur"), all-scroll;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.swiper-hero-slides:active {
    cursor: url("https://www.google.com/intl/en_ALL/mapfiles/closedhand.cur"), all-scroll;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}

.swiper-hero-slides .swiper-pagination {
    padding: 0;
}

@media (min-width: 768px) {
    .swiper-hero-slides .swiper-pagination {
        display: none;
    }
}

.swiper-hero-thumbs {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

@media (min-width: 768px) {
    .swiper-hero-thumbs {
        position: relative;
        overflow: visible;
        opacity: 1;
        visibility: visible;
    }

    .swiper-hero-thumbs .swiper-slide {
        max-width: 32rem;
        -ms-flex: 0 0 320px;
        flex: 0 0 32rem;
    }
}

@media (min-width: 1200px) {
    .swiper-hero-thumbs .swiper-slide {
        -ms-flex: 0 0 calc(25% - 20px);
        flex: 0 0 calc(25% - 2rem);
        max-width: calc(25% - 2rem);
    }
}

.swiper-products,
.swiper-experts,
.swiper-similar,
.swiper-featured,
.swiper-courses,
.swiper-certificates {
    position: relative;
    overflow: visible;
}

.swiper-products .swiper-control,
.swiper-experts .swiper-control,
.swiper-similar .swiper-control,
.swiper-featured .swiper-control,
.swiper-courses .swiper-control,
.swiper-certificates .swiper-control {
    position: absolute;
    right: 0;
    bottom: 100%;
    margin: 0 0 4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
}

.swiper-products .swiper-control > *,
.swiper-experts .swiper-control > *,
.swiper-similar .swiper-control > *,
.swiper-featured .swiper-control > *,
.swiper-courses .swiper-control > *,
.swiper-certificates .swiper-control > * {
    margin: 0 4rem 0 0;
}

.swiper-products .swiper-control > *:last-child,
.swiper-experts .swiper-control > *:last-child,
.swiper-similar .swiper-control > *:last-child,
.swiper-featured .swiper-control > *:last-child,
.swiper-courses .swiper-control > *:last-child,
.swiper-certificates .swiper-control > *:last-child {
    margin: 0;
}

.swiper-products .swiper-slide,
.swiper-experts .swiper-slide,
.swiper-similar .swiper-slide,
.swiper-featured .swiper-slide,
.swiper-courses .swiper-slide,
.swiper-certificates .swiper-slide {
    height: auto;
}

@media (min-width: 768px) {
    .swiper-products,
    .swiper-experts,
    .swiper-similar,
    .swiper-featured,
    .swiper-courses,
    .swiper-certificates {
        padding: 0;
    }

    .swiper-products .swiper-slide,
    .swiper-experts .swiper-slide,
    .swiper-similar .swiper-slide,
    .swiper-featured .swiper-slide,
    .swiper-courses .swiper-slide,
    .swiper-certificates .swiper-slide {
        opacity: 0;
        transition: opacity 0.35s;
    }

    .swiper-products .swiper-slide-visible,
    .swiper-experts .swiper-slide-visible,
    .swiper-similar .swiper-slide-visible,
    .swiper-featured .swiper-slide-visible,
    .swiper-courses .swiper-slide-visible,
    .swiper-certificates .swiper-slide-visible {
        opacity: 1;
    }

    .swiper-products .swiper-control,
    .swiper-experts .swiper-control,
    .swiper-similar .swiper-control,
    .swiper-featured .swiper-control,
    .swiper-courses .swiper-control,
    .swiper-certificates .swiper-control {
        opacity: 1;
        visibility: visible;
    }
}

.swiper-reviews {
    position: relative;
}

.swiper-reviews .swiper-container {
    border-radius: 6px;
    background: #fff;
    border: 1px solid #D6D6D6;
    overflow: hidden;
}

.swiper-reviews .swiper-slide {
    position: relative;
    height: auto;
}

.swiper-reviews .swiper-control {
    position: absolute;
    right: 0;
    bottom: 100%;
    margin: 0 0 4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
}

.swiper-reviews .swiper-control > * {
    margin: 0 4rem 0 0;
}

.swiper-reviews .swiper-control > *:last-child {
    margin: 0;
}

@media (min-width: 768px) {
    .swiper-reviews .swiper-slide:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 100%;
        border-left: 1px solid #D6D6D6;
    }

    .swiper-reviews .swiper-slide:last-child:after {
        display: none;
    }

    .swiper-reviews .swiper-control {
        opacity: 1;
        visibility: visible;
    }
}

.swiper-steps {
    overflow: visible;
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
}

.swiper-steps .swiper-slide {
    -ms-flex: 0 0 150px;
    flex: 0 0 15rem;
    width: 15rem;
}

@media (max-width: 575px) {
    .swiper-steps:after {
        content: '';
        display: block;
        position: absolute;
        top: -2rem;
        right: -2rem;
        bottom: -2rem;
        width: 4rem;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f7f8f9 100%);
        z-index: 100;
        pointer-events: none;
    }

    .swiper-steps .swiper-slide {
        width: auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
}

.swiper-teachers {
    overflow: visible;
}

.lazyload,
.lazyloading {
    opacity: 0;
}

.lazyloaded {
    opacity: 1;
    transition: opacity 300ms;
}

[data-scrollbar] {
    position: relative;
}

[data-scrollbar]:hover .scrollbar-track {
    opacity: 1;
}

.scrollbar-x {
    position: relative;
}

.scrollbar-track-x {
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 6px;
    margin: 1.2rem 0 0;
}

.scrollbar-thumb-x {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #890E0E;
    border-radius: 6px;
    cursor: pointer;
    z-index: 100;
}

.scrollbar-thumb-x:after {
    content: '';
    display: block;
    position: absolute;
    top: -4px;
    bottom: -4px;
    left: 0;
    right: 0;
}

.scrollbar-y {
    position: relative;
}

.scrollbar-track-y {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 7.5px;
    border-radius: 6px;
    overflow: hidden;
    width: 5px;
    transition: opacity 0.25s;
    opacity: 0;
}

.scrollbar-thumb-y {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    background: #fff;
    border-radius: 6px;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
    transition: opacity 0.25s;
}

.scrollbar-thumb-y:hover {
    opacity: 0.75;
}

.popup {
    width: 100%;
    min-height: 100%;
    display: -ms-flexbox;
    display: flex;
}

.popup--login .popup__form .ui-placeholder {
    margin: 0 0 3rem;
}

.popup--registration .popup__form .ui-placeholder {
    margin: 0 0 1.5rem;
}

.popup--registration .popup__form .ui-check {
    margin: 0 0 15px;
}

.popup--recovery .popup__form .ui-placeholder {
    margin: 0 0 1.5rem;
}

.popup--callback .popup__form .ui-placeholder {
    margin: 0 0 1.5rem;
}

.popup--callback .popup__form .ui-confirm {
    color: #0D0F19;
}

.popup--success .popup__content {
    max-width: none;
}

.popup__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 8rem;
    height: 8rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: rgba(13, 15, 25, 0.5);
    z-index: 100;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    transition: 0.25s;
    opacity: 1;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 4px;
}

.popup__close svg {
    display: block;
    width: 1.8rem;
    height: 1.8rem;
}

.popup__close:hover {
    color: #0d0f19;
}

.popup__left, .popup__right {
    padding: 8rem 3rem;
    width: 100%;
}

@media (min-width: 768px) {
    .popup__left, .popup__right {
        padding: 8rem 4rem;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 992px) {
    .popup__left, .popup__right {
        padding: 8rem 5rem;
    }
}

@media (min-width: 1600px) {
    .popup__left, .popup__right {
        padding: 8rem 6rem;
    }
}

.popup__left {
    background: #300068;
    color: #fff;
    display: none;
}

@media (min-width: 768px) {
    .popup__left {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.popup__right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.popup__align {
    margin: auto;
    width: 100%;
    max-width: 45rem;
    text-align: center;
}

.popup__content {
    margin: auto;
    width: 100%;
    text-align: center;
    padding: 8rem 3rem;
}

@media (min-width: 768px) {
    .popup__content {
        padding: 8rem 4rem;
    }
}

@media (min-width: 992px) {
    .popup__content {
        padding: 8rem 5rem;
    }
}

@media (min-width: 1600px) {
    .popup__content {
        padding: 8rem 6rem;
    }
}

.popup__logo {
    margin: 0 0 6rem;
}

.popup__logo img {
    display: block;
}

.popup__caption {
    max-width: 63.4rem;
}

.popup__caption-title {
    margin: 0 0 3rem;
}

.popup__caption-text {
    margin: 0;
}

.popup__caption-text p {
    margin: 0 0 3rem;
}

.popup__caption-text p:last-child {
    margin: 0;
}

.popup__title {
    margin: 0 0 3rem;
}

.popup__title + .popup__text {
    margin: -1.5rem 0 3rem;
}

.popup__text {
    margin: 0 0 3rem;
    opacity: 0.6;
    color: #0D0F19;
}

.popup__form hr {
    border-color: #C4C4C4;
    margin: 0 0 1.5rem;
}

.popup__form .ui-check {
    margin: 0 0 20px;
}

.popup__form .btn {
    min-width: 16.2rem;
}

.popup__group .row {
    margin: 0 -10px -2rem;
}

.popup__group .row > [class^="col"] {
    padding: 0 10px 2rem;
}

.popup__group .ui-placeholder {
    margin: 0;
}

.popup__group .btn {
    margin: 0;
}

.popup__result-text {
    display: block;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #6E6F75;
    margin: 0 0 2rem;
    text-transform: uppercase;
}

.popup__result-title {
    color: #0D0F19;
    margin: 0 0 2rem;
}

.popup__result-points {
    color: #0D0F19;
    margin: 0 0 2rem;
}

.popup__result-points mark {
    color: #300068;
}

.popup__success {
    color: #0D0F19;
}

.popup__success-title {
    margin: 0 0 3rem;
    color: inherit;
}

.popup__success-text {
    display: block;
    font-size: 1.6rem;
    line-height: 1.9;
    font-weight: 400;
    margin: 0 0 4rem;
}

.hero {
    position: relative;
    background: #fff url(../images/bg-hero.png) right bottom no-repeat;
    background-size: auto 95%;
    margin: 0 0 6rem;
}

@media (min-width: 768px) {
    .hero {
        padding: 0 0 10rem;
        margin: 0 0 9rem;
    }
}

.hero__mouse {
    display: none;
}

@media (min-width: 768px) {
    .hero__mouse {
        display: block;
        position: absolute;
        left: 50%;
        bottom: 4rem;
        color: #300068;
        opacity: 0.4;
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

.hero__slide {
    padding: 6rem 0;
}

.hero__slide-image {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    margin: 0;
    max-width: 50%;
    -ms-transform: translate(25%, -25%);
    transform: translate(25%, -25%);
}

.hero__slide-image img {
    display: inline-block;
    vertical-align: top;
}

@media (min-width: 768px) {
    .hero__slide-image {
        position: relative;
        -ms-transform: none;
        transform: none;
        display: block;
        max-width: none;
        margin: 0 -6rem -10rem -14rem;
    }
}

.hero__slide-desc {
    position: relative;
    z-index: 2;
    max-width: 70rem;
}

@media (min-width: 768px) {
    .hero__slide-desc {
        padding: 4rem 0;
    }
}

@media (min-width: 1200px) {
    .hero__slide-desc {
        padding: 6rem 0 4rem;
    }
}

.hero__slide-category {
    display: block;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #300068;
    margin: 0 0 2rem;
}

.hero__slide-title {
    display: block;
    font-size: 3rem;
    line-height: 1.1;
    font-weight: 600;
    margin: 0 0 4rem;
}

@media (min-width: 576px) {
    .hero__slide-title {
        font-size: 3.5rem;
    }
}

@media (min-width: 768px) {
    .hero__slide-title {
        font-size: 4rem;
    }
}

@media (min-width: 992px) {
    .hero__slide-title {
        font-size: 4.5rem;
    }
}

@media (min-width: 1200px) {
    .hero__slide-title {
        font-size: 5rem;
    }
}

.hero__slide-text {
    display: block;
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 400;
    color: #6E6F75;
    margin: 0 0 6rem;
    max-width: 50rem;
}

.hero__slide-action .btn {
    min-width: 14.7rem;
}

.hero__thumb {
    position: relative;
    z-index: 1;
    background: #fff;
    border: 1px solid #D6D6D6;
    border-radius: 4px;
    padding: 3rem 6.5rem 3rem 3.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 11.5rem;
    cursor: pointer;
    overflow: hidden;
    color: #0D0F19;
    transition: 0.25s;
}

.hero__thumb:hover {
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.06);
}

.swiper-slide-thumb-active .hero__thumb {
    border-color: #300068;
}

.hero__thumb-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 66.666%;
    z-index: -1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: url(../images/bg-hero.png) right -10px no-repeat;
    background-size: contain;
    margin: 0;
}

.hero__thumb-image img {
    display: block;
    height: 100%;
}

.hero__thumb-title {
    display: block;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 600;
    margin: 0;
}

@media (min-width: 1200px) {
    .hero__thumb-title {
        font-size: 2.4rem;
    }
}

.products {
    margin: 0 0 6rem;
}

@media (min-width: 768px) {
    .products {
        margin: 0 0 9rem;
    }
}

.products__desc {
    max-width: 94rem;
    margin: 0 auto 6rem;
    text-align: center;
}

.products__title {
    margin: 0 0 2rem;
}

.products__text {
    margin: 0;
    color: rgba(13, 15, 25, 0.6);
}

.products__tabs-control {
    margin: 0 0 3rem;
}

.products__tabs-control .ui-tabs {
    margin: 0;
    -ms-flex-pack: center;
    justify-content: center;
}

.products__tabs-control .ui-tabs__btn {
    margin: 0 1.5rem 10px;
}

@media (min-width: 768px) {
    .products__tabs-control {
        margin: 0 0 6rem;
    }
}

.products__tabs-btn {
    display: inline-block;
    vertical-align: top;
    font: 700 1.6rem/1 "Gilroy", Helvetica, Arial, sans-serif;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
    background: none;
    padding: 0 0 5px;
    border: none;
    border-bottom: 2px solid transparent;
    color: rgba(13, 15, 25, 0.6);
    transition: 0.25s;
    margin: 0 3rem 0 0;
}

.products__tabs-btn:last-child {
    margin: 0;
}

.products__tabs-btn:hover {
    color: #0D0F19;
}

.products__tabs-btn.is-active {
    color: #0D0F19;
    border-color: #FF7100;
}

@media (min-width: 768px) {
    .products__tabs-btn {
        margin: 0 4rem 0 0;
    }
}

.products__tabs-wrapper {
    position: relative;
}

.products__tabs-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.products__tabs-content.is-active {
    transition: 0.7s;
    position: relative;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.products__tabs-all {
    padding: 6rem 0 0;
    text-align: center;
}

.products__item {
    background: #fff;
    border: 1px solid #D6D6D6;
    border-radius: 6px;
    padding: 4.5rem 3rem 3rem;
    min-height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none;
    transition: box-shadow 0.25s;
}

.products__item:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    text-decoration: none;
}

@media (min-width: 768px) {
    .products__item {
        padding: 6.5rem 4rem 5rem;
    }
}

.products__item-badges {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: -3rem -5px 2rem;
    min-height: 3.3rem;
}

@media (min-width: 768px) {
    .products__item-badges {
        margin: -5rem -2.5rem 2rem;
    }
}

.products__item-badges .ui-badge {
    margin: 0 0 5px 5px;
    white-space: nowrap;
}

.products__item-title {
    color: #0D0F19;
    margin: 0 0 2rem;
}

@media (min-width: 768px) {
    .products__item-title {
        margin: 0 0 3.5rem;
    }
}

.products__item-text {
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    margin: 0 0 2rem;
    color: #6E6F75;
}

@media (min-width: 768px) {
    .products__item-text {
        margin: 0 0 3.5rem;
    }
}

.products__item-info {
    margin: 0 -10px 2rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
}

.products__item-info > li {
    padding: 0 10px;
}

@media (min-width: 768px) {
    .products__item-info {
        margin: 0 -1.5rem 3.5rem;
    }

    .products__item-info > li {
        padding: 0 1.5rem;
    }
}

.products__item-info-item {
    position: relative;
    padding: 0 0 0 4.2rem;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: #0D0F19;
}

.products__item-info-item svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    color: #6E6F75;
}

.products__item-info-item small {
    display: block;
    font-size: 1.2rem;
    line-height: 1.17;
    font-weight: 400;
    color: #6E6F75;
}

.products__item-speaker {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 2rem;
}

@media (min-width: 768px) {
    .products__item-speaker {
        margin: 0 0 3.5rem;
    }
}

.products__item-speaker-image {
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 50%;
    overflow: hidden;
    background: #D6D6D6;
    -ms-flex: 0 0 38px;
    flex: 0 0 3.8rem;
    margin: 0 1.5rem 0 0;
}

.products__item-speaker-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.products__item-speaker-text {
    display: block;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: #0D0F19;
}

.products__item-speaker-text small {
    display: block;
    font-size: 1.2rem;
    line-height: 1.17;
    font-weight: 400;
    color: #6E6F75;
}

.products__item-price {
    display: block;
    margin: 0 0 3.5rem;
    font-size: 2.6rem;
    line-height: 1.2;
    font-weight: 600;
    color: #0D0F19;
}

.products__item-price u {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 2px;
    font-size: 1.6rem;
    color: #6E6F75;
    text-decoration: line-through;
}

.products__item-price:last-child {
    margin: 0;
}

.products__item-action {
    margin: auto 0 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.products__item-action .products__item-price {
    margin: 0 10px 0 0;
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 768px) {
    .products__item-action .btn {
        min-width: 14rem;
    }
}

.products__item-duration {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1;
    flex: 1;
    margin: 0 10px 0 0;
}

.products__item-duration-label {
    display: block;
    font-size: 1.2rem;
    line-height: 2.2rem;
    font-weight: 400;
    color: #0D0F19;
    margin: 0 5px 0 0;
}

.products__item-duration-control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.products__item-duration-btn {
    display: inline-block;
    vertical-align: top;
    border: none;
    padding: 0 5px;
    min-width: 4rem;
    text-align: center;
    background: rgba(110, 111, 117, 0.2);
    color: #6E6F75;
    font: 400 1.6rem/2.2rem "Gilroy", Helvetica, Arial, sans-serif;
    border-radius: 12px;
    margin: 0 5px 0 0;
    transition: 0.25s;
    cursor: pointer;
}

.products__item-duration-btn:last-child {
    margin: 0;
}

.products__item-duration-btn:hover {
    background: rgba(110, 111, 117, 0.5);
}

.products__item-duration-btn.is-active {
    background: #6E6F75;
    color: #fff;
}

.stages {
    margin: 0 0 9rem;
}

.stages__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 2rem;
}

@media (min-width: 768px) {
    .stages__head {
        margin: 0 0 4rem;
    }
}

.stages__title {
    padding: 0 2rem 0 0;
    margin: 0 auto 10px 0;
}

.stages__action {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 10px;
}

.stages__action .btn {
    min-width: 14rem;
}

.stages__grid {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    border: 1px solid #D6D6D6;
    border-radius: 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.stages__grid > li {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    background: #fff;
}

.stages__grid > li:after {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 1px solid #D6D6D6;
    pointer-events: none;
}

@media (min-width: 768px) {
    .stages__grid > li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 1200px) {
    .stages__grid > li {
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
}

.stages__item {
    padding: 3rem 3rem 4.5rem;
    text-align: center;
}

@media (min-width: 768px) {
    .stages__item {
        text-align: left;
        padding: 4rem 4rem 5.5rem;
    }
}

.stages__item-icon {
    background: #E7E8E9 url(../images/icons/icon-noimage.svg) center center no-repeat;
    background-size: 3rem 3rem;
    display: block;
    width: 7.6rem;
    height: 7.6rem;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 3rem;
}

.stages__item-icon img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 768px) {
    .stages__item-icon {
        margin: 0 0 5rem;
    }
}

.stages__item-title {
    color: #0D0F19;
    margin: 0 0 5px;
}

.stages__item-text {
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: #6E6F75;
}

.experts {
    margin: 0 0 9rem;
}

.experts__title {
    margin: 0 0 3rem;
}

.experts__text {
    margin: 0 0 6rem;
    max-width: 74rem;
    color: #0D0F19;
    opacity: 0.75;
}

.experts__grid {
    margin: 0 -10px -2rem;
    padding: 0 0 4rem;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.experts__grid > li {
    padding: 0 10px 2rem;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 768px) {
    .experts__grid > li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 1200px) {
    .experts__grid > li {
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
}

.experts__action {
    text-align: center;
}

.experts__action .btn {
    min-width: 16.4rem;
}

.experts__profile {
    overflow: hidden;
    margin: 0 0 6rem;
}

@media (min-width: 768px) {
    .experts__profile {
        margin: 0 0 9rem;
    }
}

.experts__profile-image {
    background: #E7E8E9 url(../images/icons/icon-noimage.svg) center center no-repeat;
    background-size: 3rem 3rem;
    margin: 0 0 3rem;
    width: 29rem;
    border-radius: 6px;
    max-width: 66.666%;
}

.experts__profile-image img {
    width: 100%;
    display: block;
}

@media (min-width: 576px) {
    .experts__profile-image {
        float: left;
        margin: 0 3rem 2rem 0;
    }
}

@media (min-width: 768px) {
    .experts__profile-image {
        margin: 0 6rem 0 0;
    }
}

@media (min-width: 1200px) {
    .experts__profile-image {
        margin: 0 9rem 0 0;
    }
}

@media (min-width: 768px) {
    .experts__profile-desc {
        overflow: hidden;
    }
}

.experts__profile-title {
    margin: 0 0 2rem;
}

.experts__profile-badges {
    margin: 0 0 4rem;
}

.experts__profile-badges .ui-badge {
    margin: 0 5px 5px 0;
}

.experts__profile-text {
    color: #0D0F19;
    margin: 0 0 3rem;
}

.experts__profile-academy {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: 500;
    font-style: normal;
    color: #6E6F75;
    margin: 0;
}

.experts__profile-academy svg {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 10px 0 0;
}

.experts__resume {
    font-size: 1.6rem;
    line-height: 1.7;
    font-weight: 400;
    color: #0D0F19;
    margin: 0 0 7.5rem;
}

.experts__resume h2 {
    margin: 0 0 2.2rem;
}

.experts__resume p {
    margin: 0 0 2.2rem;
}

.experts__resume p:last-child {
    margin: 0;
}

.experts__certificates {
    margin: 0 0 7.5rem;
}

.experts__certificates-title {
    margin: 0 0 5rem;
}

.experts__certificates-item {
    display: block;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: #0D0F19;
    text-decoration: none;
}

.experts__certificates-item:hover {
    color: #0D0F19;
    text-decoration: none;
}

.experts__certificates-item:hover .experts__certificates-item-image {
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);
}

.experts__certificates-item-image {
    background: #E7E8E9 url(../images/icons/icon-noimage.svg) center center no-repeat;
    background-size: 3rem 3rem;
    margin: 0 0 2rem;
    position: relative;
    overflow: hidden;
    max-height: 470px;
    transition: 0.25s;
}

.experts__certificates-item-image:before {
    content: '';
    float: left;
    padding: 140% 0 0;
}

.experts__certificates-item-image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.experts__courses-title {
    margin: 0 0 5rem;
}

.experts__item {
    background: #fff;
    border: 1px solid #D6D6D6;
    border-radius: 6px;
    padding: 3rem;
    min-height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none;
    transition: box-shadow 0.25s;
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.experts__item:hover {
    text-decoration: none;
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) {
    .experts__item {
        padding: 4rem;
    }
}

@media (min-width: 768px) {
    .experts__item {
        text-align: left;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.experts__item-image {
    background: #E7E8E9 url(../images/icons/icon-noimage.svg) center center no-repeat;
    background-size: 3rem 3rem;
    width: 10.6rem;
    height: 10.6rem;
    border-radius: 50%;
    display: block;
    margin: 0 auto 5rem;
    overflow: hidden;
}

.experts__item-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 768px) {
    .experts__item-image {
        margin: 0 0 5rem;
    }
}

.experts__item-title {
    margin: 0 0 1.5rem;
    color: #0D0F19;
}

.experts__item-text {
    display: block;
    font-size: 1.6rem;
    line-height: 1.6;
    font-weight: 400;
    color: rgba(13, 15, 25, 0.6);
    margin: 0 0 1.5rem;
}

.experts__item-academy {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: 500;
    font-style: normal;
    color: #6E6F75;
    margin: 0;
}

.experts__item-academy svg {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 10px 0 0;
}

.experts__item-social {
    margin: auto -10px 0;
    padding: 5rem 0 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.experts__item-social > li {
    padding: 0 10px;
}

.experts__item-social-link {
    display: block;
    color: #0D0F19;
}

.experts__item-social-link svg {
    display: block;
}

.experts__item-social-link svg.icon-social-instagram {
    width: 1.4rem;
    height: 1.4rem;
}

.experts__item-social-link svg.icon-social-vk {
    width: 1.9rem;
    height: 1.2rem;
}

.experts__item-social-link svg.icon-social-fb {
    width: 8px;
    height: 16px;
}

.experts__item-social-link svg.icon-social-twitter {
    width: 16px;
    height: 12px;
}

.experts__item-social-link:hover {
    color: #FF7100;
}

.reviews {
    margin: 0 0 9rem;
}

.reviews__title {
    margin: 0 0 3rem;
}

.reviews__text {
    margin: 0 0 6rem;
    max-width: 74rem;
    color: #0D0F19;
    opacity: 0.75;
}

.reviews__nav {
    position: relative;
    z-index: 4;
    margin: 0 0 6rem;
    font-size: 1.2rem;
    line-height: 2.6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    white-space: nowrap;
}

.reviews__nav sup {
    font-size: 8px;
    font-weight: 600;
    position: relative;
    top: -6px;
    margin: 0 -2px 0 0;
}

.reviews__nav-menu {
    margin: 0 0 -5px;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.reviews__nav-menu > li {
    margin: 0 5px 5px 0;
}

.reviews__nav-menu > li:last-child {
    margin: 0 0 5px 0;
}

.reviews__nav-link {
    transition: 0.25s;
    display: block;
    color: #0D0F19;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid #D6D6D6;
    text-decoration: none;
    padding: 0 10px;
    border-radius: 14px;
}

.reviews__nav-link:hover {
    text-decoration: none;
    color: #0D0F19;
    background: #D6D6D6;
}

.reviews__nav-link.is-active {
    border-color: #300068;
    background: #300068;
    color: #fff;
}

.reviews__list {
    margin: 0 0 6rem;
    padding: 0;
    list-style: none;
}

.reviews__list > li {
    margin: 0 0 3rem;
}

.reviews__list > li:last-child {
    margin: 0;
}

.reviews__action {
    text-align: center;
    margin: 0 0 7rem;
}

.reviews__action .btn {
    min-width: 16.4rem;
}

.reviews__form {
    background: #F7F8F9;
    border-radius: 6px;
    padding: 6rem 3rem;
}

.reviews__form .row {
    margin: 0 -10px -2rem;
}

.reviews__form .row > [class^="col-"] {
    padding: 0 10px 2rem;
}

.reviews__form .ui-rateit {
    margin: 0;
}

.reviews__form .ui-placeholder {
    margin: 0;
}

.reviews__form .ui-placeholder__input, .reviews__form .ui-placeholder__textarea {
    background: #fff;
}

.reviews__form .ui-placeholder__select .selectric {
    background: #fff;
}

.reviews__form .ui-notice {
    max-width: 50rem;
    margin: 0;
    color: #0D0F19;
    opacity: 0.6;
}

.reviews__form .ui-notice svg {
    color: inherit;
}

.reviews__form .btn {
    min-width: 13.4rem;
}

.reviews__form-center {
    max-width: 94rem;
    margin: 0 auto;
}

.reviews__form-title {
    margin: 0 0 2rem;
}

.swiper-reviews .reviews__item {
    border: none;
    background: none;
}

.reviews__item {
    padding: 3rem 3rem 4rem;
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    border-radius: 4px;
}

.reviews__item-badges {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0 2.5rem;
}

.reviews__item-badges .ui-badge {
    margin: 0 5px 5px 0;
}

.reviews__item-title {
    color: #0D0F19;
    margin: 0 0 10px;
}

.reviews__item-rating {
    margin: 0 0 3rem;
}

.reviews__item-text {
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    margin: 0 0 3rem;
    color: #6E6F75;
    opacity: 0.7;
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.reviews__item-date {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: 0.08em;
    color: rgba(13, 15, 25, 0.75);
    margin: 0;
}

.reviews__item-date svg {
    position: relative;
    top: -1px;
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 10px 0 0;
}

.is-page-news .topbar__desc {
    text-align: left;
}

.is-page-news .feedback {
    margin: 0 0 9rem;
}

.is-page-news .feedback__form .ui-notice {
    max-width: none;
}

.news__best {
    margin: 0;
}

.news__best .row {
    margin: 0 -10px;
}

.news__best .row > [class^="col"] {
    padding: 0 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.news__best-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 2rem;
}

@media (min-width: 768px) {
    .news__best-head {
        margin: 0 0 4rem;
    }
}

.news__best-column {
    position: relative;
    z-index: 100;
    background: #0D0F19;
    border-radius: 6px;
    padding: 3rem 0 2rem;
    margin: 0 0 2rem;
    color: #fff;
}

.news__best-column .news__item {
    min-height: auto;
}

.news__best-column .news__item:last-child {
    margin: 0;
}

@media (min-width: 768px) {
    .news__best-column {
        top: -29rem;
        margin: 0 0 -29rem;
    }
}

.news__best-title {
    margin: 0 0 2rem;
    padding: 0 2rem;
    color: inherit;
}

.news__best-scrollbar {
    padding: 0 2rem;
}

@media (min-width: 768px) {
    .news__best-scrollbar {
        height: 87rem;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

.news {
    margin: 0 0 9rem;
}

.news__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 2rem;
}

@media (min-width: 768px) {
    .news__head {
        margin: 0 0 4rem;
    }
}

.news__title {
    padding: 0 2rem 0 0;
    margin: 0 auto 10px 0;
}

.news__action {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 10px;
}

.news__action .btn {
    min-width: 14rem;
}

.news__grid {
    margin: 0 0 -10px;
}

.news__grid .row {
    margin: 0 -10px;
}

.news__grid .row > [class^="col"] {
    padding: 0 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.news__item {
    position: relative;
    display: block;
    background: #fff;
    border: 1px solid #D6D6D6;
    border-radius: 6px;
    overflow: hidden;
    padding: 3rem;
    color: #0D0F19;
    text-decoration: none;
    margin: 0 0 2rem;
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
}

.news__item:hover {
    color: #0D0F19;
    text-decoration: none;
}

.news__item--bg {
    border: none;
    background: #D6D6D6;
    color: #fff;
}

.news__item--bg .news__item-title {
    color: inherit;
}

.news__item--bg:hover {
    color: #fff;
}

@media (min-width: 768px) {
    .news__item {
        padding: 4rem;
        min-height: 29rem;
    }

    .news__item--bg {
        min-height: 59rem;
    }
}

.news__item-badges {
    position: absolute;
    top: 3rem;
    right: 3rem;
}

.news__item-category {
    display: block;
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #300068;
    margin: 0 0 2rem;
}

.news__item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    margin: 0;
}

.news__item-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.news__item-desc {
    position: relative;
    z-index: 2;
    max-width: 54rem;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.news__item-title {
    margin: 0 0 2rem;
    color: inherit;
}

.news__item-text {
    display: block;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    opacity: 0.75;
    margin: 0 0 2rem;
}

.news__item-info {
    margin: auto 0 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.news__item-info > li {
    margin: 0 3rem 0 0;
}

.news__item-info > li:last-child {
    margin: 0;
}

.news__item-date {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: 0.08em;
    opacity: 0.75;
    margin: auto 0 0 0;
}

.news__item-date svg {
    position: relative;
    top: -1px;
    display: block;
    margin: 0 10px 0 0;
}

.news__item-views {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: 0.08em;
    opacity: 0.75;
    margin: auto 0 0 0;
}

.news__item-views svg {
    position: relative;
    top: -1px;
    display: block;
    margin: 0 10px 0 0;
}

.breadcrumbs {
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 400;
    padding: 3rem 0;
    margin: 0 0 3rem;
    color: #5F5F5F;
}

.breadcrumbs__menu {
    margin: 0 -1.5rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.breadcrumbs__menu > li {
    padding: 0 1.5rem;
    position: relative;
}

.breadcrumbs__menu > li:last-child svg {
    display: none;
}

.breadcrumbs__menu .icon-home {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.breadcrumbs__menu .icon-breadcrumbs {
    display: block;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 50%;
    right: -2px;
    margin: -1px 0 0;
}

.breadcrumbs__link {
    color: #5F5F5F;
    text-decoration: none;
}

.breadcrumbs__link:hover {
    color: #0D0F19;
    text-decoration: none;
}

@media (max-width: 991px) {
    .is-page-rules .topbar__image {
        display: none;
    }
}

.is-page-transparent .topbar {
    background: #300068;
    color: #fff;
}

.is-page-transparent .topbar__image {
    top: -10rem;
}

.is-page-transparent .topbar__image:after {
    opacity: 1;
}

.is-page-transparent .topbar__title, .is-page-transparent .topbar__text {
    color: #fff;
}

@media (max-width: 1199px) {
    .is-page-transparent .topbar__image {
        top: -8rem;
    }
}

.topbar {
    position: relative;
    margin: 0 0 4rem;
    background: #F7F8F9;
}

.topbar .container-fluid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 768px) {
    .topbar {
        margin: 0 0 6rem;
    }

    .topbar .container-fluid {
        min-height: 43rem;
    }
}

.topbar__breadcrumbs {
    position: relative;
    z-index: 3;
}

.topbar__breadcrumbs .breadcrumbs {
    margin: 0;
    padding: 1.5rem 0;
}

.topbar__breadcrumbs .breadcrumbs .container-fluid {
    padding: 0;
    min-height: auto;
}

.topbar__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    margin: 0;
}

.topbar__image:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(13, 15, 25, 0.2);
    opacity: 0;
}

.topbar__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 768px) {
    .topbar__image img {
        -o-object-position: 66.666% center;
        object-position: 66.666% center;
    }
}

.topbar__desc {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 4rem 0;
    margin: auto 0;
}

@media (min-width: 768px) {
    .topbar__desc {
        padding: 6rem 0;
    }
}

.topbar__title {
    color: #fff;
    margin: 0 0 3rem;
}

.topbar__title mark {
    color: inherit;
    font-weight: 300;
}

.topbar__text {
    color: #fff;
    opacity: 0.75;
    max-width: 74rem;
    margin: 0 auto 3rem;
}

.topbar__text:last-child {
    margin: 0 auto;
}

.topbar__steps {
    max-width: 94rem;
    margin: 0 auto 6rem;
    padding: 2rem 0 0;
    text-align: center;
}

.topbar__steps:last-child {
    margin-bottom: 0;
}

.topbar__steps-btn {
    text-align: left;
    width: 100%;
    border: none;
    background: none;
    display: block;
    border-top: 6px solid rgba(110, 111, 117, 0.3);
    color: #6E6F75;
    transition: 0.25s;
    cursor: pointer;
    text-align: left;
    padding: 2.8rem 0 0;
}

.topbar__steps-btn:hover {
    color: #0D0F19;
    border-color: rgba(110, 111, 117, 0.6);
}

.topbar__steps-btn:hover .topbar__steps-btn-mark {
    background: rgba(110, 111, 117, 0.6);
}

.topbar__steps-btn.is-active {
    border-color: #300068;
    color: #0D0F19;
}

.topbar__steps-btn.is-active .topbar__steps-btn-mark {
    background: #300068;
}

.topbar__steps-btn.is-active .topbar__steps-btn-mark-number {
    margin: 0 4px 0 0;
}

.topbar__steps-btn.is-active .topbar__steps-btn-mark-number:last-child {
    margin: 0;
}

.topbar__steps-btn.is-active .topbar__steps-btn-mark-label {
    max-width: 6.8rem;
}

.topbar__steps-btn.is-active .topbar__steps-btn-text {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 575px) {
    .topbar__steps-btn {
        width: 2.8rem;
    }

    .topbar__steps-btn.is-active {
        width: 15rem;
    }
}

.topbar__steps-btn-mark {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.3rem;
    line-height: 2.8rem;
    font-weight: 700;
    border-radius: 14px;
    text-align: center;
    background: rgba(110, 111, 117, 0.2);
    color: #fff;
    padding: 0 10px;
    min-width: 2.8rem;
    transition: 0.25s;
    white-space: nowrap;
    margin: 0 0 1.2rem;
}

.topbar__steps-btn-mark-number {
    display: block;
}

.topbar__steps-btn-mark-label {
    display: block;
    transition: 0.25s;
    overflow: hidden;
    max-width: 0;
}

.topbar__steps-btn-text {
    display: block;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 500;
    transition: 0.25s;
    opacity: 0;
    visibility: hidden;
    height: 6rem;
}

.topbar__nav {
    position: relative;
    z-index: 4;
    padding: 0 0 6rem;
    margin: 0 -2rem;
    font-size: 1.2rem;
    line-height: 3.4rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    white-space: nowrap;
}

.topbar__nav sup {
    font-size: 8px;
    font-weight: 600;
    position: relative;
    top: -6px;
}

.topbar__nav-menu {
    margin: 0 0 -5px;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.topbar__nav-menu > li {
    margin: 0 5px 5px 0;
}

.topbar__nav-menu > li:last-child {
    margin: 0 0 5px 0;
}

.topbar__nav-link {
    transition: 0.25s;
    display: block;
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
    text-decoration: none;
    padding: 0 2rem;
    border-radius: 20px;
}

.topbar__nav-link:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255, 255, 255, 0.5);
}

.topbar__nav-link.is-active {
    background: white;
    color: #0D0F19;
}

.topbar__counter {
    display: block;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6E6F75;
    margin: 0 0 2rem;
}

.topbar__question {
    margin: 0;
}

.topbar__back {
    position: relative;
    z-index: 5;
    padding: 4rem 0 2rem 0;
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 400;
}

.topbar__back-link {
    text-decoration: none;
    color: #5F5F5F;
}

.topbar__back-link svg {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin: 0 2rem 0 0;
    color: #300068;
    transition: 0.25s;
}

.topbar__back-link:hover {
    color: #300068;
    text-decoration: none;
}

.topbar__back-link:hover svg {
    -ms-transform: translate(-5px, 0);
    transform: translate(-5px, 0);
}

.about {
    padding: 3rem 0 0;
    margin: 0 0 9rem;
}

.about__target {
    margin: 0 0 4rem;
}

.about__target-title {
    margin: 0 0 4.4rem;
    text-align: center;
}

.about__target-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: rgba(13, 15, 25, 0.75);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.about__target-list > li {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    padding: 0 2rem 0 4.2rem;
    margin: 0 0 3rem;
}

.about__target-list > li:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #300068;
}

@media (min-width: 768px) {
    .about__target-list > li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.about__info {
    color: #0D0F19;
}

@media (min-width: 992px) {
    .about__info {
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 992px) {
    .about__info-sidebar {
        -ms-flex: 0 0 320px;
        flex: 0 0 32rem;
        max-width: 32rem;
        margin: 0 6rem 0 0;
        -ms-flex-order: 1;
        order: 1;
    }
}

.about__info-content {
    margin: 0 0 4rem;
}

.about__info-content h3 {
    margin: 0 0 3rem;
}

.about__info-content ul {
    margin: 0 0 2rem;
    padding: 0;
    list-style: none;
}

.about__info-content ul > li {
    margin: 0 0 2rem;
}

.about__info-content ul > li:last-child {
    margin: 0;
}

.about__info-content dl a {
    text-decoration: none;
}

@media (min-width: 992px) {
    .about__info-content {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-order: 2;
        order: 2;
        margin: 0;
    }
}

.about__info-requisites {
    background: #F0F2FF;
    padding: 3rem;
    border-radius: 6px;
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 400;
}

.about__info-requisites .btn {
    margin: 10px 0 0;
}

@media (min-width: 768px) {
    .about__info-requisites {
        padding: 4rem;
    }
}

.about__nav {
    border: 1px solid #D6D6D6;
    border-radius: 6px;
    padding: 3rem 2rem;
}

.about__nav-title {
    display: block;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin: 0 0 3.4rem;
    color: #300068;
}

.about__nav-menu {
    margin: 0 -5px;
    padding: 0;
    list-style: none;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: 0.05em;
}

.about__nav-menu > li {
    padding: 0 5px;
    margin: 0 0 2rem;
}

.about__nav-menu > li:last-child {
    margin: 0;
}

@media (max-width: 991px) {
    .about__nav-menu {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .about__nav-menu > li {
        margin: 0 0 10px;
    }
}

.about__nav-link {
    color: #0D0F19;
    text-decoration: none;
}

.about__nav-link:hover {
    color: #FF7100;
    text-decoration: none;
}

@media (max-width: 991px) {
    .about__nav-link {
        display: inline-block;
        vertical-align: top;
        background: rgba(48, 0, 104, 0.3);
        color: #fff;
        padding: 10px 1.5rem;
        font-size: 1.2rem;
        line-height: 1.4rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        border-radius: 16px;
        transition: 0.25s;
    }

    .about__nav-link:hover {
        background: #300068;
        color: #fff;
    }
}

@media (max-width: 575px) {
    .about__nav-link {
        word-break: break-word;
    }
}

.rules {
    margin: 0 0 6rem;
}

@media (min-width: 768px) {
    .rules {
        padding: 2rem 0 0;
    }
}

.rules__wrapper {
    position: relative;
    overflow: hidden;
}

.rules__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.rules__content.is-active {
    transition: 0.7s;
    position: relative;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.rules__content .row {
    margin: 0 -3rem -4rem;
}

.rules__content .row > [class^="col-"] {
    padding: 0 3rem 4rem;
}

.rules__title {
    text-align: center;
    margin: 0 auto 4.4rem;
    max-width: 94rem;
}

.rules__list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 400;
    color: #6E6F75;
}

.rules__list > li {
    position: relative;
    padding: 0 0 0 2.8rem;
    margin: 0 0 2.5rem;
}

.rules__list > li:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #300068;
}

.rules__caption {
    display: block;
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 400;
    text-align: center;
    color: #6E6F75;
    margin: 0 0 3rem;
}

.rules__details {
    margin: 0 0 5rem;
}

.rules__details:last-child {
    margin: 0;
}

.rules__details-type {
    margin: 0 0 4rem;
}

.rules__details-type:last-child {
    margin: 0;
}

@media (min-width: 768px) {
    .rules__details-type {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.rules__details-type-icon {
    background: #E7E8E9 url(../images/icons/icon-noimage.svg) center center no-repeat;
    background-size: 3rem 3rem;
    width: 7.6rem;
    height: 7.6rem;
    -ms-flex: 0 0 76px;
    flex: 0 0 7.6rem;
    margin: 0 0 2rem;
    border-radius: 50%;
    overflow: hidden;
}

.rules__details-type-icon img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 768px) {
    .rules__details-type-icon {
        margin: 0 4.4rem 0 0;
    }
}

.rules__details-type-desc {
    -ms-flex: 1;
    flex: 1;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: #6E6F75;
}

.rules__details-type-desc h3 {
    margin: 0 0 1.8rem;
}

.rules__details-type-desc h3:last-child {
    margin: 0;
}

.rules__details-type-desc h4 {
    margin: 0 0 10px;
}

.rules__details-type-desc h4:last-child {
    margin: 0;
}

.rules__details-type-desc p {
    margin: 0 0 10px;
}

.rules__details-type-desc p:last-child {
    margin: 0;
}

.rules__details-type-desc ul {
    margin: 0 0 3rem;
}

.rules__details-type-desc ul:last-child {
    margin: 0;
}

.rules__details-type-desc a[href^="mailto:"] {
    text-decoration: none;
}

@media (min-width: 768px) {
    .rules__details-type-desc {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 7.6rem;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.rules__details-desc {
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: #6E6F75;
}

.rules__details-desc p {
    margin: 0 0 1.5rem;
}

.rules__details-desc p:last-child {
    margin: 0;
}

.rules__details-important {
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: #6E6F75;
    padding: 0 0 0 3.2rem;
    border-left: 1px solid #F9B34B;
}

.rules__details-important p {
    margin: 0 0 1.5rem;
}

.rules__details-important p:last-child {
    margin: 0;
}

.rules__regulations {
    background: #F0F2FF;
    padding: 4rem 3rem;
}

@media (min-width: 768px) {
    .rules__regulations {
        padding: 5rem 4rem;
        background: #F0F2FF url(../images/bg-regulations.png) right bottom no-repeat;
        background-size: 66.666% auto;
    }
}

.rules__regulations-title {
    margin: 0 0 2.2rem;
    color: #0D0F19;
}

.rules__regulations-text {
    display: block;
    font-size: 1.6rem;
    line-height: 1.62;
    font-weight: 400;
    color: #6E6F75;
    margin: 0 0 2.8rem;
}

@media (min-width: 768px) {
    .rules__regulations-text {
        max-width: 66.666%;
    }
}

.feedback {
    background: #300068;
    color: #fff;
    padding: 8rem 0;
}

.feedback .row {
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -1.5rem -4rem;
}

.feedback .row > [class^="col"] {
    padding: 0 1.5rem 4rem;
}

.feedback__title {
    color: inherit;
    margin: 0 0 3rem;
}

.feedback__text {
    font-size: 1.6rem;
    line-height: 1.62;
    font-weight: 400;
    margin: 0 0 3rem;
}

.feedback__text:last-child {
    margin: 0;
}

.feedback__form .ui-placeholder {
    margin: 0;
}

.feedback__form .ui-placeholder.is-focus .ui-placeholder__input, .feedback__form .ui-placeholder.is-focus .ui-placeholder__textarea, .feedback__form .ui-placeholder.is-changed .ui-placeholder__input, .feedback__form .ui-placeholder.is-changed .ui-placeholder__textarea {
    background: rgba(247, 248, 249, 0.15);
    border-color: #fff;
}

.feedback__form .ui-placeholder__input, .feedback__form .ui-placeholder__textarea {
    background: none;
    border-color: rgba(255, 255, 255, 0.7);
    color: #fff;
}

.feedback__form .ui-placeholder__label {
    color: rgba(255, 255, 255, 0.7);
}

.feedback__form .ui-notice {
    opacity: 0.7;
    color: #fff;
    max-width: 50rem;
    margin: 0;
}

.feedback__form .ui-notice svg {
    color: inherit;
}

.feedback__form .btn {
    min-width: 13.2rem;
}

.feedback__form .row {
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -1.4rem -2.8rem;
}

.feedback__form .row > [class^="col"] {
    padding: 0 1.4rem 2.8rem;
}

.vacancies {
    margin: 0 0 7rem;
}

.vacancies .row {
    margin: 0 -10px;
}

.vacancies .row > [class^="col-"] {
    padding: 0 10px;
}

.vacancies__item {
    margin: 0 0 2rem;
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    border-radius: 6px;
    color: #0D0F19;
    transition: box-shadow 0.25s;
}

.vacancies__item:hover {
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);
}

.vacancies__item.is-open .vacancies__item-arrow {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.vacancies__item-trigger {
    position: relative;
    padding: 4rem 8rem 4rem 3rem;
    cursor: pointer;
}

@media (min-width: 1600px) {
    .vacancies__item-trigger {
        padding: 6rem 10rem 6rem 4rem;
    }
}

.vacancies__item-content {
    padding: 0 3rem 4rem 3rem;
    display: none;
}

@media (min-width: 1600px) {
    .vacancies__item-content {
        padding: 0 3rem 6rem 5rem;
    }
}

.vacancies__item-title {
    display: block;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 600;
    margin: 0;
    color: inherit;
}

@media (min-width: 768px) {
    .vacancies__item-title {
        font-size: 2.2rem;
    }
}

@media (min-width: 992px) {
    .vacancies__item-title {
        font-size: 2.4rem;
    }
}

@media (min-width: 1200px) {
    .vacancies__item-title {
        font-size: 2.6rem;
    }
}

@media (min-width: 1600px) {
    .vacancies__item-title {
        font-size: 2.8rem;
    }
}

.vacancies__item-arrow {
    position: absolute;
    top: 50%;
    right: 3rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    margin: -10px 0 0;
    transition: 0.25s;
    opacity: 0.4;
}

@media (min-width: 1600px) {
    .vacancies__item-arrow {
        right: 4rem;
    }
}

.vacancies__item-dl {
    margin: 0 0 3rem;
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: 400;
}

.vacancies__item-dl dt {
    font-weight: 600;
    display: block;
    margin: 0 0 2rem;
}

.vacancies__item-dl dd {
    display: block;
    margin: 0 0 2rem;
}

.vacancies__item-dl dd:last-child {
    margin: 0;
}

.vacancies__item-contacts {
    margin: 0 -2rem 0 0;
    padding: 0;
    list-style: none;
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: 600;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.vacancies__item-contacts > li {
    padding: 0 2rem 0 4.2rem;
    margin: 0 0 2rem;
    position: relative;
    white-space: nowrap;
}

.vacancies__item-contacts svg {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.vacancies__item-contacts a {
    text-decoration: none;
    color: #300068;
}

.vacancies__item-contacts a:hover {
    text-decoration: none;
    color: #300068;
}

.contacts {
    padding: 7rem 0 9rem;
}

.contacts .row {
    margin: 0 -3rem -6rem;
}

.contacts .row > [class^="col-"] {
    padding: 0 3rem 6rem;
}

.contacts__title {
    margin: 0 0 6rem;
}

.contacts__subtitle {
    margin: 0 0 6.5rem;
}

.contacts__table {
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    margin: 0 0 4rem;
    font-size: 1.8rem;
    line-height: 1.4;
    font-weight: 400;
    color: #6E6F75;
    width: 100%;
}

.contacts__table a {
    text-decoration: underline;
    color: #6E6F75;
}

.contacts__table a:hover {
    text-decoration: underline;
    color: #0D0F19;
}

.contacts__table th, .contacts__table td {
    text-align: left;
    padding: 0 2rem 3rem;
    vertical-align: top;
}

.contacts__table th:first-child, .contacts__table td:first-child {
    padding-left: 0;
}

.contacts__table th:last-child, .contacts__table td:last-child {
    padding-right: 0;
}

.contacts__table tr:last-child th, .contacts__table tr:last-child td {
    padding-bottom: 0;
}

.contacts__table th {
    font-weight: 600;
    color: #0D0F19;
}

.contacts__action .btn {
    min-width: 15.2rem;
}

.contacts__map {
    background: #E7E8E9 url(../images/icons/icon-noimage.svg) center center no-repeat;
    background-size: 3rem 3rem;
    height: 53rem;
    margin: 0 -2rem -9rem;
}

@media (min-width: 992px) {
    .contacts__map {
        margin: 0;
    }
}

.directions {
    padding: 0 0 7rem;
}

.directions__grid {
    margin: 0 -10px -3rem;
    padding: 0;
    list-style: none;
}

.directions__grid > li {
    padding: 0 10px 3rem;
}

@media (min-width: 768px) {
    .directions__grid {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .directions__grid > li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.directions__action {
    text-align: center;
    padding: 4rem 0 0;
}

.directions__action .btn {
    min-width: 16.4rem;
}

.directions__item {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    border-radius: 6px;
    color: #0D0F19;
    text-decoration: none;
    transition: box-shadow 0.25s;
    min-height: 100%;
    padding: 4rem 3rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.directions__item:hover {
    text-decoration: none;
    color: #0D0F19;
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);
}

@media (min-width: 1600px) {
    .directions__item {
        padding: 6rem 4.5rem;
        min-height: 25rem;
    }
}

.directions__item-title {
    margin: 0 0 3rem;
}

.directions__item-link {
    display: block;
    margin: auto 0 0;
    white-space: nowrap;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #300068;
}

.directions__item-link svg {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin: 0 0 0 5px;
}

.checkout {
    padding: 6rem 0 9rem;
}

.checkout__title {
    margin: 0 0 5.5rem;
}

.checkout__notice {
    background: #F1F2F3;
    border-radius: 6px;
    display: block;
    margin: 0 0 4rem;
    padding: 2rem 3rem;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #0D0F19;
}

@media (min-width: 768px) {
    .checkout__notice {
        padding: 3rem 4rem;
    }
}

.checkout__wrapper {
    background: #fff;
    border: 1px solid #D6D6D6;
    border-radius: 6px;
    padding: 4rem 2rem;
    position: relative;
}

.checkout__wrapper > .row {
    margin: 0 -2rem -4rem;
}

.checkout__wrapper > .row > [class^="col-"] {
    padding: 0 2rem 4rem;
    margin: 0 0 4rem;
    border-bottom: 1px solid #D6D6D6;
}

.checkout__wrapper > .row > [class^="col-"]:last-child {
    border: none;
    margin: 0;
}

@media (min-width: 768px) {
    .checkout__wrapper {
        padding: 5rem 3rem;
    }
}

@media (min-width: 1200px) {
    .checkout__wrapper > .row {
        margin: 0 -3rem -4rem;
    }

    .checkout__wrapper > .row > [class^="col-"] {
        padding: 0 3rem 4rem;
        margin: 0;
        border: none;
    }

    .checkout__wrapper:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        width: 1px;
        background: #D6D6D6;
    }
}

@media (min-width: 1600px) {
    .checkout__wrapper {
        padding: 6rem 4rem;
    }

    .checkout__wrapper .row {
        margin: 0 -4rem -6rem;
    }

    .checkout__wrapper .row > [class^="col-"] {
        padding: 0 4rem 6rem;
    }
}

.checkout__order-title {
    margin: 0 0 3rem;
}

.checkout__order-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    text-align: left;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: #0D0F19;
}

.checkout__order-table th, .checkout__order-table td {
    vertical-align: middle;
    padding: 3rem 1.5rem;
    border-bottom: 1px solid #D6D6D6;
}

.checkout__order-table th:first-child, .checkout__order-table td:first-child {
    padding-left: 0;
}

.checkout__order-table th:last-child, .checkout__order-table td:last-child {
    padding-right: 0;
}

.checkout__order-table thead {
    line-height: 1;
}

.checkout__order-table thead th, .checkout__order-table thead td {
    padding-top: 0;
    padding-bottom: 22px;
    border-width: 2px;
}

.checkout__order-table tbody tr:last-child th, .checkout__order-table tbody tr:last-child td {
    border: none;
    padding-bottom: 0;
}

@media (max-width: 767px) {
    .checkout__order-table {
        display: block;
    }

    .checkout__order-table thead, .checkout__order-table tbody, .checkout__order-table tr, .checkout__order-table th, .checkout__order-table td {
        display: block;
        padding: 0;
        border: none;
    }

    .checkout__order-table thead {
        display: none;
    }

    .checkout__order-table tr {
        position: relative;
        padding: 0 0 1.5rem;
        margin: 0 0 3rem;
        border-bottom: 1px solid #D6D6D6;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .checkout__order-table tr:last-child {
        border: none;
        margin: 0;
        padding: 0;
    }

    .checkout__order-table td:nth-of-type(1) {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 0 0 2rem;
    }

    .checkout__order-table td:nth-of-type(2), .checkout__order-table td:nth-of-type(3), .checkout__order-table td:nth-of-type(4) {
        margin: 0 1.5rem 0 0;
        padding: 0 0 1.5rem;
    }
}

.checkout__order-table-item {
    display: block;
    text-decoration: none;
    color: #0D0F19;
}

.checkout__order-table-item:hover {
    text-decoration: none;
    color: #0D0F19;
}

.checkout__order-table-item-badges {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0 5px;
}

.checkout__order-table-item-badges .ui-badge {
    margin: 0 5px 5px 0;
    white-space: normal;
    text-align: left;
}

@media (max-width: 767px) {
    .checkout__order-table-item-badges {
        margin: 0 2.8rem 0 0;
    }
}

.checkout__order-table-item-title {
    display: block;
    margin: 0 0 10px;
}

.checkout__order-table-item-code {
    display: block;
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: 400;
    color: #6E6F75;
}

.checkout__order-table-number .ui-number {
    margin: 0;
}

.checkout__order-table-discount {
    display: block;
    white-space: nowrap;
    margin: 0;
    font-size: 1.8rem;
}

.checkout__order-table-price {
    display: block;
    white-space: nowrap;
    margin: 0;
    font-size: 1.8rem;
}

.checkout__order-table-delete {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: none;
    border: none;
    padding: 0;
    position: relative;
    transition: 0.25s;
    cursor: pointer;
    color: #0D0F19;
    opacity: 0.3;
    height: 2.8rem;
}

.checkout__order-table-delete svg {
    display: block;
}

.checkout__order-table-delete:hover {
    opacity: 1;
    color: #dc3545;
}

@media (max-width: 767px) {
    .checkout__order-table-delete {
        position: absolute;
        top: 0;
        right: 0;
    }
}

.checkout__payment-title {
    margin: 0 0 4rem;
}

.checkout__payment-control {
    margin: 0;
}

.checkout__payment-control .ui-tabs {
    padding: 0 2rem 1.5rem;
    margin: 0 -2rem 1.5rem;
}

.checkout__payment-wrapper {
    position: relative;
}

.checkout__payment-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.checkout__payment-content.is-active {
    position: relative;
    transition: 0.7s;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.checkout__payment-method {
    margin: 0 0 4rem;
    color: #0D0F19;
}

.checkout__payment-method .ui-check {
    margin: 0 0 20px;
    color: #0D0F19;
}

.checkout__payment-method .ui-notice, .checkout__payment-method .ui-text {
    margin: 0 0 2rem;
}

.checkout__payment-method .ui-notice:last-child, .checkout__payment-method .ui-text:last-child {
    margin: 0;
}

.checkout__payment-for {
    border-radius: 6px;
    background: #F1F2F3;
    padding: 3rem;
    margin: 0 0 4rem;
}

.checkout__payment-for .ui-label {
    margin: 0 0 2rem;
}

.checkout__payment-for .ui-check {
    margin: 0 0 20px;
    color: #0D0F19;
}

.checkout__payment-for .ui-check:last-child {
    margin: 0;
}

.checkout__payment-discount {
    margin: 0 0 3rem;
}

.checkout__payment-discount .ui-discount {
    margin: 0;
}

@media (max-width: 767px) {
    .checkout__payment-discount {
        margin: 0 -2rem 3rem;
    }

    .checkout__payment-discount .ui-discount {
        border-radius: 0;
        padding: 2rem;
    }
}

.checkout__payment-total {
    padding: 0 0 3rem;
    margin: 0 0 3rem;
    border-bottom: 1px solid #D6D6D6;
}

.checkout__payment-total .ui-table-total {
    margin: 0;
}

.checkout__payment-add {
    border: 1px solid #D6D6D6;
    border-radius: 6px;
    margin: 0 0 3rem;
    padding: 3rem;
}

.checkout__payment-add-title {
    display: block;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 600;
    margin: 0 0 1.5rem;
    color: #0D0F19;
}

.checkout__payment-add-text {
    display: block;
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: 500;
    color: #6E6F75;
    margin: 0 0 1.5rem;
}

.checkout__payment-add-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: #0D0F19;
}

.checkout__payment-add-table td {
    padding: 1.5rem;
    border-bottom: 1px solid #D6D6D6;
}

.checkout__payment-add-table td:first-child {
    padding-left: 0;
}

.checkout__payment-add-table td:last-child {
    padding-right: 0;
    text-align: right;
}

.checkout__payment-add-table tr:last-child td {
    border: none;
}

@media (max-width: 767px) {
    .checkout__payment-add-table {
        display: block;
    }

    .checkout__payment-add-table tbody, .checkout__payment-add-table tr, .checkout__payment-add-table td {
        display: block;
        padding: 0;
        border: none;
    }

    .checkout__payment-add-table tr {
        padding: 1.5rem 0;
        border-bottom: 1px solid #D6D6D6;
    }

    .checkout__payment-add-table tr:last-child {
        border: none;
    }

    .checkout__payment-add-table td {
        text-align: left;
    }

    .checkout__payment-add-table td:last-child {
        text-align: left;
    }
}

.checkout__payment-add-group {
    margin: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
}

.checkout__payment-add-price {
    margin: 0 2rem 0 0;
}

.checkout__payment-add-price mark {
    color: inherit;
    white-space: nowrap;
    display: inline-block;
}

.checkout__payment-add-btn {
    display: block;
    cursor: pointer;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    transition: 0.25s;
    color: #300068;
    width: 2.2rem;
    height: 2.2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #300068;
    color: #fff;
    border-radius: 50%;
    position: relative;
}

.checkout__payment-add-btn:after, .checkout__payment-add-btn:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background: currentColor;
    transition: 0.25s;
}

.checkout__payment-add-btn:after {
    width: 2px;
    height: 10px;
    margin: -5px 0 0 -1px;
}

.checkout__payment-add-btn:before {
    width: 10px;
    height: 2px;
    margin: -1px 0 0 -5px;
}

.checkout__payment-add-btn.is-active:after {
    opacity: 0;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.checkout__payment-add-btn:hover {
    background: #FF7100;
    color: #fff;
}

.checkout__payment-action .ui-notice {
    margin: 0;
}

.checkout__payment-action .row {
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -1.5rem -3rem;
}

.checkout__payment-action .row > [class^="col"] {
    padding: 0 1.5rem 3rem;
}

.courses {
    margin: 0 0 9rem;
}

.courses__nav {
    padding: 0 2rem 2rem;
    margin: 0 -2rem 2rem;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
}

.courses__nav-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
}

.courses__nav-menu > li {
    margin: 0 3rem 0 0;
}

.courses__nav-menu > li:last-child {
    margin: 0;
}

@media (min-width: 768px) {
    .courses__nav-menu {
        margin: 0 4rem 0 0;
    }
}

@media (min-width: 1600px) {
    .courses__nav-menu {
        margin: 0 6rem 0 0;
    }
}

.courses__nav-link {
    display: inline-block;
    vertical-align: top;
    font: 700 1.6rem/1 "Gilroy", Helvetica, Arial, sans-serif;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
    background: none;
    padding: 0 0 5px;
    border: none;
    border-bottom: 2px solid transparent;
    color: #6E6F75;
    text-decoration: none;
    transition: 0.25s;
}

.courses__nav-link:last-child {
    margin: 0;
}

.courses__nav-link:hover {
    color: #0D0F19;
    text-decoration: none;
}

.courses__nav-link.is-active {
    color: #0D0F19;
    border-color: #300068;
}

.courses__products {
    margin: 0 -10px -2rem;
    padding: 0 0 4rem;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.courses__products > li {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 10px 2rem;
}

@media (min-width: 576px) {
    .courses__products > li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 992px) {
    .courses__products > li {
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
}

.courses__pagination {
    position: relative;
}

.courses__pagination .ui-pagination {
    margin: 0 0 3rem;
}

.courses__pagination .ui-pages {
    margin: 0;
}

@media (min-width: 1200px) {
    .courses__pagination .ui-pagination {
        margin: 0;
    }

    .courses__pagination .ui-pages {
        position: absolute;
        top: 0;
        right: 0;
    }
}

.courses__directions {
    margin: 0 -10px -4rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.courses__directions > li {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 10px 4rem;
}

@media (min-width: 576px) {
    .courses__directions > li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 992px) {
    .courses__directions > li {
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
}

.courses__item {
    display: block;
    min-height: 100%;
    background: #fff;
    border: 1px solid #D6D6D6;
    border-radius: 6px;
    text-decoration: none;
    color: #0D0F19;
    transition: box-shadow 0.25s;
}

.courses__item:hover {
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    color: #0D0F19;
}

.courses__item-image {
    background: #E7E8E9 url(../images/icons/icon-noimage.svg) center center no-repeat;
    background-size: 3rem 3rem;
    box-shadow: none;
    margin: -1px -1px 0;
    position: relative;
    height: 20rem;
    border-radius: 6px 6px 0 0;
    overflow: hidden;
}

.courses__item-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.courses__item-desc {
    padding: 3rem;
}

.courses__item-title {
    margin: 0 0 2rem;
}

.courses__item-text {
    display: block;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    opacity: 0.6;
}

.study {
    padding: 6rem 0 9rem;
}

.study__head {
    position: relative;
    text-align: center;
}

.study__category {
    display: block;
    font-size: 1.8rem;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin: 0 0 3rem;
    color: #300068;
}

@media (min-width: 768px) {
    .study__category {
        font-size: 2rem;
    }
}

.study__rating {
    margin: 0 0 3rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.study__rating-label {
    display: block;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    margin: 0 10px 0 0;
    color: #0D0F19;
}

.study__rating-stars {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: block;
}

.study__title {
    margin: 0 auto 3rem;
    max-width: 115rem;
}

.study__text {
    display: block;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 600;
    margin: 0 auto 3rem;
    color: #0D0F19;
    max-width: 99rem;
}

@media (min-width: 768px) {
    .study__text {
        font-size: 2rem;
        margin: 0 auto 8.6rem;
    }
}

@media (min-width: 1200px) {
    .study__text {
        font-size: 2.4rem;
    }
}

.study__enroll {
    position: relative;
    z-index: 2;
    margin: 0 0 6rem;
}

.study__enroll-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    box-shadow: 0px 10px 55px rgba(0, 0, 0, 0.07);
    margin: 0 0 4rem;
}

@media (min-width: 768px) {
    .study__enroll-group {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.study__enroll-image {
    background: #E7E8E9 url(../images/icons/icon-noimage.svg) center center no-repeat;
    background-size: 3rem 3rem;
    margin: 0;
    position: relative;
    -ms-flex: 1;
    flex: 1;
}

.study__enroll-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.study__enroll-badges {
    position: absolute;
    top: 3rem;
    left: 3rem;
    z-index: 10;
}

.study__enroll-badges .ui-badge {
    margin: 0 5px 5px 0;
}

.study__enroll-discount {
    -ms-flex: 1;
    flex: 1;
    padding: 3rem 3rem 6rem;
    text-align: center;
}

@media (min-width: 1200px) {
    .study__enroll-discount {
        -ms-flex: 0 0 480px;
        flex: 0 0 48rem;
        max-width: 48rem;
    }
}

.study__enroll-badge {
    display: block;
    width: 12rem;
    background: #0D0F19;
    color: #fff;
    position: relative;
    top: -6rem;
    margin: 0 auto -2rem;
    padding: 1.5rem 5px;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.study__enroll-badge:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-top: 20px solid #0D0F19;
    margin: 0 0 0 -6rem;
}

.study__enroll-badge b {
    display: block;
    font-size: 3.2rem;
    font-weight: 600;
    letter-spacing: 0;
}

.study__enroll-badge small {
    display: block;
    font-size: 1.4rem;
    line-height: 1.14;
    font-weight: 400;
    text-transform: none;
    opacity: 0.5;
    letter-spacing: 0;
}

.study__enroll-title {
    margin: 0 0 2.5rem;
    color: #300068;
}

.study__enroll-line {
    display: block;
    width: 25rem;
    height: 2px;
    background: #300068;
    opacity: 0.1;
    margin: 0 auto 2.5rem;
    max-width: 100%;
}

.study__enroll-date {
    display: block;
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: 600;
    color: #0D0F19;
    margin: 0 0 2.5rem;
}

.study__enroll-date mark {
    display: block;
    color: #300068;
    font-size: 9rem;
    line-height: 1;
    font-weight: 400;
}

.study__enroll-info {
    margin: 0 -3rem -3rem;
    padding: 0;
    list-style: none;
    text-align: center;
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: 600;
    color: #0D0F19;
}

.study__enroll-info > li {
    padding: 0 3rem 3rem;
}

.study__enroll-info small {
    display: block;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.4;
    margin: 0 0 5px;
}

@media (min-width: 576px) {
    .study__enroll-info {
        font-size: 2.6rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 -3rem;
    }

    .study__enroll-info > li {
        padding: 0 3rem;
        border-right: 1px solid rgba(13, 15, 25, 0.1);
    }

    .study__enroll-info > li:last-child {
        border: none;
    }
}

@media (min-width: 768px) {
    .study__enroll-info {
        font-size: 2.8rem;
    }
}

@media (min-width: 992px) {
    .study__enroll-info {
        font-size: 3rem;
    }
}

@media (min-width: 1200px) {
    .study__enroll-info {
        font-size: 3.2rem;
        margin: 0 -5rem;
    }

    .study__enroll-info small {
        font-size: 1.4rem;
    }

    .study__enroll-info > li {
        padding: 0 5rem;
    }
}

.study__enroll-duration {
    margin: 0 0 3rem;
}

.study__enroll-duration .ui-select {
    margin: 0;
}

.study__enroll-price {
    font-size: 5.4rem;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #0D0F19;
    margin: 0 0 2rem;
}

.study__enroll-price small {
    display: block;
    font-size: 1.4rem;
    line-height: 1.2;
    letter-spacing: 0.04em;
    font-weight: 700;
    text-transform: uppercase;
    color: #6E6F75;
    margin: 0 0 10px;
}

.study__enroll-text {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400;
    color: #0D0F19;
    margin: 0 0 3rem;
}

.study__author {
    position: relative;
    z-index: 1;
    padding: 3rem 0 0;
}

.study__author:after {
    content: '';
    display: block;
    position: absolute;
    top: -3rem;
    bottom: -9rem;
    left: 50%;
    width: 120vw;
    background: #F6F6F6;
    margin: 0 0 0 -60vw;
    z-index: -1;
    border-top: 1px solid rgba(23, 24, 25, 0.15);
}

.study__author .row {
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 768px) {
    .study__author {
        padding: 9rem 0 0;
    }

    .study__author:after {
        top: 0;
    }
}

@media (min-width: 1200px) {
    .study__author .row {
        margin: 0 -7rem;
    }

    .study__author .row > [class^="col-"] {
        padding: 0 7rem;
    }
}

.study__author-content {
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: #52575C;
}

.study__author-content p {
    margin: 0 0 3rem;
}

.study__author-content p:last-child {
    margin: 0;
}

.study__author-group {
    margin: 0 0 6rem;
}

@media (min-width: 768px) {
    .study__author-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (min-width: 1200px) {
    .study__author-group {
        margin: 0;
    }
}

.study__author-image {
    background: #E7E8E9 url(../images/icons/icon-noimage.svg) center center no-repeat;
    background-size: 3rem 3rem;
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: 50%;
    max-width: 33.333%;
    margin: 0 0 3rem;
}

.study__author-image:before {
    content: '';
    float: left;
    padding: 100% 0 0 0;
}

.study__author-image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 768px) {
    .study__author-image {
        margin: 0 6rem 0 0;
        max-width: 20rem;
    }
}

.study__author-desc {
    -ms-flex: 1;
    flex: 1;
}

.study__author-title {
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: 600;
    display: block;
    margin: 0 0 10px;
}

@media (min-width: 768px) {
    .study__author-title {
        font-size: 2.8rem;
    }
}

@media (min-width: 1600px) {
    .study__author-title {
        font-size: 3.4rem;
    }
}

.study__author-text {
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: 400;
    margin: 0;
}

.study__info {
    position: relative;
    z-index: 1;
    padding: 6rem 0;
}

.study__info:after {
    content: '';
    display: block;
    position: absolute;
    top: -43rem;
    bottom: 0;
    left: 50%;
    width: 110vw;
    margin: 0 0 0 -55vw;
    background: #F6F6F6;
    z-index: -1;
}

@media (min-width: 768px) {
    .study__info {
        padding: 9rem 0;
    }
}

.study__info-title {
    margin: 0 0 6rem;
    text-align: center;
}

.study__info-control {
    margin: 0 0 3rem;
}

.study__info-control .ui-tabs {
    margin-bottom: 0;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 768px) {
    .study__info-control {
        margin: 0 0 6rem;
    }
}

.study__info-wrapper {
    position: relative;
}

.study__info-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.study__info-content.is-active {
    position: relative;
    transition: 0.7s;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.study__info-content h3 {
    margin: 0 0 3rem;
}

.study__info-content p, .study__info-content .btn {
    margin: 0 0 3rem;
}

.study__info-content figure {
    background: #E7E8E9 url(../images/icons/icon-noimage.svg) center center no-repeat;
    background-size: 3rem 3rem;
    margin: 0 0 3rem;
}

.study__info-content figure img {
    display: block;
    width: 100%;
}

@media (min-width: 1200px) {
    .study__info-content .row {
        margin: 0 -7rem;
    }

    .study__info-content .row > [class^="col-"] {
        padding: 0 7rem;
    }
}

.study__readmore {
    position: relative;
    transition: 0.4s;
    max-height: 260px;
    overflow: hidden;
    margin: 0 0 3rem;
}

.study__readmore:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f6f6f6 100%);
    z-index: 100;
    height: 6rem;
}

.program {
    margin: 0 0 6rem;
}

@media (min-width: 768px) {
    .program {
        margin: 0 0 9rem;
    }
}

.program__title {
    margin: 0 0 2rem;
    text-align: center;
}

.program__text {
    opacity: 0.6;
    color: #0D0F19;
    text-align: center;
    margin: 0 0 6rem;
}

.program__group {
    counter-reset: point;
}

.program__item {
    position: relative;
    display: block;
    background: #F7F8F9;
    border-radius: 6px;
    margin: 0 0 3rem;
    color: #0D0F19;
    transition: box-shadow 0.25s, color 0.25s;
}

.program__item:hover {
    color: #FF7100;
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);
}

.program__item.is-open .program__item-trigger:after {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.program__item:last-child {
    margin: 0;
}

.program__item-trigger {
    position: relative;
    padding: 3rem 6rem 3rem 3rem;
    cursor: pointer;
    font-size: 1.8rem;
    line-height: 1.4;
    font-weight: 600;
}

.program__item-trigger:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 2rem;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #300068;
    transition: 0.25s;
}

@media (min-width: 768px) {
    .program__item-trigger {
        padding: 3rem 8rem 3rem 7rem;
        font-size: 2rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }

    .program__item-trigger:after {
        right: 3rem;
    }
}

@media (min-width: 992px) {
    .program__item-trigger {
        font-size: 2.2rem;
    }
}

@media (min-width: 1200px) {
    .program__item-trigger {
        font-size: 2.4rem;
    }
}

.program__item-content {
    display: none;
    padding: 0 3rem 3rem 3rem;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: rgba(13, 15, 25, 0.75);
}

.program__item-content p {
    margin: 0 0 2rem;
}

.program__item-content p:last-child {
    margin: 0;
}

@media (min-width: 768px) {
    .program__item-content {
        padding: 0 4rem 3rem 7rem;
    }
}

.program__item-title {
    position: relative;
    display: block;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
    margin: 0 0 10px;
    -ms-flex: 1;
    flex: 1;
}

.program__item-title:before {
    content: counter(point) ".";
    counter-increment: point 1;
    color: #FF7100;
    margin: 0 10px 0 0;
}

@media (min-width: 768px) {
    .program__item-title {
        margin: 0 2rem 0 0;
    }

    .program__item-title:before {
        position: absolute;
        top: 0;
        left: -4rem;
        width: 4rem;
        margin: 0;
    }
}

.program__item-time {
    display: block;
    margin: 0;
    position: relative;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: #0D0F19;
    position: relative;
    padding: 0 0 0 4rem;
}

.program__item-time svg {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #6E6F75;
}

.program__item-time small {
    display: block;
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: 400;
    color: #6E6F75;
}

.program__grid {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: point;
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 600;
    color: #0D0F19;
}

.program__grid > li {
    position: relative;
    padding: 3rem 3rem 3rem 7.6rem;
    margin: 0 0 3rem;
    background: #F7F8F9;
    border-radius: 6px;
    min-height: 12rem;
}

.program__grid > li:after {
    content: counter(point) ".";
    counter-increment: point 1;
    position: absolute;
    top: 3rem;
    left: 3rem;
    color: #FF7100;
}

@media (min-width: 768px) {
    .program__grid {
        font-size: 2rem;
    }
}

@media (min-width: 992px) {
    .program__grid {
        font-size: 2.2rem;
    }
}

@media (min-width: 1200px) {
    .program__grid {
        font-size: 2.4rem;
    }
}

.teachers {
    padding: 6rem 0;
}

@media (min-width: 768px) {
    .teachers {
        padding: 9rem 0;
    }
}

.teachers__title {
    text-align: center;
    margin: 0 0 9rem;
}

.teachers__item {
    display: block;
    text-align: center;
    max-width: 26.8rem;
    margin: 0 auto;
    text-decoration: none;
    color: #0D0F19;
}

.teachers__item:hover {
    text-decoration: none;
    color: #0D0F19;
}

.teachers__item:hover .teachers__item-image {
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);
}

.teachers__item-image {
    background: #E7E8E9 url(../images/icons/icon-noimage.svg) center center no-repeat;
    background-size: 3rem 3rem;
    display: block;
    width: 16rem;
    height: 16rem;
    margin: 0 auto 4rem;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: none;
    transition: 0.25s;
}

.teachers__item-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.teachers__item-title {
    margin: 0 0 10px;
}

.teachers__item-text {
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: 400;
    opacity: 0.3;
    margin: 0;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@media (max-width: 767px) {
    .is-training-open .training__list > li:nth-of-type(2) ~ li {
        display: block;
        animation: fadeIn 1s;
    }

    .is-training-open .trainig__more {
        display: none;
    }
}

.training {
    background: #F7F8F9;
    padding: 4rem 0;
}

@media (min-width: 768px) {
    .training {
        padding: 9rem 0;
    }
}

.training__title {
    text-align: center;
    margin: 0 0 2rem;
}

.training__text {
    text-align: center;
    color: #0D0F19;
    opacity: 0.6;
    max-width: 94rem;
    margin: 0 auto 6rem;
}

.training__wrapper {
    overflow: hidden;
}

.training__list {
    margin: 0 -1.5rem -4rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.training__list > li {
    padding: 0 1.5rem 4rem;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
}

.training__list > li:after {
    content: '';
    display: block;
    position: absolute;
    top: 2.2rem;
    left: 0;
    right: 0;
    height: 1px;
    background: #300068;
    opacity: 0.2;
}

.training__list > li:last-child:after {
    width: 2.5rem;
}

@media (min-width: 576px) {
    .training__list > li {
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
}

@media (min-width: 768px) {
    .training__list > li {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 1200px) {
    .training__list {
        margin: 0 -2.5rem -6rem;
    }

    .training__list > li {
        padding: 0 2.5rem 6rem;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (max-width: 767px) {
    .training__list > li:nth-of-type(3) ~ li {
        display: none;
    }
}

@media (max-width: 575px) {
    .training__list > li:nth-of-type(2) ~ li {
        display: none;
    }
}

.training__more {
    padding: 3rem 0 0;
    display: none;
}

@media (max-width: 767px) {
    .training__more {
        display: block;
    }
}

.training__item {
    position: relative;
    z-index: 10;
}

.training__item-number {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4.4rem;
    height: 4.4rem;
    background: #FF7100;
    border-radius: 50%;
    margin: 0 0 4rem;
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: 600;
    color: #fff;
    box-shadow: 0 0 0 10px #F7F8F9;
}

.training__item-title {
    margin: 0 0 2rem;
}

.training__item-text {
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: #0D0F19;
    opacity: 0.6;
}

.certificate {
    padding: 4rem 0;
    color: #0D0F19;
}

.certificate h2 {
    margin: 0 0 3rem;
}

.certificate p {
    margin: 0 0 3rem;
}

.certificate figure {
    background: #E7E8E9 url(../images/icons/icon-noimage.svg) center center no-repeat;
    background-size: 3rem 3rem;
    background-color: transparent;
    margin: 0 0 3rem;
    border-radius: 6px;
    overflow: hidden;
}

.certificate figure img {
    display: block;
    width: 100%;
}

.certificate em {
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: 600;
    font-style: normal;
    color: #0D0F19;
    margin: auto 0 6rem;
    display: block;
}

.certificate em small {
    display: block;
    font-size: 1.8rem;
    font-weight: 400;
    padding: 1.5rem 0 0;
}

@media (min-width: 768px) {
    .certificate {
        padding: 12rem 0 9rem;
    }
}

@media (min-width: 1200px) {
    .certificate .row {
        margin: 0 -7rem;
    }

    .certificate .row > [class^="col-"] {
        padding: 0 7rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.certificate__item {
    display: block;
}

.certificate__item img {
    display: block;
    width: 100%;
}

.cost {
    padding: 3rem 0;
    background: #F7F8F9;
}

@media (min-width: 768px) {
    .cost {
        padding: 9rem 0;
    }
}

.cost__title {
    text-align: center;
    margin: 0 0 2rem;
}

.cost__text {
    color: #0D0F19;
    opacity: 0.6;
    text-align: center;
    margin: 0 auto 9rem;
    max-width: 94rem;
    display: block;
}

.cost__group {
    background: #fff;
    box-shadow: 0px 10px 55px rgba(0, 0, 0, 0.07);
}

@media (min-width: 768px) {
    .cost__group {
        display: -ms-flexbox;
        display: flex;
    }
}

.cost__price, .cost__request {
    padding: 4rem 3rem;
}

@media (min-width: 768px) {
    .cost__price, .cost__request {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 6rem 4rem;
    }
}

@media (min-width: 1200px) {
    .cost__price, .cost__request {
        padding: 7rem 8rem;
    }
}

.cost__price {
    background: #300068;
    color: #fff;
    text-align: center;
}

.cost__price-badge {
    display: block;
    width: 12rem;
    background: #0D0F19;
    color: #fff;
    position: relative;
    top: -10rem;
    margin: 0 auto -3rem;
    padding: 1.5rem 5px;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cost__price-badge:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-top: 20px solid #0D0F19;
    margin: 0 0 0 -6rem;
}

.cost__price-badge b {
    display: block;
    font-size: 3.2rem;
    font-weight: 600;
    letter-spacing: 0;
}

.cost__price-badge small {
    display: block;
    font-size: 1.4rem;
    line-height: 1.14;
    font-weight: 400;
    text-transform: none;
    opacity: 0.5;
    letter-spacing: 0;
}

.cost__price-old {
    font-size: 3rem;
    line-height: 1;
    font-weight: 300;
    margin: 0;
    color: #fff;
    opacity: 0.5;
    white-space: nowrap;
}

.cost__price-old small {
    display: block;
    font-size: 1.2rem;
    line-height: 1.4;
}

.cost__price-old mark {
    display: inline-block;
    vertical-align: top;
    position: relative;
    color: inherit;
}

.cost__price-old mark:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background: currentColor;
}

@media (min-width: 576px) {
    .cost__price-old {
        font-size: 3.5rem;
    }
}

@media (min-width: 768px) {
    .cost__price-old {
        font-size: 4rem;
    }

    .cost__price-old small {
        font-size: 1.4rem;
    }
}

@media (min-width: 992px) {
    .cost__price-old {
        font-size: 4.5rem;
    }
}

@media (min-width: 1200px) {
    .cost__price-old {
        font-size: 5rem;
    }

    .cost__price-old small {
        font-size: 1.6rem;
    }
}

.cost__price-line {
    display: block;
    height: 2px;
    width: 25rem;
    margin: 3rem auto;
    background: #FFFFFF;
    opacity: 0.1;
    max-width: 100%;
}

.cost__price-current {
    display: block;
    font-size: 6rem;
    line-height: 1;
    font-weight: 400;
    white-space: nowrap;
    margin: 0;
}

.cost__price-current small {
    display: block;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 600;
    margin: 0 0 10px;
}

@media (min-width: 768px) {
    .cost__price-current {
        font-size: 7rem;
    }

    .cost__price-current small {
        font-size: 1.8rem;
    }
}

@media (min-width: 992px) {
    .cost__price-current {
        font-size: 8rem;
    }

    .cost__price-current small {
        font-size: 2.2rem;
    }
}

@media (min-width: 1200px) {
    .cost__price-current {
        font-size: 9rem;
    }

    .cost__price-current small {
        font-size: 2.4rem;
    }
}

.cost__price-duration {
    margin: 0 0 3rem;
}

.cost__price-duration .ui-select {
    margin: 0;
}

.cost__price-duration .ui-select .selectric-wrapper {
    color: #fff;
}

.cost__price-duration .ui-select .selectric {
    background: #300068;
    border-color: #D7D8D9;
}

.cost__price-duration .ui-select .selectric-items {
    background: #300068;
    border-color: #D7D8D9;
}

.cost__price-duration .ui-select .selectric-items li {
    color: rgba(255, 255, 255, 0.6);
}

.cost__price-duration .ui-select .selectric-items li:hover {
    color: white;
}

.cost__price-duration .ui-select .selectric-items li.selected {
    background: #fff;
    color: #300068;
}

.cost__request {
    text-align: center;
    color: #0D0F19;
}

.cost__request-title {
    margin: 0 0 3rem;
}

.cost__request-info {
    margin: 0 -5px 3rem;
    padding: 0;
    list-style: none;
    text-align: left;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    display: -ms-flexbox;
    display: flex;
}

.cost__request-info mark {
    color: #300068;
    display: block;
}

.cost__request-info > li {
    -ms-flex: 1;
    flex: 1;
    padding: 0 5px;
}

.cost__request-info > li:last-child {
    text-align: right;
}

@media (min-width: 992px) {
    .cost__request-info mark {
        display: inline-block;
        vertical-align: top;
    }
}

.cost__request-form .ui-placeholder {
    margin: 0 0 2rem;
}

.cost__request-form .ui-placeholder__input, .cost__request-form .ui-placeholder__textarea {
    background: #fff;
}

.cost__request-form .btn {
    margin: 0 0 2rem;
}

.cost__request-form .ui-confirm {
    font-size: 1.4rem;
    line-height: 1.3;
    color: #300068;
    opacity: 0.6;
}

.additional {
    padding: 4rem 0;
}

@media (min-width: 768px) {
    .additional {
        padding: 9rem 0;
    }
}

.additional__title {
    margin: 0 0 4.5rem;
    text-align: center;
}

.additional__group {
    max-width: 92rem;
    margin: 0 auto 4.5rem;
    border-top: 1px solid rgba(13, 15, 25, 0.2);
}

.additional__item {
    display: block;
    border-bottom: 1px solid rgba(13, 15, 25, 0.2);
}

.additional__item.is-open .additional__item-arrow:before {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.additional__item-trigger {
    display: block;
    color: #0D0F19;
    cursor: pointer;
    padding: 2.6rem 2.4rem 2.6rem 0;
    position: relative;
    transition: color 0.25s;
}

.additional__item-trigger:hover {
    color: #FF7100;
}

.additional__item-title {
    margin: 0;
    color: inherit;
}

.additional__item-arrow {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1.4rem;
    height: 1.4rem;
    margin: -7px 0 0;
}

.additional__item-arrow:after, .additional__item-arrow:before {
    content: '';
    display: block;
    background: #300068;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: 0.25s;
}

.additional__item-arrow:after {
    width: 1.4rem;
    height: 2px;
    margin: -1px 0 0 -7px;
}

.additional__item-arrow:before {
    width: 2px;
    height: 1.4rem;
    margin: -7px 0 0 -1px;
}

.additional__item-content {
    display: none;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: rgba(13, 15, 25, 0.6);
    padding: 0 0 3rem;
}

.additional__item-content p {
    margin: 0 0 2rem;
}

.additional__item-content p:last-child {
    margin: 0;
}

.additional__action {
    text-align: center;
}

.additional__action .btn {
    margin: 0 0 2rem;
}

.similar {
    background: #F6F6F6;
    padding: 4rem 0;
}

@media (min-width: 768px) {
    .similar {
        padding: 9rem 0;
    }
}

.similar__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 2rem;
}

@media (min-width: 768px) {
    .similar__head {
        margin: 0 0 4rem;
    }
}

.similar__title {
    padding: 0 2rem 0 0;
    margin: 0 auto 10px 0;
}

.similar__action {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 10px;
}

.similar__action .btn {
    min-width: 14rem;
}

.subsc {
    margin: 0 0 9rem;
}

.subsc .ui-placeholder {
    margin: 0;
}

.subsc .ui-placeholder.is-focus .ui-placeholder__input, .subsc .ui-placeholder.is-focus .ui-placeholder__textarea, .subsc .ui-placeholder.is-changed .ui-placeholder__input, .subsc .ui-placeholder.is-changed .ui-placeholder__textarea {
    background: rgba(247, 248, 249, 0.15);
    border-color: #fff;
}

.subsc .ui-placeholder__input, .subsc .ui-placeholder__textarea {
    background: none;
    border-color: rgba(255, 255, 255, 0.7);
    color: #fff;
}

.subsc .ui-placeholder__label {
    color: rgba(255, 255, 255, 0.7);
}

.subsc .ui-notice {
    opacity: 0.7;
    color: #fff;
    margin: 0;
}

.subsc .ui-notice svg {
    color: inherit;
}

.subsc .ui-check {
    color: #fff;
    font-size: 14px;
    margin: 0 0 20px;
}

.subsc .ui-check__input:checked ~ .ui-check__checkbox {
    background: #fff;
    border-color: #fff;
}

.subsc .ui-check__input:checked ~ .ui-check__checkbox svg {
    color: #0D0F19;
}

.subsc .btn {
    min-width: 15.8rem;
}

.subsc__wrapper {
    background: #300068;
    color: #fff;
    border-radius: 6px;
    padding: 4rem 3rem;
}

@media (min-width: 768px) {
    .subsc__wrapper {
        padding: 6rem 6rem 3rem;
    }
}

.subsc__center {
    max-width: 98rem;
    margin: 0 auto;
}

.subsc__title {
    margin: 0 0 2rem;
    text-align: center;
    color: inherit;
}

.subsc__text {
    display: block;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    margin: 0 0 3rem;
    text-align: center;
}

.subsc__group {
    margin: 0 0 3rem;
}

.subsc__group .row {
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -2rem -2rem;
}

.subsc__group .row > [class^="col"] {
    padding: 0 2rem 2rem;
}

.subsc__subjects {
    text-align: center;
}

.subsc__subjects-trigger {
    display: inline-block;
    vertical-align: top;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: #fff;
    transition: 0.25s;
    cursor: pointer;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
    margin: 0 0 3rem;
}

.subsc__subjects-trigger:hover {
    opacity: 0.5;
}

.subsc__subjects-content {
    display: none;
}

@media (min-width: 1200px) {
    .subsc__subjects-grid .row {
        margin: 0 -3.5rem;
    }

    .subsc__subjects-grid .row > [class^="col"] {
        padding: 0 3.5rem;
    }
}

.featured {
    margin: 0 0 9rem;
}

.featured--reviews {
    margin: 0;
    padding: 9rem 0;
}

.featured--certificates {
    background: #F6F6F6;
    margin: 0;
    padding: 9rem 0;
}

.featured__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 2rem;
}

@media (min-width: 768px) {
    .featured__head {
        margin: 0 0 4rem;
    }
}

.featured__title {
    padding: 0 2rem 0 0;
    margin: 0 auto 10px 0;
}

@media (min-width: 768px) {
    .featured__title {
        padding: 0 12rem 0 0;
    }
}

.featured__action {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 10px;
}

.featured__action .btn {
    min-width: 14rem;
}

.featured__grid {
    margin: 0 0 -10px;
}

.featured__grid .row {
    margin: 0 -10px;
}

.featured__grid .row > [class^="col"] {
    padding: 0 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.personal {
    padding: 6rem 0;
}

@media (min-width: 768px) {
    .personal {
        padding: 9rem 0;
    }
}

@media (min-width: 1200px) {
    .personal__wrapper {
        display: -ms-flexbox;
        display: flex;
    }
}

.personal__sidebar {
    margin: 0 0 4rem;
}

@media (min-width: 1200px) {
    .personal__sidebar {
        -ms-flex: 0 0 320px;
        flex: 0 0 32rem;
        max-width: 32rem;
        margin: 0 4rem 0 0;
    }
}

@media (min-width: 1200px) {
    .personal__content {
        -ms-flex: 1;
        flex: 1;
    }
}

.personal__user {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0 8rem;
    min-height: 6rem;
    position: relative;
    margin: 0 0 3rem;
}

@media (min-width: 768px) {
    .personal__user {
        margin: 0 0 6rem;
    }
}

@media (min-width: 1200px) {
    .personal__user {
        margin: 0 0 9rem;
    }
}

.personal__user-image {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background: #E1E6EC url(../images/icons/icon-user.svg) center center no-repeat;
    background-size: cover;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -3rem 0 0;
}

.personal__user-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.personal__user-name {
    display: block;
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 400;
    color: #0D0F19;
}

.personal__nav {
    display: none;
}

@media (min-width: 1200px) {
    .personal__nav {
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        white-space: nowrap;
        display: block;
    }
}

.personal__nav-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.personal__nav-menu > li {
    display: inline-block;
    vertical-align: top;
    margin: 0 2rem 0 0;
}

@media (min-width: 1200px) {
    .personal__nav-menu > li {
        display: block;
        margin: 0 0 3rem;
    }

    .personal__nav-menu > li:last-child {
        opacity: 0.5;
        padding: 3rem 0 0;
    }
}

.personal__nav-link {
    position: relative;
    display: block;
    text-decoration: none;
    color: #0D0F19;
    padding: 0 0 0 4.4rem;
    transition: 0.25s;
}

.personal__nav-link mark {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    margin: 0 0 0 10px;
    text-align: center;
    font-size: 9px;
    line-height: 1.6rem;
    font-weight: 700;
    background: #FF7100;
    color: #fff;
    letter-spacing: 0;
}

.personal__nav-link svg {
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: -2px;
    left: 0;
}

.personal__nav-link:hover {
    color: #0D0F19;
    text-decoration: none;
    opacity: 0.5;
}

.personal__tabs-control {
    margin: 0 0 3rem;
}

.personal__tabs-control .ui-tabs {
    margin-bottom: 0;
}

.personal__tabs-control .row {
    -ms-flex-align: center;
    align-items: center;
}

.personal__tabs-control .btn {
    white-space: normal;
    margin: 0 0 2rem;
}

@media (min-width: 1200px) {
    .personal__tabs-control {
        margin: 0 0 4rem;
    }
}

.personal__tabs-wrapper {
    position: relative;
}

.personal__tabs-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
}

.personal__tabs-content.is-active {
    position: relative;
    transition: opacity 0.7s, visibility 0.7s;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -ms-transform: none;
    transform: none;
}

.personal__data {
    margin: 0 0 4rem;
}

.personal__data:last-child {
    margin: 0;
}

.personal__data-content {
    margin: 0 0 6rem;
    border: 1px solid #D6D6D6;
    border-radius: 6px;
    background: #fff;
}

.personal__data-action .btn {
    min-width: 20.2rem;
}

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

.personal__data-list > li {
    margin: 0 0 2rem;
}

.personal__data-list > li:last-child {
    margin: 0;
}

.personal__data-group {
    margin: 0;
    border: none;
    padding: 3rem;
    border-bottom: 1px solid #D6D6D6;
}

.personal__data-group:last-child {
    border: none;
}

@media (min-width: 1200px) {
    .personal__data-group {
        padding: 4rem;
    }
}

@media (min-width: 1600px) {
    .personal__data-group {
        padding: 6rem;
    }
}

.personal__data-title {
    display: block;
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: 600;
    margin: 0 0 3rem;
    color: #0D0F19;
}

.personal__data-title + .personal__data-text {
    position: relative;
    top: -2rem;
    margin: 0 0 10px;
}

.personal__data-subtitle {
    display: block;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 600;
    margin: 0 0 2rem;
    color: #0D0F19;
}

.personal__data-download {
    display: block;
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 400;
    color: #0D0F19;
    margin: 0 0 6rem;
}

.personal__data-download a {
    font-size: 1.4rem;
    color: #300068;
    text-decoration: none;
    white-space: nowrap;
}

.personal__data-download a:hover {
    color: #FF7100;
}

.personal__data-download svg {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 8px;
    height: 8px;
    margin: 0 6px 0 0;
}

.personal__data-text {
    display: block;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    margin: 0 0 3rem;
    color: #6E6F75;
}

.personal__data-grid {
    margin: 0 0 4rem;
}

.personal__data-grid .row {
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -10px -2rem;
}

.personal__data-grid .row > [class^="col-"] {
    padding: 0 10px 2rem;
}

.personal__data-grid .ui-label, .personal__data-grid .ui-check, .personal__data-grid .ui-placeholder {
    margin: 0;
}

.personal__data-grid:last-child {
    margin: 0;
}

.personal__data-files {
    margin: 0 0 4rem;
}

.personal__data-files:last-child {
    margin: 0;
}

.personal__data-files-title {
    margin: 0 0 2rem;
}

.personal__data-files-table .ui-table-files {
    margin: 0;
}

.personal__data-files-video {
    margin: 0 -10px -2rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.personal__data-files-video > li {
    padding: 0 10px 2rem;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 576px) {
    .personal__data-files-video > li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 992px) {
    .personal__data-files-video > li {
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
}

.personal__notices-content {
    margin: 0 0 3rem;
}

.personal__notices-action {
    text-align: center;
}

.personal__notices-action .btn {
    min-width: 16.4rem;
}

.personal__courses {
    margin: 0 0 3rem;
}

.personal__courses-item {
    display: block;
    background: #fff;
    border: 1px solid #D6D6D6;
    border-radius: 6px;
    color: #0D0F19;
    text-decoration: none;
    margin: 0 0 2rem;
    transition: 0.25s;
    padding: 3rem;
}

.personal__courses-item:last-child {
    margin: 0;
}

.personal__courses-item:hover {
    text-decoration: none;
    color: #0D0F19;
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) {
    .personal__courses-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 4rem;
    }
}

.personal__courses-item-desc {
    -ms-flex: 1;
    flex: 1;
    margin: 0 0 10px;
}

@media (min-width: 768px) {
    .personal__courses-item-desc {
        margin: 0 3rem 0 0;
    }
}

.personal__courses-item-badges {
    padding: 0 0 5px;
}

.personal__courses-item-badges .ui-badge {
    margin: 0 5px 5px 0;
}

.personal__courses-item-title {
    margin: 0 0 10px;
}

.personal__courses-item-code {
    display: block;
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: 400;
    color: #0D0F19;
    opacity: 0.7;
    margin: 0 0 10px;
}

.personal__courses-item-wait {
    display: inline-block;
    vertical-align: top;
    background: #E4E5E5;
    border-radius: 8px;
    padding: 2px 10px;
    font-size: 10px;
    line-height: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #0D0F19;
    white-space: nowrap;
}

.personal__courses-item-time {
    display: block;
    margin: 0;
    position: relative;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: #0D0F19;
    position: relative;
    padding: 0 0 0 4rem;
}

.personal__courses-item-time svg {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #6E6F75;
}

.personal__courses-item-time small {
    display: block;
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: 400;
    color: #6E6F75;
}

.personal__pagination {
    position: relative;
}

.personal__pagination .ui-pagination {
    margin: 0 0 3rem;
}

.personal__pagination .ui-pages {
    margin: 0;
}

@media (min-width: 768px) {
    .personal__pagination {
        display: -ms-flexbox;
        display: flex;
    }

    .personal__pagination .ui-pagination {
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex: 1;
        flex: 1;
        margin: 0 3rem 0 0;
    }

    .personal__pagination .ui-pages {
        margin: 0;
    }
}

.personal__data-theme {
    position: relative;
    display: block;
    background: #fff;
    border-radius: 6px;
    margin: 0 0 2rem;
    color: #0D0F19;
    transition: box-shadow 0.25s, color 0.25s;
    border: 1px solid #D6D6D6;
    text-decoration: none;
}

.personal__data-theme:hover {
    color: #0D0F19;
    text-decoration: none;
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);
}

.personal__data-theme.is-open .personal__data-theme-arrow {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.personal__data-theme:last-child {
    margin: 0;
}

.personal__data-theme-trigger {
    position: relative;
    cursor: pointer;
    padding: 3rem 5rem 3rem 3rem;
}

@media (min-width: 768px) {
    .personal__data-theme-trigger {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 2.5rem 10rem 2.5rem 4rem;
    }
}

.personal__data-theme-arrow {
    position: absolute;
    top: 50%;
    right: 3rem;
    margin: -6px 0 0;
    transition: 0.25s;
}

.personal__data-theme-arrow svg {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
}

@media (min-width: 768px) {
    .personal__data-theme-arrow {
        right: 4rem;
    }
}

.personal__data-theme-group {
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 768px) {
    .personal__data-theme-group {
        margin: 0 3rem 0 0;
    }
}

.personal__data-theme-mark {
    display: block;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #5FC28A;
    margin: 0 0 10px;
}

.personal__data-theme-title {
    margin: 0 0 10px;
}

@media (min-width: 768px) {
    .personal__data-theme-title {
        margin: 0;
    }
}

.personal__data-theme-time {
    display: block;
    margin: 0;
    position: relative;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: #0D0F19;
    position: relative;
    padding: 0 0 0 4rem;
}

.personal__data-theme-time svg {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #6E6F75;
}

.personal__data-theme-time small {
    display: block;
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: 400;
    color: #6E6F75;
}

.personal__data-theme-content {
    display: none;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: rgba(13, 15, 25, 0.75);
    padding: 0 3rem 3rem;
}

.personal__data-theme-content p {
    margin: 0 0 2rem;
}

.personal__data-theme-content p:last-child {
    margin: 0;
}

@media (min-width: 768px) {
    .personal__data-theme-content {
        padding: 0 4rem 4rem;
    }
}

.personal__tests-control {
    margin: 0 0 4rem;
}

.personal__tests-control .ui-tags {
    margin: 0;
}

.personal__tests-wrapper {
    position: relative;
}

.personal__tests-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.personal__tests-content.is-active {
    transition: 0.7s;
    position: relative;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.personal__tests-grid {
    margin: 0 0 4rem;
}

.personal__tests-grid .row {
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -10px -2rem;
}

.personal__tests-grid .row > [class^="col-"] {
    padding: 0 10px 2rem;
}

.personal__tests-item {
    position: relative;
    display: block;
    background: #fff;
    border-radius: 6px;
    color: #0D0F19;
    transition: box-shadow 0.25s, color 0.25s;
    border: 1px solid #D6D6D6;
    text-decoration: none;
    padding: 3rem;
}

.personal__tests-item:hover {
    color: #0D0F19;
    text-decoration: none;
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) {
    .personal__tests-item {
        padding: 4rem;
    }
}

.personal__tests-item-title {
    margin: 0 0 1.5rem;
}

.personal__tests-item-text {
    display: block;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: #6E6F75;
    margin: 0 0 2rem;
}

.personal__tests-item .ui-progress {
    margin: 0;
}

.personal__listeners {
    margin: 0 0 4rem;
}

.personal__listeners-sorting {
    margin: 0 0 2rem;
}

.personal__listeners-sorting .ui-sorting {
    margin: 0;
}

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

.personal__listeners-list > li {
    margin: 0 0 2rem;
}

.personal__listeners-list > li:last-child {
    margin: 0;
}

.personal__listeners-group {
    position: relative;
    display: block;
    background: #fff;
    border-radius: 6px;
    margin: 0 0 2rem;
    color: #0D0F19;
    transition: box-shadow 0.25s, color 0.25s;
    border: 1px solid #D6D6D6;
    text-decoration: none;
}

.personal__listeners-group:hover {
    color: #0D0F19;
    text-decoration: none;
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);
}

.personal__listeners-group.is-open .personal__listeners-group-arrow {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.personal__listeners-group:last-child {
    margin: 0;
}

.personal__listeners-group-trigger {
    position: relative;
    cursor: pointer;
    padding: 3rem 5rem 3rem 3rem;
}

@media (min-width: 768px) {
    .personal__listeners-group-trigger {
        padding: 4rem 10rem 4rem 4rem;
    }
}

.personal__listeners-group-arrow {
    position: absolute;
    top: 50%;
    right: 3rem;
    margin: -6px 0 0;
    transition: 0.25s;
}

.personal__listeners-group-arrow svg {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
}

@media (min-width: 768px) {
    .personal__listeners-group-arrow {
        right: 4rem;
    }
}

.personal__listeners-group-title {
    margin: 0 0 10px;
}

.personal__listeners-group-info {
    margin: 0 -10px -10px;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: 400;
    color: #0D0F19;
    opacity: 0.7;
}

.personal__listeners-group-info > li {
    padding: 0 10px 10px;
}

.personal__listeners-group-content {
    display: none;
    padding: 0 3rem 3rem;
}

@media (min-width: 1600px) {
    .personal__listeners-group-content {
        padding: 0 4rem 4rem;
    }
}

.personal__listeners-grid .row {
    margin: 0 -10px -2rem;
}

.personal__listeners-grid .row > [class^="col-"] {
    padding: 0 10px 2rem;
}

.personal__listeners-item {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    border-radius: 6px;
    padding: 3rem;
    color: #0D0F19;
}

@media (min-width: 1600px) {
    .personal__listeners-item {
        padding: 4rem;
    }
}

.personal__listeners-item-user {
    min-height: 4rem;
    margin: 0 0 2rem;
}

@media (min-width: 768px) {
    .personal__listeners-item-user {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
    }
}

.personal__listeners-item-image {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    overflow: hidden;
    background: #E1E6EC url(../images/icons/icon-user.svg) center center no-repeat;
    margin: 0 1.5rem 0 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 4rem;
}

.personal__listeners-item-image img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
}

.personal__listeners-item-desc {
    -ms-flex: 1;
    flex: 1;
    padding: 10px 0;
}

.personal__listeners-item-name {
    display: inline-block;
    vertical-align: top;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 600;
    margin: 0 1.5rem 0 0;
}

.personal__listeners-item-action {
    display: inline-block;
    vertical-align: top;
}

.personal__listeners-item-action a {
    color: #0D0F19;
    text-decoration: none;
}

.personal__listeners-item-action a:hover {
    color: #FF7100;
    text-decoration: none;
}

.personal__documents {
    margin: 0 0 4rem;
}

.personal__documents-item {
    position: relative;
    display: block;
    background: #fff;
    border-radius: 6px;
    margin: 0 0 2rem;
    color: #0D0F19;
    transition: box-shadow 0.25s, color 0.25s;
    border: 1px solid #D6D6D6;
    text-decoration: none;
}

.personal__documents-item:hover {
    color: #0D0F19;
    text-decoration: none;
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);
}

.personal__documents-item.is-open .personal__documents-item-arrow {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.personal__documents-item:last-child {
    margin: 0;
}

.personal__documents-item-trigger {
    position: relative;
    cursor: pointer;
    padding: 3rem 5rem 3rem 3rem;
}

@media (min-width: 768px) {
    .personal__documents-item-trigger {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 4rem 10rem 4rem 4rem;
    }
}

.personal__documents-item-arrow {
    position: absolute;
    top: 50%;
    right: 3rem;
    margin: -6px 0 0;
    transition: 0.25s;
}

.personal__documents-item-arrow svg {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
}

@media (min-width: 768px) {
    .personal__documents-item-arrow {
        right: 4rem;
    }
}

.personal__documents-item-image {
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 50%;
    overflow: hidden;
    background: #E1E6EC url(../images/icons/icon-user.svg) center center no-repeat;
    background-size: cover;
    margin: 0 0 2rem;
    -ms-flex: 0 0 46px;
    flex: 0 0 4.6rem;
}

.personal__documents-item-image img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 768px) {
    .personal__documents-item-image {
        margin: 0 2rem 0 0;
    }
}

.personal__documents-item-title {
    margin: 0;
    -ms-flex: 1;
    flex: 1;
}

.personal__documents-item-content {
    display: none;
    padding: 0;
}

.personal__data-listeners {
    margin: 0 0 3rem;
}

.personal__data-listeners .ui-table, .personal__data-listeners .ui-wysiwyg table, .ui-wysiwyg .personal__data-listeners table, .personal__data-listeners .article table, .article .personal__data-listeners table {
    margin: 0;
}

.personal__data-foot .row {
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -10px -2rem;
}

.personal__data-foot .row > [class^="col"] {
    padding: 0 10px 2rem;
}

.personal__data-curator {
    display: block;
    margin: 0;
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 400;
    color: #0D0F19;
}

.personal__data-curator small {
    display: block;
    font-size: 1.2rem;
    line-height: 1.4rem;
    margin: 0 0 5px;
    color: #6E6F75;
}

.personal__data-curator span {
    display: inline-block;
    vertical-align: top;
}

.personal__data-price {
    display: block;
    margin: 0;
    font-size: 2rem;
    line-height: 1.6;
    font-weight: 600;
    color: #0D0F19;
}

.personal__data-price small {
    display: block;
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: 400;
    margin: 0;
    color: #6E6F75;
    opacity: 0.7;
}

.testing {
    margin: 0 0 6rem;
}

.testing__grid {
    margin: 0 0 4rem;
}

.testing__grid .row {
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -10px -2rem;
}

.testing__grid .row > [class^="col"] {
    padding: 0 10px 2rem;
}

.testing__control .row {
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -10px -2rem;
}

.testing__control .row > [class^="col"] {
    padding: 0 10px 2rem;
}

.testing__check {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

@media (min-width: 1200px) {
    .testing__check {
        min-height: 12rem;
    }
}

.testing__check-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.testing__check-input:checked ~ .testing__check-btn {
    border-color: #300068;
    box-shadow: inset 0 0 0 1px #300068;
}

.testing__check-input:checked ~ .testing__check-btn .testing__check-icon {
    border-color: #300068;
    background: #300068;
    color: #fff;
}

.testing__check-input:checked ~ .testing__check-btn .testing__check-icon svg {
    opacity: 1;
}

.testing__check-btn {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    border-radius: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    width: 100%;
    padding: 2rem;
    color: #0D0F19;
    transition: 0.25s;
}

.testing__check-btn:hover {
    border-color: #300068;
}

@media (min-width: 1200px) {
    .testing__check-btn {
        padding: 3rem;
    }
}

.testing__check-icon {
    -ms-flex: 0 0 30px;
    flex: 0 0 3rem;
    width: 3rem;
    height: 3rem;
    margin: 0 2rem 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background: #F6F6F6;
    border: 1px solid #D6D6D6;
    color: #fff;
    transition: 0.25s;
}

.testing__check-icon svg {
    transition: inherit;
    opacity: 0;
    display: block;
    width: 1.8rem;
    height: 1.8rem;
}

@media (min-width: 1200px) {
    .testing__check-icon {
        width: 4rem;
        height: 4rem;
        -ms-flex: 0 0 40px;
        flex: 0 0 4rem;
        margin: 0 3rem 0 0;
    }
}

.testing__check-text {
    display: block;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.2rem;
    line-height: 1.62;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

@media (min-width: 1200px) {
    .testing__check-text {
        font-size: 1.3rem;
    }
}

.article {
    margin: 0 0 9rem;
}

.learn {
    padding: 3rem 0;
}

@media (min-width: 768px) {
    .learn {
        padding: 9rem 0;
    }
}

.learn__title {
    text-align: center;
    margin: 0 0 2rem;
}

.learn__text {
    color: #0D0F19;
    opacity: 0.6;
    text-align: center;
    margin: 0 auto 3rem;
    max-width: 94rem;
    display: block;
}

@media (min-width: 768px) {
    .learn__text {
        margin: 0 auto 6rem;
    }
}

.learn__grid {
    margin: 0 -10px -2rem;
    padding: 0 0 6rem;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.learn__grid > li {
    position: relative;
    padding: 0 10px 2rem;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

@media (min-width: 1200px) {
    .learn__grid > li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.learn__grid-item {
    position: relative;
    background: #F7F8F9;
    border-radius: 6px;
    height: 100%;
    min-height: 12rem;
    padding: 3rem;
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 400;
    color: rgba(13, 15, 25, 0.6);
}

.learn__grid-item:before {
    content: '';
    display: block;
    width: 6rem;
    height: 6rem;
    background: url(../images/icons/icon-list-check.svg) 0 0 no-repeat;
    background-size: contain;
    margin: 0 0 3rem;
}

@media (min-width: 768px) {
    .learn__grid-item {
        padding: 3rem 3rem 3rem 14rem;
    }

    .learn__grid-item:before {
        position: absolute;
        top: 3rem;
        left: 4rem;
        margin: 0;
    }
}

.learn__action {
    text-align: center;
    margin: 0 0 2rem;
}

.learn__action .btn {
    min-width: 22rem;
}

.learn__discount {
    text-align: center;
    margin: 0;
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: 600;
    color: #300068;
}

@-ms-viewport {
    width: device-width;
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}


@media (min-width: 768px) {
    .container {
        max-width: 750rem;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
      max-width: 1170px;
    }
}

.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto, .col-wide-1, .col-wide-2, .col-wide-3, .col-wide-4, .col-wide-5, .col-wide-6, .col-wide-7, .col-wide-8, .col-wide-9, .col-wide-10, .col-wide-11, .col-wide-12, .col-wide,
.col-wide-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

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

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

.col-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

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

.col-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.col-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}

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

.col-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}

.col-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}

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

.col-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}

.col-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}

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

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

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

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

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

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

.order-6 {
    -ms-flex-order: 6;
    order: 6;
}

.order-7 {
    -ms-flex-order: 7;
    order: 7;
}

.order-8 {
    -ms-flex-order: 8;
    order: 8;
}

.order-9 {
    -ms-flex-order: 9;
    order: 9;
}

.order-10 {
    -ms-flex-order: 10;
    order: 10;
}

.order-11 {
    -ms-flex-order: 11;
    order: 11;
}

.order-12 {
    -ms-flex-order: 12;
    order: 12;
}

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

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

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

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

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

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

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

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

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

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

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

.push-1 {
    left: 8.33333%;
}

.push-2 {
    left: 16.66667%;
}

.push-3 {
    left: 25%;
}

.push-4 {
    left: 33.33333%;
}

.push-5 {
    left: 41.66667%;
}

.push-6 {
    left: 50%;
}

.push-7 {
    left: 58.33333%;
}

.push-8 {
    left: 66.66667%;
}

.push-9 {
    left: 75%;
}

.push-10 {
    left: 83.33333%;
}

.push-11 {
    left: 91.66667%;
}

.pull-1 {
    right: 8.33333%;
}

.pull-2 {
    right: 16.66667%;
}

.pull-3 {
    right: 25%;
}

.pull-4 {
    right: 33.33333%;
}

.pull-5 {
    right: 41.66667%;
}

.pull-6 {
    right: 50%;
}

.pull-7 {
    right: 58.33333%;
}

.pull-8 {
    right: 66.66667%;
}

.pull-9 {
    right: 75%;
}

.pull-10 {
    right: 83.33333%;
}

.pull-11 {
    right: 91.66667%;
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

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

    .col-sm-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

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

    .col-sm-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

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

    .col-sm-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

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

    .col-sm-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

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

    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-sm-0 {
        margin-left: 0%;
    }

    .offset-sm-1 {
        margin-left: 8.33333%;
    }

    .offset-sm-2 {
        margin-left: 16.66667%;
    }

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

    .offset-sm-4 {
        margin-left: 33.33333%;
    }

    .offset-sm-5 {
        margin-left: 41.66667%;
    }

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

    .offset-sm-7 {
        margin-left: 58.33333%;
    }

    .offset-sm-8 {
        margin-left: 66.66667%;
    }

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

    .offset-sm-10 {
        margin-left: 83.33333%;
    }

    .offset-sm-11 {
        margin-left: 91.66667%;
    }

    .push-sm-0 {
        left: auto;
    }

    .push-sm-1 {
        left: 8.33333%;
    }

    .push-sm-2 {
        left: 16.66667%;
    }

    .push-sm-3 {
        left: 25%;
    }

    .push-sm-4 {
        left: 33.33333%;
    }

    .push-sm-5 {
        left: 41.66667%;
    }

    .push-sm-6 {
        left: 50%;
    }

    .push-sm-7 {
        left: 58.33333%;
    }

    .push-sm-8 {
        left: 66.66667%;
    }

    .push-sm-9 {
        left: 75%;
    }

    .push-sm-10 {
        left: 83.33333%;
    }

    .push-sm-11 {
        left: 91.66667%;
    }

    .pull-sm-0 {
        right: auto;
    }

    .pull-sm-1 {
        right: 8.33333%;
    }

    .pull-sm-2 {
        right: 16.66667%;
    }

    .pull-sm-3 {
        right: 25%;
    }

    .pull-sm-4 {
        right: 33.33333%;
    }

    .pull-sm-5 {
        right: 41.66667%;
    }

    .pull-sm-6 {
        right: 50%;
    }

    .pull-sm-7 {
        right: 58.33333%;
    }

    .pull-sm-8 {
        right: 66.66667%;
    }

    .pull-sm-9 {
        right: 75%;
    }

    .pull-sm-10 {
        right: 83.33333%;
    }

    .pull-sm-11 {
        right: 91.66667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

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

    .col-md-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-md-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

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

    .col-md-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-md-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

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

    .col-md-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-md-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

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

    .col-md-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-md-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

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

    .order-md-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-md-0 {
        margin-left: 0%;
    }

    .offset-md-1 {
        margin-left: 8.33333%;
    }

    .offset-md-2 {
        margin-left: 16.66667%;
    }

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

    .offset-md-4 {
        margin-left: 33.33333%;
    }

    .offset-md-5 {
        margin-left: 41.66667%;
    }

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

    .offset-md-7 {
        margin-left: 58.33333%;
    }

    .offset-md-8 {
        margin-left: 66.66667%;
    }

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

    .offset-md-10 {
        margin-left: 83.33333%;
    }

    .offset-md-11 {
        margin-left: 91.66667%;
    }

    .push-md-0 {
        left: auto;
    }

    .push-md-1 {
        left: 8.33333%;
    }

    .push-md-2 {
        left: 16.66667%;
    }

    .push-md-3 {
        left: 25%;
    }

    .push-md-4 {
        left: 33.33333%;
    }

    .push-md-5 {
        left: 41.66667%;
    }

    .push-md-6 {
        left: 50%;
    }

    .push-md-7 {
        left: 58.33333%;
    }

    .push-md-8 {
        left: 66.66667%;
    }

    .push-md-9 {
        left: 75%;
    }

    .push-md-10 {
        left: 83.33333%;
    }

    .push-md-11 {
        left: 91.66667%;
    }

    .pull-md-0 {
        right: auto;
    }

    .pull-md-1 {
        right: 8.33333%;
    }

    .pull-md-2 {
        right: 16.66667%;
    }

    .pull-md-3 {
        right: 25%;
    }

    .pull-md-4 {
        right: 33.33333%;
    }

    .pull-md-5 {
        right: 41.66667%;
    }

    .pull-md-6 {
        right: 50%;
    }

    .pull-md-7 {
        right: 58.33333%;
    }

    .pull-md-8 {
        right: 66.66667%;
    }

    .pull-md-9 {
        right: 75%;
    }

    .pull-md-10 {
        right: 83.33333%;
    }

    .pull-md-11 {
        right: 91.66667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

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

    .col-lg-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

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

    .col-lg-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

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

    .col-lg-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

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

    .col-lg-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

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

    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-lg-0 {
        margin-left: 0%;
    }

    .offset-lg-1 {
        margin-left: 8.33333%;
    }

    .offset-lg-2 {
        margin-left: 16.66667%;
    }

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

    .offset-lg-4 {
        margin-left: 33.33333%;
    }

    .offset-lg-5 {
        margin-left: 41.66667%;
    }

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

    .offset-lg-7 {
        margin-left: 58.33333%;
    }

    .offset-lg-8 {
        margin-left: 66.66667%;
    }

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

    .offset-lg-10 {
        margin-left: 83.33333%;
    }

    .offset-lg-11 {
        margin-left: 91.66667%;
    }

    .push-lg-0 {
        left: auto;
    }

    .push-lg-1 {
        left: 8.33333%;
    }

    .push-lg-2 {
        left: 16.66667%;
    }

    .push-lg-3 {
        left: 25%;
    }

    .push-lg-4 {
        left: 33.33333%;
    }

    .push-lg-5 {
        left: 41.66667%;
    }

    .push-lg-6 {
        left: 50%;
    }

    .push-lg-7 {
        left: 58.33333%;
    }

    .push-lg-8 {
        left: 66.66667%;
    }

    .push-lg-9 {
        left: 75%;
    }

    .push-lg-10 {
        left: 83.33333%;
    }

    .push-lg-11 {
        left: 91.66667%;
    }

    .pull-lg-0 {
        right: auto;
    }

    .pull-lg-1 {
        right: 8.33333%;
    }

    .pull-lg-2 {
        right: 16.66667%;
    }

    .pull-lg-3 {
        right: 25%;
    }

    .pull-lg-4 {
        right: 33.33333%;
    }

    .pull-lg-5 {
        right: 41.66667%;
    }

    .pull-lg-6 {
        right: 50%;
    }

    .pull-lg-7 {
        right: 58.33333%;
    }

    .pull-lg-8 {
        right: 66.66667%;
    }

    .pull-lg-9 {
        right: 75%;
    }

    .pull-lg-10 {
        right: 83.33333%;
    }

    .pull-lg-11 {
        right: 91.66667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

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

    .col-xl-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

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

    .col-xl-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

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

    .col-xl-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

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

    .col-xl-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

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

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-xl-0 {
        margin-left: 0%;
    }

    .offset-xl-1 {
        margin-left: 8.33333%;
    }

    .offset-xl-2 {
        margin-left: 16.66667%;
    }

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

    .offset-xl-4 {
        margin-left: 33.33333%;
    }

    .offset-xl-5 {
        margin-left: 41.66667%;
    }

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

    .offset-xl-7 {
        margin-left: 58.33333%;
    }

    .offset-xl-8 {
        margin-left: 66.66667%;
    }

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

    .offset-xl-10 {
        margin-left: 83.33333%;
    }

    .offset-xl-11 {
        margin-left: 91.66667%;
    }

    .push-xl-0 {
        left: auto;
    }

    .push-xl-1 {
        left: 8.33333%;
    }

    .push-xl-2 {
        left: 16.66667%;
    }

    .push-xl-3 {
        left: 25%;
    }

    .push-xl-4 {
        left: 33.33333%;
    }

    .push-xl-5 {
        left: 41.66667%;
    }

    .push-xl-6 {
        left: 50%;
    }

    .push-xl-7 {
        left: 58.33333%;
    }

    .push-xl-8 {
        left: 66.66667%;
    }

    .push-xl-9 {
        left: 75%;
    }

    .push-xl-10 {
        left: 83.33333%;
    }

    .push-xl-11 {
        left: 91.66667%;
    }

    .pull-xl-0 {
        right: auto;
    }

    .pull-xl-1 {
        right: 8.33333%;
    }

    .pull-xl-2 {
        right: 16.66667%;
    }

    .pull-xl-3 {
        right: 25%;
    }

    .pull-xl-4 {
        right: 33.33333%;
    }

    .pull-xl-5 {
        right: 41.66667%;
    }

    .pull-xl-6 {
        right: 50%;
    }

    .pull-xl-7 {
        right: 58.33333%;
    }

    .pull-xl-8 {
        right: 66.66667%;
    }

    .pull-xl-9 {
        right: 75%;
    }

    .pull-xl-10 {
        right: 83.33333%;
    }

    .pull-xl-11 {
        right: 91.66667%;
    }
}

@media (min-width: 1600px) {
    .col-wide {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

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

    .col-wide-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-wide-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

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

    .col-wide-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-wide-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

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

    .col-wide-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-wide-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

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

    .col-wide-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-wide-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

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

    .order-wide-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-wide-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-wide-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-wide-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-wide-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-wide-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-wide-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-wide-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-wide-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-wide-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-wide-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-wide-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-wide-0 {
        margin-left: 0%;
    }

    .offset-wide-1 {
        margin-left: 8.33333%;
    }

    .offset-wide-2 {
        margin-left: 16.66667%;
    }

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

    .offset-wide-4 {
        margin-left: 33.33333%;
    }

    .offset-wide-5 {
        margin-left: 41.66667%;
    }

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

    .offset-wide-7 {
        margin-left: 58.33333%;
    }

    .offset-wide-8 {
        margin-left: 66.66667%;
    }

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

    .offset-wide-10 {
        margin-left: 83.33333%;
    }

    .offset-wide-11 {
        margin-left: 91.66667%;
    }

    .push-wide-0 {
        left: auto;
    }

    .push-wide-1 {
        left: 8.33333%;
    }

    .push-wide-2 {
        left: 16.66667%;
    }

    .push-wide-3 {
        left: 25%;
    }

    .push-wide-4 {
        left: 33.33333%;
    }

    .push-wide-5 {
        left: 41.66667%;
    }

    .push-wide-6 {
        left: 50%;
    }

    .push-wide-7 {
        left: 58.33333%;
    }

    .push-wide-8 {
        left: 66.66667%;
    }

    .push-wide-9 {
        left: 75%;
    }

    .push-wide-10 {
        left: 83.33333%;
    }

    .push-wide-11 {
        left: 91.66667%;
    }

    .pull-wide-0 {
        right: auto;
    }

    .pull-wide-1 {
        right: 8.33333%;
    }

    .pull-wide-2 {
        right: 16.66667%;
    }

    .pull-wide-3 {
        right: 25%;
    }

    .pull-wide-4 {
        right: 33.33333%;
    }

    .pull-wide-5 {
        right: 41.66667%;
    }

    .pull-wide-6 {
        right: 50%;
    }

    .pull-wide-7 {
        right: 58.33333%;
    }

    .pull-wide-8 {
        right: 66.66667%;
    }

    .pull-wide-9 {
        right: 75%;
    }

    .pull-wide-10 {
        right: 83.33333%;
    }

    .pull-wide-11 {
        right: 91.66667%;
    }
}

.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-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;
}

.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;
}

@media (min-width: 576px) {
    .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-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;
    }

    .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;
    }
}

@media (min-width: 768px) {
    .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-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;
    }

    .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;
    }
}

@media (min-width: 992px) {
    .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-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;
    }

    .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;
    }
}

@media (min-width: 1200px) {
    .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-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;
    }

    .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;
    }
}

@media (min-width: 1600px) {
    .flex-wide-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

html {
    font-size: 62.5%;
}

html, body {
    height: 100%;
    -webkit-overflow-scrolling: touch;
}

body {
    background: #fff;
    color: rgba(7, 8, 9, 0.5);
}

.app {
    position: relative;
    min-height: 100%;
    overflow: hidden;
    width: 100%;
    min-width: 32rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.container-fluid {
    width: 100%;
    /*max-width: 152rem;*/
    padding: 0 2rem;
}

.footer_logo {

}

@media (min-width: 1200px) {
    .container-fluid {
        padding: 0 5rem;
    }
}

.is-page-transparent:not(.is-sticky):not(.is-search-open):not(.is-nav-open) .header__panel {
    box-shadow: none;
    background: none;
}

.is-page-transparent:not(.is-sticky):not(.is-search-open):not(.is-nav-open) .header__logo-color-base,
.is-page-transparent:not(.is-sticky):not(.is-search-open):not(.is-nav-open) .header__logo-color-second,
.is-page-transparent:not(.is-sticky):not(.is-search-open):not(.is-nav-open) .header__nav-link,
.is-page-transparent:not(.is-sticky):not(.is-search-open):not(.is-nav-open) .header__call-phone a,
.is-page-transparent:not(.is-sticky):not(.is-search-open):not(.is-nav-open) .header__call-link a,
.is-page-transparent:not(.is-sticky):not(.is-search-open):not(.is-nav-open) .header__search-trigger,
.is-page-transparent:not(.is-sticky):not(.is-search-open):not(.is-nav-open) .header__cart-trigger,
.is-page-transparent:not(.is-sticky):not(.is-search-open):not(.is-nav-open) .header__acc-login,
.is-page-transparent:not(.is-sticky):not(.is-search-open):not(.is-nav-open) .header__call-trigger,
.is-page-transparent:not(.is-sticky):not(.is-search-open):not(.is-nav-open) .header__nav-trigger {
    color: #fff;
}

.is-page-transparent:not(.is-sticky):not(.is-search-open):not(.is-nav-open) .header__logo-color-base mark,
.is-page-transparent:not(.is-sticky):not(.is-search-open):not(.is-nav-open) .header__logo-color-second mark,
.is-page-transparent:not(.is-sticky):not(.is-search-open):not(.is-nav-open) .header__nav-link mark,
.is-page-transparent:not(.is-sticky):not(.is-search-open):not(.is-nav-open) .header__call-phone a mark,
.is-page-transparent:not(.is-sticky):not(.is-search-open):not(.is-nav-open) .header__call-link a mark,
.is-page-transparent:not(.is-sticky):not(.is-search-open):not(.is-nav-open) .header__search-trigger mark,
.is-page-transparent:not(.is-sticky):not(.is-search-open):not(.is-nav-open) .header__cart-trigger mark,
.is-page-transparent:not(.is-sticky):not(.is-search-open):not(.is-nav-open) .header__acc-login mark,
.is-page-transparent:not(.is-sticky):not(.is-search-open):not(.is-nav-open) .header__call-trigger mark,
.is-page-transparent:not(.is-sticky):not(.is-search-open):not(.is-nav-open) .header__nav-trigger mark {
    color: #fff;
}

.is-page-transparent:not(.is-sticky):not(.is-search-open):not(.is-nav-open) .header__nav-dropdown {
    border-radius: 6px;
}

.is-search-open .header__search-trigger .icon-search {
    opacity: 0;
    -ms-transform: scale(0);
    transform: scale(0);
}

.is-search-open .header__search-trigger .icon-close {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);
}

.is-search-open .header__search-offcanvas {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

@media (max-width: 1199px) {
    .is-nav-open .header__nav-trigger span:nth-of-type(1) {
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .is-nav-open .header__nav-trigger span:nth-of-type(2) {
        opacity: 0;
    }

    .is-nav-open .header__nav-trigger span:nth-of-type(3) {
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .is-nav-open .header__nav-offcanvas {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.is-nav-open body {
    overflow: hidden;
}

.is-acc-open .header__acc-trigger-arrow {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.is-acc-open .header__acc-offcanvas {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.header {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
}

.header .container-fluid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    max-width: 192rem;
}

.header__notice {
    background: #300068;
    color: #fff;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 400;
    padding: 10px 0;
}

.header__notice .container-fluid {
    position: relative;
}

.header__notice-text {
    margin: 0 2rem 0 0;
    -ms-flex: 1;
    flex: 1;
}

.header__notice-text a {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    text-decoration: underline;
}

.header__notice-text a:hover {
    color: #FF7100;
    text-decoration: underline;
}

.header__notice-close {
    display: block;
    border: none;
    padding: 0;
    background: none;
    color: #fff;
    transition: opacity 0.25s;
    opacity: 0.4;
    cursor: pointer;
    position: relative;
}

.header__notice-close:after {
    content: '';
    display: block;
    position: absolute;
    top: -10px;
    left: -10px;
    bottom: -10px;
    right: -10px;
    z-index: 1;
}

.header__notice-close svg {
    display: block;
}

.header__notice-close:hover {
    opacity: 1;
}

.header__panel {
    position: relative;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.25s, background 0.25s;
}

.header__panel .container-fluid {
    height: 10rem;
}

@media (max-width: 1199px) {
    .header__panel .container-fluid {
        padding-left: 60px;
        height: 8rem;
    }
}

.header__logo {
    position: relative;
    z-index: 103;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 6rem 0 0;
    padding: 10px 0;
    -ms-flex: 0 0 172px;
    flex: 0 0 17.2rem;
    color: #300068;
}

.header__logo img, .header__logo svg {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

@media (max-width: 1599px) {
    .header__logo {
        margin: 0 4rem 0 0;
    }
}

@media (max-width: 1199px) {
    .header__logo {
        margin: 0 2rem 0 0;
        -ms-flex: 1;
        flex: 1;
    }
}

@media (max-width: 575px) {
    .header__logo {
        margin: 0 1.5rem 0 0;
        max-width: 14rem;
    }
}

.header__logo-color-base {
    color: #300068;
    transition: color 0.25s;
}

.header__logo-color-second {
    color: #FF7100;
    transition: color 0.25s;
}

.header__nav {
    font-size: 1.6rem;
    line-height: 1.8rem;
    font-weight: 500;
    height: 100%;
    margin: 0 6rem 0 0;
}

@media (max-width: 1199px) {
    .header__nav {
        margin: 0;
    }
}

.header__nav-trigger {
    display: none;
}

@media (max-width: 1199px) {
    .header__nav-trigger {
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: none;
        color: #300068;
        border: none;
        padding: 0;
        width: 6rem;
        cursor: pointer;
        z-index: 1002;
    }

    .header__nav-trigger span {
        display: block;
        border-radius: 2px;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 2.4rem;
        height: 2px;
        border-radius: 4px;
        background: currentColor;
        margin: -1px 0 0 -1.2rem;
        transition: 0.25s;
    }

    .header__nav-trigger span:nth-of-type(1) {
        -ms-transform: translate(0, -7px);
        transform: translate(0, -7px);
    }

    .header__nav-trigger span:nth-of-type(3) {
        -ms-transform: translate(0, 7px);
        transform: translate(0, 7px);
    }
}

.header__nav-offcanvas {
    height: 100%;
}

@media (max-width: 1199px) {
    .header__nav-offcanvas {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        height: auto;
        width: 28rem;
        background: #300068;
        box-shadow: 0px 45px 45px rgba(0, 0, 0, 0.1);
        transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
        opacity: 0;
        visibility: hidden;
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        z-index: 1001;
    }
}

.header__nav-scrollbar {
    height: 100%;
}

@media (max-width: 1199px) {
    .header__nav-scrollbar {
        overflow-x: hidden;
        overflow-y: auto;
        padding: 4rem 2rem 8rem;
    }
}

@media (max-width: 1199px) {
    .header__nav-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(48, 0, 104, 0.75);
        transition: 0.25s;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        z-index: 1000;
    }
}

.header__nav-menu {
    margin: 0 -2rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    height: 100%;
}

.header__nav-menu > li {
    position: relative;
    padding: 0 2rem;
    height: 100%;
    min-height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.header__nav-menu .is-open > .header__nav-link .header__nav-arrow {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.header__nav-menu .is-open > .header__nav-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

@media (max-width: 1599px) {
    .header__nav-menu {
        margin: 0 -1.5rem;
    }

    .header__nav-menu > li {
        padding: 0 1.5rem;
    }
}

@media (max-width: 1199px) {
    .header__nav-menu {
        display: block;
        height: auto;
        margin: 0;
    }

    .header__nav-menu > li {
        margin: 0;
        padding: 0;
        display: block;
        height: auto;
        min-height: auto;
    }

    .header__nav-menu .is-open > .header__nav-sublink .header__nav-arrow {
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

.header__nav-link {
    position: relative;
    display: block;
    text-decoration: none;
    color: #0D0F19;
}

.header__nav-link:hover {
    text-decoration: none;
    color: #FF7100;
}

@media (max-width: 1199px) {
    .header__nav-link {
        padding: 10px 0;
        color: #fff;
    }

    .header__nav-link:hover {
        color: #fff;
    }
}

.header__nav-arrow {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 1.2rem;
    opacity: 0.2;
    transition: transform 0.25s;
}

.header__nav-arrow svg {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 8px;
    height: 8px;
}

@media (max-width: 1199px) {
    .header__nav-arrow {
        opacity: 1;
        position: absolute;
        top: 10px;
        right: 0;
    }
}

.header__nav-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 400;
    text-transform: none;
    padding: 2rem 2rem 2.5rem;
    background: #fff;
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 6px 6px;
    min-width: 24rem;
    transition: 0.25s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -ms-transform: translate(0, 10px);
    transform: translate(0, 10px);
}

.header__nav-dropdown:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 2rem;
}

.header__nav-dropdown .header__nav-dropdown {
    margin: 0 0 0 2rem;
    top: 0;
    left: 100%;
    border-radius: 0px 6px 6px 0px;
    -ms-transform: translate(20px, 0);
    transform: translate(20px, 0);
}

.header__nav-dropdown .header__nav-dropdown:after {
    top: 0;
    bottom: 0;
    left: -2rem;
    width: 2rem;
    height: 100%;
}

@media (max-width: 1199px) {
    .header__nav-dropdown {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        position: relative;
        top: 0;
        left: 0;
        width: auto;
        min-width: auto;
        margin: 0 0 2rem;
        padding: 2rem;
        display: none;
        transition: none;
        -ms-transform: none;
        transform: none;
        border-radius: 6px;
    }

    .header__nav-dropdown:after {
        display: none;
    }

    .header__nav-dropdown .header__nav-dropdown {
        left: 0;
        border-radius: 6px;
        -ms-transform: none;
        transform: none;
        margin: 0 0 10px;
        padding: 10px 2rem;
    }

    .header__nav-dropdown .header__nav-dropdown:after {
        display: none;
    }
}

.header__nav-submenu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header__nav-submenu > li {
    position: relative;
    margin: 0 0 10px;
}

.header__nav-submenu > li:last-child {
    margin: 0;
}

.header__nav-submenu .header__nav-arrow svg {
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

@media (max-width: 1199px) {
    .header__nav-submenu > li {
        margin: 0;
    }

    .header__nav-submenu .header__nav-arrow svg {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.header__nav-sublink {
    display: block;
    position: relative;
    text-decoration: none;
    color: #0D0F19;
}

.header__nav-sublink:hover {
    text-decoration: none;
    color: #FF7100;
}

.header__nav-sublink .header__nav-arrow {
    position: absolute;
    top: 0;
    right: 0;
}

@media (max-width: 1199px) {
    .header__nav-sublink {
        padding: 5px 0;
    }

    .header__nav-sublink .header__nav-arrow {
        top: 5px;
    }

    .header__nav-sublink:hover {
        color: #0D0F19;
    }
}

.header__group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    margin: 0 0 0 auto;
    white-space: nowrap;
}

.header__call {
    position: relative;
    text-align: right;
    margin: 0 4rem 0 0;
}

.header__call a {
    transition: color 0.25s;
}

@media (max-width: 1599px) {
    .header__call {
        margin: 0 2rem 0 0;
    }
}

@media (max-width: 575px) {
    .header__call {
        margin: 0 1.5rem 0 0;
    }
}

.header__call-trigger {
    color: #010203;
    display: block;
}

.header__call-trigger svg {
    display: block;
}

.header__call-trigger:hover {
    color: #010203;
}

@media (max-width: 575px) {
    .header__call-trigger svg {
        width: 2.3rem;
    }
}

.header__call-phone {
    display: block;
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 700;
}

.header__call-phone a {
    text-decoration: none;
    color: #300068;
}

.header__call-phone a:hover {
    text-decoration: none;
}

.header__call-phone mark {
    font-weight: 400;
    color: #0D0F19;
}

.header__call-link {
    display: block;
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: 400;
}

.header__call-link a {
    text-decoration: none;
    color: #0D0F19;
    border-bottom: 1px dashed currentColor;
}

.header__call-link a:hover {
    text-decoration: none;
}

.header__search {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 4rem 0 0;
}

@media (max-width: 1599px) {
    .header__search {
        margin: 0 2rem 0 0;
    }
}

@media (max-width: 575px) {
    .header__search {
        margin: 0 1.5rem 0 0;
    }
}

.header__search-trigger {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border: none;
    background: none;
    padding: 0;
    position: relative;
    cursor: pointer;
    color: #010203;
    transition: 0.25s;
}

.header__search-trigger svg {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: transform 0.25s, opacity 0.25s;
    width: 2.4rem;
    height: 2.4rem;
    margin: -1.2rem 0 0 -1.2rem;
}

.header__search-trigger .icon-close {
    opacity: 0;
    -ms-transform: scale(0);
    transform: scale(0);
    width: 2rem;
    height: 2rem;
    margin: -10px 0 0 -10px;
}

.header__search-trigger:hover {
    color: #010203;
}

@media (max-width: 575px) {
    .header__search-trigger {
        width: 2rem;
    }

    .header__search-trigger svg.icon-search {
        width: 2rem;
        height: 2rem;
        margin: -10px 0 0 -10px;
    }

    .header__search-trigger svg.icon-close {
        width: 1.6rem;
        height: 1.6rem;
        margin: -8px 0 0 -8px;
    }
}

.header__search-offcanvas {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #300068;
    transition: 0.25s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -ms-transform: translate(0, 10px);
    transform: translate(0, 10px);
}

.header__search-offcanvas .container-fluid {
    height: auto;
}

.header__search-group {
    position: relative;
    width: 100%;
}

.header__search-input {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    font: 400 1.6rem/3.5rem "Gilroy", Helvetica, Arial, sans-serif;
    padding: 2rem 0;
    border: none;
    background: none;
    transition: 0.25s;
    color: #fff;
}

.header__search-input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.35);
}

.header__search-input::placeholder {
    color: rgba(255, 255, 255, 0.35);
}

@media (max-width: 1199px) {
    .header__search-input {
        padding: 1.5rem 0;
        line-height: 3rem;
    }
}

.header__search-btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5rem;
    border: none;
    padding: 0;
    background: none;
    color: #fff;
    z-index: 2;
    cursor: pointer;
    transition: 0.25s;
}

.header__cart {
    position: relative;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 4rem 0 0;
}

@media (max-width: 1599px) {
    .header__cart {
        margin: 0 2rem 0 0;
    }
}

@media (max-width: 575px) {
    .header__cart {
        margin: 0 1.5rem 0 0;
    }
}

.header__cart-trigger {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    background: none;
    padding: 0;
    position: relative;
    color: #010203;
    cursor: pointer;
    text-decoration: none;
}

.header__cart-trigger:hover {
    color: #010203;
    text-decoration: none;
}

.header__cart-trigger-icon {
    display: block;
    position: relative;
    top: -2px;
}

@media (max-width: 575px) {
    .header__cart-trigger-icon svg {
        width: 2rem;
    }
}

.header__cart-trigger-counter {
    position: absolute;
    top: -2px;
    right: -5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    background: #FF7100;
    color: #fff;
    font-size: 9px;
    line-height: 1.4rem;
    font-weight: 700;
    text-align: center;
}

.header__acc {
    position: relative;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
}

@media (max-width: 575px) {
    .header__acc {
        margin: 0 -10px 0 0;
    }
}

.header__acc-login {
    display: inline-block;
    vertical-align: top;
    position: relative;
    font: 700 1.3rem/3.4rem "Gilroy", Helvetica, Arial, sans-serif;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-align: center;
    padding: 10px;
    border-radius: 4px;
    min-width: 12rem;
    background: #FF7100;
    color: #fff;
    text-decoration: none;
    transition: 0.25s;
}

.header__acc-login svg {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin: 0 8px 0 0;
}

.header__acc-login:hover {
    background: #EA6800;
    color: #fff;
    text-decoration: none;
}

.header__acc-login:active {
    -ms-transform: translate(0, 1px);
    transform: translate(0, 1px);
    transition: none;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

@media (max-width: 1199px) {
    .header__acc-login {
        line-height: 3rem;
    }
}

@media (max-width: 767px) {
    .header__acc-login {
        background: none;
        min-width: auto;
        padding: 0;
        color: #010203;
    }

    .header__acc-login svg {
        margin: 0;
    }

    .header__acc-login:hover {
        background: none;
        color: #010203;
    }

    .header__acc-login:active {
        box-shadow: none;
    }
}

@media (max-width: 767px) {
    .header__acc-login-text {
        display: none;
    }
}

.header__acc-trigger {
    border: none;
    background: none;
    padding: 0;
    font: 500 1.6rem/2rem "Gilroy", Helvetica, Arial, sans-serif;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    cursor: pointer;
    color: #0D0F19;
}

.header__acc-trigger-image {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: #E1E6EC url(../images/icons/icon-user.svg) center center no-repeat;
    background-size: cover;
    margin: 0 1.2rem 0 0;
    border-radius: 50%;
    overflow: hidden;
}

.header__acc-trigger-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 575px) {
    .header__acc-trigger-image {
        width: 3rem;
        height: 3rem;
        margin: 0 6px 0 0;
    }
}

.header__acc-trigger-name {
    display: block;
    margin: 0 1.2rem 0 0;
}

@media (max-width: 1599px) {
    .header__acc-trigger-name {
        display: none;
    }
}

.header__acc-trigger-arrow {
    opacity: 0.2;
    transition: transform 0.25s;
}

.header__acc-offcanvas {
    position: absolute;
    top: 100%;
    right: 0;
    background: #FFFFFF;
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.1);
    border-radius: 0px 0px 6px 6px;
    padding: 2rem;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500;
    min-width: 27.4rem;
    transition: 0.25s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -ms-transform: translate(0, 10px);
    transform: translate(0, 10px);
}

.header__acc-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header__acc-menu > li {
    margin: 0 0 2rem;
}

.header__acc-menu > li:last-child {
    margin: 0;
}

.header__acc-link {
    position: relative;
    display: block;
    text-decoration: none;
    color: #0D0F19;
    padding: 0 0 0 4.4rem;
    transition: 0.25s;
}

.header__acc-link mark {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    margin: 0 0 0 10px;
    text-align: center;
    font-size: 9px;
    line-height: 1.6rem;
    font-weight: 700;
    background: #FF7100;
    color: #fff;
}

.header__acc-link svg {
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: -2px;
    left: 0;
}

.header__acc-link:hover {
    color: #0D0F19;
    text-decoration: none;
    opacity: 0.5;
}

.main {
    position: relative;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.footer {
    background: #171A1D;
    color: #7E838E;
    padding: 7rem 0;
    font-size: 1.6rem;
    line-height: 1.6;
    font-weight: 400;
}

.footer .row {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -10px -6rem;
}

.footer .row > [class^="col-"] {
    padding: 0 15px 15px;
}
.footer_agreement {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    flex-direction: column;
}
.footer_agreement a {
    color: #7E838E;
    border-bottom: 1px solid rgba(126, 131, 142, 0.5);
    text-decoration: none;
    margin: 0 5px 5px 0;
}
.footer_agreement a:hover,
.footer_agreement a:focus,
.footer_agreement a:active {
  color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.footer__call {
    display: block;
    position: relative;
    padding: 0 0 0 4.8rem;
    margin: 0 0 3.5rem;
}

.footer__call svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.footer__call-phone {
    display: block;
    font-size: 2.2rem;
    line-height: 2.6rem;
    font-weight: 400;
}

.footer__call-phone a {
    color: #fff;
    text-decoration: none;
}

.footer__call-phone a:hover {
    color: #fff;
    text-decoration: none;
}

.footer__call-phone mark {
    color: inherit;
}

.footer__call-link {
    display: block;
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 400;
}

.footer__call-link a {
    color: #7E838E;
    border-bottom: 1px dashed rgba(126, 131, 142, 0.5);
    text-decoration: none;
}

.footer__call-link a:hover {
    color: #fff;
    text-decoration: none;
    border-color: rgba(255, 255, 255, 0.5);
}

.footer__location {
    display: block;
    position: relative;
    padding: 0 0 0 4.8rem;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 400;
    font-style: normal;
    color: #7E838E;
}

.footer__location svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.footer__location p {
    margin: 0 0 5px;
}

.footer__location p:last-child {
    margin: 0;
}

@media (min-width: 768px) {
    .footer__location {
        max-width: 34rem;
    }
}

.footer__social {
    margin: 0 0 2rem;
}

.footer__social-menu {
    margin: 0 -4px -8px;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
}

.footer__social-menu > li {
    padding: 0 4px 8px;
}

.footer__social-link {
    display: -ms-flexbox;
    display: flex;
    width: 4rem;
    height: 4rem;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    color: #7E838E;
}

.footer__social-link:hover {
    text-decoration: none;
    color: #fff;
}

.footer__copyright {
    display: flex;
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 400;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.footer__copyright a {
    color: #7E838E;
    border-bottom: 1px solid rgba(126, 131, 142, 0.5);
    text-decoration: none;
    margin: 0 5px;
}

.footer__copyright a:hover {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.footer__dev {
    display: block;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 400;
    text-align: center;
}

.footer__dev a {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -4px;
    color: #fff;
    text-decoration: none;
}
.footer_schedule {
  display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}
.footer__dev svg {
    display: block;
}
.footer_main-info {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  justify-content: center;
  align-items: flex-start;
}

@media (min-width: 768px) {
    .footer__subsc {
        max-width: 34rem;
    }
}

.footer__subsc-text {
    display: block;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 400;
    color: #7E838E;
    margin: 0 0 2rem;
}

@media (min-width: 768px) {
    .footer__subsc-text {
        margin: 0 0 3.5rem;
    }
}

.footer__subsc-group {
    display: -ms-flexbox;
    display: flex;
}

.footer__subsc-input {
    width: 100%;
    padding: 1.5rem 2rem;
    font: 400 1.6rem/2.2rem "Gilroy", Helvetica, Arial, sans-serif;
    display: block;
    -ms-flex: 1;
    flex: 1;
    background: none;
    border: 1px solid #D6D6D6;
    border-right: none;
    border-radius: 6px 0 0 6px;
    color: #fff;
}

.footer__subsc-input:-ms-input-placeholder {
    color: rgba(126, 131, 142, 0.7);
}

.footer__subsc-input::placeholder {
    color: rgba(126, 131, 142, 0.7);
}

.footer__subsc-btn {
    display: block;
    font: 400 1.5rem/2.2rem "Gilroy", Helvetica, Arial, sans-serif;
    padding: 1.5rem 2rem;
    border: 1px solid #fff;
    background: #fff;
    color: #0D0F19;
    border-radius: 0px 6px 6px 0px;
    cursor: pointer;
    -ms-flex: 0 0 62px;
    flex: 0 0 6.2rem;
    transition: 0.25s;
}

.footer__subsc-btn:hover {
    color: #fff;
    background: none;
}

.is-ios .ui-badge {
    padding: 6px 10px 4px;
}

.is-ios .ui-badge--24 {
    padding: 4px 10px 2px;
}

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

.row-gutter-10 {
    margin: 0 -5px;
}

.row-gutter-10 > [class^="col-"] {
    padding: 0 5px;
}

.is-hidden {
    display: none;
}

@media (max-width: 575px) {
    .is-sm-visible {
        display: none;
    }
}

@media (max-width: 767px) {
    .is-md-visible {
        display: none;
    }
}

@media (max-width: 991px) {
    .is-lg-visible {
        display: none;
    }
}

@media (max-width: 1199px) {
    .is-xl-visible {
        display: none;
    }
}

@media (min-width: 768px) {
    .is-sm-hidden {
        display: none;
    }
}

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

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

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

#grid {
    position: absolute;
    top: 0;
    left: 50%;
    background: url(../images/grid.png) 0 0 no-repeat;
    width: 192rem;
    height: 513.6rem;
    pointer-events: none;
    transition: 0.25s;
    opacity: 0.5;
    margin: 0 0 0 -96rem;
    z-index: 9999;
    display: none;
}

body:hover #grid {
    opacity: 0;
}

.mt-3 {
  margin-top: 30px;
}

.js-swiper-products-landing .swiper-prev--circle,
.js-swiper-products-landing .swiper-next--circle {
    position: absolute !important;
    top: 50% !important;
    margin: -3.6rem 0 0 !important;
    z-index: 100 !important;
    width: 3.6rem !important;
    height: 3.6rem !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 4px #fff !important;
}
.js-swiper-products-landing .swiper-prev--circle{
    left: -1.2rem;
}
.js-swiper-products-landing .swiper-next--circle{
    right: -1.2rem;
}
.swiper-prev--circle svg.icon-next-circle, .swiper-next--circle svg.icon-next-circle {
    position: relative;!important;
    left: 1px;!important;
}
.swiper-prev--circle,
.swiper-next--circle {
    width: 3.6rem;
    height: 3.6rem;
    background: #D6CCE1;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 4px #fff;
}
.swiper-prev--circle:hover, .swiper-next--circle:hover {
    background: #300068;
    color: #fff;
}
.icon-next-circle,
.icon-prev-circle{
    display: inline-block;
    vertical-align: middle;
    width: 9px;
    height: 1.6rem;
}
.swiper-pagination {
    padding: 4rem 0 4rem!important;
}