/* Start:/local/templates/free-eyes/css/styles.css?1710767197141319*/
/*! Spectre.css v0.5.9 | MIT License | github.com/picturepan2/spectre */
/* Manually forked from Normalize.css */
/* normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/** 1. Change the default font family in all browsers (opinionated). 2. Correct the line height in all browsers. 3. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */
/** Montserrat Regular **/
@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("/local/templates/free-eyes/css/fonts/Montserrat-Regular.woff2") format("woff2"),
    url("/local/templates/free-eyes/css/fonts/Montserrat-Regular.woff") format("woff");
}

/** Montserrat Medium **/
@font-face {
    font-family: "Montserrat";
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url("/local/templates/free-eyes/css/fonts/Montserrat-Medium.woff2") format("woff2"),
    url("/local/templates/free-eyes/css/fonts/Montserrat-Medium.woff") format("woff");
}

/** Montserrat SemiBold **/
@font-face {
    font-family: "Montserrat";
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url("/local/templates/free-eyes/css/fonts/Montserrat-SemiBold.woff2") format("woff2"),
    url("/local/templates/free-eyes/css/fonts/Montserrat-SemiBold.woff") format("woff");
}

/** Montserrat Bold **/
@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("/local/templates/free-eyes/css/fonts/Montserrat-Bold.woff2") format("woff2"),
    url("/local/templates/free-eyes/css/fonts/Montserrat-Bold.woff") format("woff");
}

@font-face {
    font-family: 'pt_sans_rub';
    src: url('/local/templates/free-eyes/css/fonts/ptsansrub-bold-webfont.eot');
    src: url('/local/templates/free-eyes/css/fonts/ptsansrub-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/free-eyes/css/fonts/ptsansrub-bold-webfont.woff2') format('woff2'),
    url('/local/templates/free-eyes/css/fonts/ptsansrub-bold-webfont.woff') format('woff'),
    url('/local/templates/free-eyes/css/fonts/ptsansrub-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'pt_sans_rub';
    src: url('/local/templates/free-eyes/css/fonts/ptsansrub-regular-webfont.eot');
    src: url('/local/templates/free-eyes/css/fonts/ptsansrub-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/free-eyes/css/fonts/ptsansrub-regular-webfont.woff2') format('woff2'),
    url('/local/templates/free-eyes/css/fonts/ptsansrub-regular-webfont.woff') format('woff'),
    url('/local/templates/free-eyes/css/fonts/ptsansrub-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Document ========================================================================== */
html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 3 */
    -ms-text-size-adjust: 100%; /* 3 */
}

/* 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: 2.1em;
    margin: .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 (removed). */
/** 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. (removed) 2. Correct the odd `em` font sizing in all browsers. */
/* 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 */
}

/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
a:active,
a:hover {
    outline-width: 0;
}

/** Modify default styling of address. */
address {
    font-style: normal;
}

/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. (removed) */
/** 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,
pre,
samp {
    font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace; /* 1 (changed) */
    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-. (Removed) */
/** Add the correct font size in all browsers. */
small {
    font-size: 80%;
    font-weight: 400; /* (added) */
}

/** 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: -.25em;
}

sup {
    top: -.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: inherit; /* 1 (changed) */
    font-size: inherit; /* 1 (changed) */
    line-height: inherit; /* 1 (changed) */
    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 (removed). */
/** Change the border, margin, and padding in all browsers (opinionated) (changed). */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

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

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

*,
*::before,
*::after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
    font-size: 20px;
    line-height: 1.5;
    -webkit-tap-highlight-color: transparent;
}

body {
    background: #fff;
    color: #3b4351;
    font-family: 'Montserrat', sans-serif;
    font-size: .8rem;
    font-weight: 400;
    overflow-x: hidden;
    text-rendering: optimizeLegibility;
}

a {
    color: #2b478b;
    outline: none;
    text-decoration: none;
    transition: background .3s, border .3s, box-shadow .3s, color .3s, opacity .3s;
}

a:focus,
a:hover,
a:active,
a.active {
    color: #3a5cb1;
    text-decoration: none;
}

a:visited {
    color: #2b478b;
}

a.link span {
    border-bottom: 1px solid rgba(101, 146, 195, 0.2);
}

a.link__border span {
    border-bottom: 1px dashed rgba(101, 146, 195, 0.2);
}

a.link:hover span,
a.link__border:hover span {
    border-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: .5em;
    margin-top: 0;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 700;
}

h1,
.h1 {
    font-size: 2.1rem;
}

h2,
.h2 {
    font-size: 1.6rem;
}

h3,
.h3 {
    font-size: 1.3rem;
}

h4,
.h4 {
    font-size: 1.05rem;
}

h5,
.h5 {
    font-size: .9rem;
}

h6,
.h6 {
    font-size: .8rem;
}

h1.hero-title,
.h1.hero-title {
    font-size: 2.9rem;
    font-weight: 500;
}

@media (max-width: 768px) {
    h1,
    .h1 {
        font-size: 1.6rem;
    }

    h2,
    .h2 {
        font-size: 1.2rem;
    }

    h3,
    .h3 {
        font-size: 1.05rem;
    }

    h4,
    .h4 {
        font-size: .9rem;
    }

    h5,
    .h5 {
        font-size: .8rem;
    }

    h6,
    .h6 {
        font-size: .7rem;
    }

    h1.hero-title,
    .h1.hero-title {
        font-size: 2rem;
    }
}

p {
    margin: 0 0 1.2rem;
}

.text-small p {
    margin: 0 0 .5rem;
}

p:last-child {
    margin: 0;
}

a,
ins,
u {
    -webkit-text-decoration-skip: ink edges;
    text-decoration-skip: ink edges;
}

abbr[title] {
    border-bottom: .05rem dotted;
    cursor: help;
    text-decoration: none;
}

kbd {
    background: #303742;
    border-radius: .1rem;
    color: #fff;
    font-size: .7rem;
    line-height: 1.25;
    padding: .1rem .2rem;
}

mark {
    background: #ffe9b3;
    border-bottom: .05rem solid #ffd367;
    border-radius: .1rem;
    color: #3b4351;
    padding: .05rem .1rem 0;
}

blockquote {
    border-left: .1rem solid #dadee4;
    margin-left: 0;
    padding: .4rem .8rem;
}

blockquote p:last-child {
    margin-bottom: 0;
}

ul,
ol {
    margin: .8rem 0 .8rem .8rem;
    padding: 0;
}

ul ul,
ul ol,
ol ul,
ol ol {
    margin: .8rem 0 .8rem .8rem;
}

ul li,
ol li {
    margin-top: .4rem;
}

ul {
    list-style: disc inside;
}

ul ul {
    list-style-type: circle;
}

ol {
    list-style: decimal inside;
}

ol ol {
    list-style-type: lower-alpha;
}

dl dt {
    font-weight: bold;
}

dl dd {
    margin: .4rem 0 .8rem 0;
}

span.rub {
    font-family: pt_sans_rub;
    font-weight: bold;
}

span.rub_small {
    font-family: pt_sans_rub;
    font-weight: normal;
}

html:lang(zh),
html:lang(zh-Hans),
.lang-zh,
.lang-zh-hans {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif;
}

html:lang(zh-Hant),
.lang-zh-hant {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang TC", "Hiragino Sans CNS", "Microsoft JhengHei", "Helvetica Neue", sans-serif;
}

html:lang(ja),
.lang-ja {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Yu Gothic", YuGothic, Meiryo, "Helvetica Neue", sans-serif;
}

html:lang(ko),
.lang-ko {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Malgun Gothic", "Helvetica Neue", sans-serif;
}

:lang(zh) ins,
:lang(zh) u,
:lang(ja) ins,
:lang(ja) u,
.lang-cjk ins,
.lang-cjk u {
    border-bottom: .05rem solid;
    text-decoration: none;
}

:lang(zh) del + del,
:lang(zh) del + s,
:lang(zh) ins + ins,
:lang(zh) ins + u,
:lang(zh) s + del,
:lang(zh) s + s,
:lang(zh) u + ins,
:lang(zh) u + u,
:lang(ja) del + del,
:lang(ja) del + s,
:lang(ja) ins + ins,
:lang(ja) ins + u,
:lang(ja) s + del,
:lang(ja) s + s,
:lang(ja) u + ins,
:lang(ja) u + u,
.lang-cjk del + del,
.lang-cjk del + s,
.lang-cjk ins + ins,
.lang-cjk ins + u,
.lang-cjk s + del,
.lang-cjk s + s,
.lang-cjk u + ins,
.lang-cjk u + u {
    margin-left: .125em;
}

.table {
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    width: 100%;
}

.table.table-striped tbody tr:nth-of-type(odd) {
    background: #edf1ff;
}

.table tbody tr.active,
.table.table-striped tbody tr.active {
    background: #edf1ff;
}

.table.table-hover tbody tr:hover {
    background: #edf1ff;
}

.table.table-scroll {
    min-width: 100%;
    display: inline-block;
    overflow-x: auto;
    padding-bottom: .75rem;
    white-space: nowrap;
}

.table td,
.table th {
    border-bottom: .05rem solid #dddfe5;
    padding: .6rem .5rem;
    font-size: .7rem;
}

.table th {
    border-bottom-width: .05rem;
}

.table.table-striped td,
.table.table-striped th {
    border-bottom: 0 !important;
}

.btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: .05rem solid #dddfe5;
    border-radius: .5rem;
    color: #2b478b;
    cursor: pointer;
    display: inline-block;
    font-size: .7rem;
    font-weight: 600;
    height: 2rem;
    line-height: 1.4rem;
    outline: none;
    padding: .25rem 1rem;
    text-align: center;
    text-decoration: none;
    transition: background .2s, border .2s, box-shadow .2s, color .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}

.btn:focus,
.btn:hover,
.btn:active {
    background: #edf1ff;
    border-color: #edf1ff;
    text-decoration: none;
}

.btn.active {
    background: #edf1ff;
    border-color: #edf1ff;
    color: #2b478b;
    text-decoration: none;
}

.btn:active.loading::after,
.btn.active.loading::after {
    border-bottom-color: #fff;
    border-left-color: #fff;
}

.btn.icons.animation.icons__right:hover svg.icon {
    transform: translate(5px, 0);
    -webkit-transform: translate(5px, 0);
    -o-transform: translate(5px, 0);
    -moz-transform: translate(5px, 0);
}

.btn.icons.animation.icons__left:hover svg.icon {
    transform: translate(-5px, 0);
    -webkit-transform: translate(-5px, 0);
    -o-transform: translate(-5px, 0);
    -moz-transform: translate(-5px, 0);
}

.btn.icons svg.icon {
    fill: #3b4351; /* цвет заливки иконки при наведении */
}

.btn.icons:hover svg.icon {
    fill: #3b4351; /* цвет заливки иконки при наведении */
}

.loading.icons svg.icon {
    fill: transparent !important; /* цвет заливки иконки при наведении */
}

.btn[disabled],
.btn:disabled,
.btn.disabled {
    cursor: default;
    opacity: .5;
    pointer-events: none;
}

.btn:first-child:not(:last-child) {
    margin-right: .4rem;
}

.btn:not(:first-child):not(:last-child) {
    margin-right: .4rem;
}

.btn:last-child:not(:first-child) {
    margin-right: 0;
}

.btn.btn-primary {
    background: #2b478b;
    border-color: #2b478b;
    color: #fff;
}

.btn.btn-primary:focus,
.btn.btn-primary:hover,
.btn.btn-primary:active {
    background: #3a5cb1;
    border-color: #3a5cb1;
    color: #fff;
}

.btn.btn-primary.active {
    background: #3a5cb1;
    border-color: #3a5cb1;
    color: #fff;
}

.btn.btn-primary.loading::after {
    border-bottom-color: #fff;
    border-left-color: #fff;
}

.btn.btn-primary.icons svg.icon {
    fill: #fff; /* цвет заливки иконки при наведении */
}

.btn.btn-primary.icons:hover svg.icon {
    fill: #fff; /* цвет заливки иконки при наведении */
}

.btn.btn-success {
    background: #ebfcf0;
    border-color: #ebfcf0;
    color: #2fb457;
}

.btn.btn-success:focus,
.btn.btn-success:hover,
.btn.btn-success:active {
    background: #2fb457;
    border-color: #2fb457;
    color: #fff;
}

.btn.btn-success.active {
    background: #2fb457;
    border-color: #2fb457;
    color: #fff;
}

.btn.btn-success.loading::after {
    border-bottom-color: #2fb457;
    border-left-color: #2fb457;
}

.btn.btn-success.icons svg.icon {
    fill: #2fb457; /* цвет заливки иконки при наведении */
}

.btn.btn-success.icons:hover svg.icon {
    fill: #fff; /* цвет заливки иконки при наведении */
}

.btn.btn-error {
    background: #c75466;
    border-color: #c75466;
    color: #fff;
}

.btn.btn-error:focus,
.btn.btn-error:hover,
.btn.btn-error:active {
    background: #d96376;
    border-color: #d96376;
    color: #fff;
}

.btn.btn-error.active {
    background: #c75466;
    border-color: #c75466;
    color: #fff;
}

.btn.btn-error.loading::after {
    border-bottom-color: #fff;
    border-left-color: #fff;
}

.btn.btn-error.icons svg.icon {
    fill: #fff; /* цвет заливки иконки при наведении */
}

.btn.btn-error.icons:hover svg.icon {
    fill: #fff; /* цвет заливки иконки при наведении */
}

.btn.btn-warning {
    background: #fdefe8;
    border-color: #fdefe8;
    color: #c75466;
}

.btn.btn-warning:focus,
.btn.btn-warning:hover,
.btn.btn-warning:active {
    background: #c75466;
    border-color: #c75466;
    color: #fff;
}

.btn.btn-warning.active {
    background: #c75466;
    border-color: #c75466;
    color: #fff;
}

.btn.btn-warning.loading::after {
    border-bottom-color: #c75466;
    border-left-color: #c75466;
}

.btn.btn-warning.icons svg.icon {
    fill: #c75466; /* цвет заливки иконки при наведении */
}

.btn.btn-warning.icons:hover svg.icon {
    fill: #fff; /* цвет заливки иконки при наведении */
}

.btn.btn-light {
    background: #edf1ff;
    border-color: #edf1ff;
    color: #3b4351;
}

.btn.btn-light:focus,
.btn.btn-light:hover,
.btn.btn-light:active {
    background: #dde3f7;
    border-color: #dde3f7;
    color: #2b478b;
}

.btn.btn-light.active {
    background: #2b478b;
    border-color: #2b478b;
    color: #fff;
}

.btn.btn-light:active .text-gray,
.btn.btn-light.active .text-gray {
    color: #dde3f7 !important;
}

.btn.btn-light.loading::after {
    border-bottom-color: #2b478b;
    border-left-color: #2b478b;
}

.btn.btn-light.icons svg.icon {
    fill: #2b478b; /* цвет заливки иконки при наведении */
}

.btn.btn-light.icons:hover svg.icon {
    fill: #3b4351; /* цвет заливки иконки при наведении */
}

.btn.btn-medium {
    background: #6592c3;
    border-color: #6592c3;
    color: #fff;
}

.btn.btn-medium:focus,
.btn.btn-medium:hover,
.btn.btn-medium:active {
    background: #5b86b5;
    border-color: #5b86b5;
    color: #fff;
}

.btn.btn-medium.active {
    background: #5b86b5;
    border-color: #5b86b5;
    color: #fff;
}

.btn.btn-medium.loading::after {
    border-bottom-color: #fff;
    border-left-color: #fff;
}

.btn.btn-medium.icons svg.icon {
    fill: #fff; /* цвет заливки иконки при наведении */
}

.btn.btn-medium.icons:hover svg.icon {
    fill: #fff; /* цвет заливки иконки при наведении */
}

.btn.btn-white {
    background: #fff;
    border-color: #fff;
    color: #3b4351;
}

.btn.btn-white:focus,
.btn.btn-white:hover,
.btn.btn-white:active {
    background: #fff;
    border-color: #fff;
    color: #2b478b;
}

.btn.btn-white.active {
    background: #edf1ff;
    border-color: #edf1ff;
    color: #2b478b;
}

.btn.btn-white.loading::after {
    border-bottom-color: #2b478b;
    border-left-color: #2b478b;
}

.btn.btn-link {
    background: transparent;
    border-color: transparent;
    color: #2b478b;
}

.btn.btn-link:focus,
.btn.btn-link:hover,
.btn.btn-link:active,
.btn.btn-link.active {
    color: #3a5cb1;
}

.btn.btn-sm {
    font-size: .6rem;
    font-weight: 500;
    height: 1.6rem;
    padding: .05rem .6rem;
}

.btn.btn-lg {
    font-size: .75rem;
    height: 2.5rem;
    padding: .5rem 1.5rem;
}

.btn.btn-block {
    display: block;
    width: 100%;
}

.btn.btn-block:not(:last-child) {
    margin-right: 0;
}

.btn.btn-action {
    padding-left: 0;
    padding-right: 0;
    width: 2rem;
}

.btn.btn-action.btn-sm {
    width: 1.6rem;
}

.btn.btn-action.btn-lg {
    width: 2.5rem;
}


.btn.btn-clear {
    background: transparent;
    border: 0;
    color: currentColor;
    height: 1rem;
    line-height: .8rem;
    margin-left: .2rem;
    margin-right: -2px;
    opacity: 1;
    padding: .1rem;
    text-decoration: none;
    width: 1rem;
}

.btn.btn-clear:focus,
.btn.btn-clear:hover {
    opacity: .75;
}

.btn.btn-clear::before {
    content: "\2715";
}

.btn-group {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.btn-group .btn:not(:last-child) + .btn {
    margin-top: 0;
}

.btn-group .btn {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.btn-group .btn:first-child:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-right: 0;
}

.btn-group .btn:not(:first-child):not(:last-child) {
    border-radius: 0;
    margin-left: -.05rem;
    margin-right: 0;
}

.btn-group .btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -.05rem;
}

.btn-group .btn:focus,
.btn-group .btn:hover,
.btn-group .btn:active,
.btn-group .btn.active {
    z-index: 1;
}

.btn-group.btn-group-block {
    display: -ms-flexbox;
    display: flex;
}

.btn-group.btn-group-block .btn {
    -ms-flex: 1 0 0;
    flex: 1 0 0;
}

.form-group:not(:last-child) {
    margin-bottom: 1rem;
}

fieldset {
    margin-bottom: .8rem;
}

legend {
    font-size: .9rem;
    font-weight: 500;
    margin-bottom: .8rem;
}

.form-label {
    display: block;
    line-height: 1.2rem;
    padding: .3rem 0;
    font-weight: 500;
}

.form-label.label-tiny {
    font-size: .6rem;
    padding: .1rem 0;
}

.form-label.label-sm {
    font-size: .7rem;
    padding: .1rem 0;
}

.form-label.label-lg {
    font-size: .9rem;
    padding: .4rem 0;
}

.form-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    background-image: none;
    border: .05rem solid #dddfe5;
    border-radius: .5rem;
    color: #3b4351;
    display: block;
    font-size: .75rem;
    height: 2rem;
    line-height: 1.6rem;
    max-width: 100%;
    outline: none;
    padding: .25rem .75rem;
    position: relative;
    transition: background .2s, border .2s, box-shadow .2s, color .2s;
    width: 100%;
}

.form-input:focus {
    border-color: #eef0f5;
}

.form-input:-ms-input-placeholder {
    color: #bcc3ce;
}

.form-input::-ms-input-placeholder {
    color: #bcc3ce;
}

.form-input::placeholder {
    color: #bcc3ce;
}

.form-input::-webkit-outer-spin-button,
.form-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.form-input.input-sm {
    font-size: .6rem;
    height: 1.6rem;
    padding: .05rem .5rem;
}

.form-input.input-lg {
    font-size: .75rem;
    height: 2.5rem;
    padding: .35rem 1rem;
}

.form-input.input-inline {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.form-input[type="file"] {
    height: auto;
}

textarea.form-input,
textarea.form-input.input-lg,
textarea.form-input.input-sm {
    height: auto;
}

.form-input-hint {
    color: #bcc3ce;
    font-size: .7rem;
    margin-top: .2rem;
}

.has-success .form-input-hint,
.is-success + .form-input-hint {
    color: #32b643;
}

.has-error .form-input-hint,
.is-error + .form-input-hint {
    color: #c75466;
}

.form-select {
    display: inline-block;
    width: auto;
    position: relative;
}

/*.columns .form-select {
    display: block;
    width: 100%;
    position: relative;
}
*/
.form-select:not(:last-child) {
    margin-right: 10px;
}

.columns .form-select:not(:last-child) {
    margin-right: 0;
}

.select_style {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: .05rem solid #dddfe5;
    border-radius: .5rem;
    color: inherit;
    font-size: .75rem;
    font-weight: 500;
    min-width: 10rem /* 200/20 */;
    height: 2rem;
    line-height: 1.5rem;
    outline: none;
    padding: .25rem 1.8rem .25rem .75rem;
    vertical-align: middle;
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select_style__list {
    position: absolute;
    top: 2.25rem;
    left: 0;
    /*border: 1px solid #ced4da;*/
    cursor: pointer;
    width: 100%;
    max-height: 320px;
    z-index: 15;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 72, 52, 0.2);
    border-radius: .5rem /* 10/20 */;
    overflow: hidden;
    overflow-y: auto;
}

.select_style__list.on {
    display: block;
}

.select-sm .select_style {
    font-size: .6rem;
    height: 1.6rem;
    min-width: 7.5rem /* 150/20 */;
    padding: .05rem 1.5rem .05rem .5rem;
}

.select-lg .select_style {
    font-size: .8rem;
    height: 2.5rem;
    min-width: 12.5rem /* 250/20 */;
    padding: .5rem 2.2rem .5rem 1rem;
}

.select-sm .select_style__list {
    top: 1.8rem;
}

.select-lg .select_style__list {
    top: 2.75rem;
}

.select_style__item span {
    display: block;
    padding: .38rem .75rem;
    font-size: .75rem /* 16/20 */;
    font-weight: 500;
    border-bottom: 1px solid #eef0f5;
}

.select_style__item:first-child span {
    font-weight: 600;
}

.select_style__item:last-child span {
    border-bottom: 0;
}

.select_style__item span:hover,
.select_style__item span.active {
    color: #2b478b;
    background-color: #edf1ff;
}

.select-sm .select_style__item span {
    padding: .38rem .5rem;
}

.select-lg .select_style__item span {
    padding: .38rem 1rem;
}

.select_style::before {
    content: "";
    display: block;
    right: .75rem;
    position: absolute;
    top: 50%;
    border: .1rem solid #707b82;
    border-bottom: 0;
    border-right: 0;
    height: .4rem;
    width: .4rem;
    -webkit-transition: all .27s ease-in-out;
    -o-transition: all .27s ease-in-out;
    transition: all .27s ease-in-out;
    transform: translate(-50%, -75%) rotate(225deg);
}

.select_style.on::before {
    transform: translate(-50%, -25%) rotate(45deg);
}

.select-sm .select_style::before {
    right: .5rem;
}

.has-icon-left,
.has-icon-right {
    position: relative;
}

.has-icon-left .form-icon,
.has-icon-right .form-icon {
    height: .8rem;
    margin: 0 .25rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .8rem;
    z-index: 2;
}

.has-icon-left .form-icon {
    left: .05rem;
}

.has-icon-left .form-input {
    padding-left: 1.3rem;
}

.has-icon-right .form-icon {
    right: .05rem;
}

.has-icon-right .form-input {
    padding-right: 1.3rem;
}

.form-checkbox,
.form-radio,
.form-switch {
    display: block;
    line-height: 1.2rem;
    margin: .2rem 0;
    min-height: 1.4rem;
    padding: .1rem .4rem .1rem 1.8rem;
    position: relative;
    font-size: .75rem;
}

.form-checkbox input,
.form-radio input,
.form-switch input {
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.form-checkbox input:focus + .form-icon,
.form-radio input:focus + .form-icon,
.form-switch input:focus + .form-icon {
    border-color: #2b478b;
}

.form-checkbox input:checked + .form-icon,
.form-radio input:checked + .form-icon,
.form-switch input:checked + .form-icon {
    background: #2b478b;
    border-color: #2b478b;
}

.form-checkbox .form-icon,
.form-radio .form-icon,
.form-switch .form-icon {
    border: .05rem solid #dddfe5;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    transition: background .2s, border .2s, box-shadow .2s, color .2s;
}

.form-checkbox.input-sm,
.form-radio.input-sm,
.form-switch.input-sm {
    font-size: .7rem;
    margin: 0;
}

.form-checkbox.input-lg,
.form-radio.input-lg,
.form-switch.input-lg {
    font-size: .9rem;
    margin: .3rem 0;
}

.form-checkbox .form-icon,
.form-radio .form-icon {
    background: #fff;
    height: 1.2rem;
    left: 0;
    top: 0.1rem;
    width: 1.2rem;
}

.form-checkbox input:active + .form-icon,
.form-radio input:active + .form-icon {
    background: #eef0f3;
}

.form-checkbox .form-icon {
    border-radius: .25rem;
}

.form-checkbox input:checked + .form-icon::before {
    background-clip: padding-box;
    border: .1rem solid #fff;
    border-left-width: 0;
    border-top-width: 0;
    content: "";
    height: 12px;
    left: 50%;
    margin-left: -3px;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 6px;
}

.form-checkbox input:indeterminate + .form-icon {
    background: #2b478b;
    border-color: #2b478b;
}

.form-checkbox input:indeterminate + .form-icon::before {
    background: #fff;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -5px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 10px;
}

.form-radio .form-icon {
    border-radius: 50%;
}

.form-radio input:checked + .form-icon::before {
    background: #fff;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
}

.form-switch {
    padding-left: 2rem;
}

.form-switch .form-icon {
    background: #dddfe5;
    background-clip: padding-box;
    border-radius: .45rem;
    height: .9rem;
    left: 0;
    top: .25rem;
    width: 1.6rem;
}

.form-switch .form-icon::before {
    background: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: .8rem;
    left: 0;
    position: absolute;
    top: 0;
    transition: background .2s, border .2s, box-shadow .2s, color .2s, left .2s;
    width: .8rem;
}

.form-switch input:checked + .form-icon::before {
    left: 14px;
}

.form-switch input:active + .form-icon::before {
    background: #f7f8f9;
}

/* input type number */
.input-number {
    display: flex;
    align-items: center;
    background: #fff;
    border: .05rem solid #dddfe5;
    box-sizing: border-box;
    border-radius: .5rem;
    text-align: center;
    width: calc(2.05rem * 3);
}

.input-number__input {
    background: #edf1ff;
    width: 2rem;
    height: 2rem;
    border: none;
    padding: .4rem;
    text-align: center;
    font-weight: 500;
}

.input-number__minus,
.input-number__plus {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
    font-size: 1.2rem;
    font-weight: 500;
}

.input-number.input-number-sm {
    width: calc(1.55rem * 3);
}

.input-number.input-number-sm .input-number__input {
    width: 1.5rem;
    height: 1.5rem;
    font-size: .6rem;
    outline: none;
}

.input-number.input-number-sm .input-number__minus,
.input-number.input-number-sm .input-number__plus {
    width: 1.5rem;
    height: 1.5rem;
    font-size: .8rem;
}

/* input type number */

.input-group {
    display: -ms-flexbox;
    display: flex;
}

.input-group .input-group-addon {
    background: #fff;
    border: .05rem solid #dddfe5;
    border-radius: .5rem;
    padding: .25rem 0 .25rem .75rem;
    font-size: .75rem;
    height: 1.9rem;
    line-height: 1.5rem;
    white-space: nowrap;
}

.input-group .input-group-addon.addon-sm {
    font-size: .7rem;
    padding: .05rem .3rem;
}

.input-group .input-group-addon.addon-lg {
    font-size: .9rem;
    padding: .35rem .6rem;
}

.input-group .form-input,
.input-group .form-select {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
}

.input-group .input-group-btn {
    z-index: 1;
}

.input-group .form-input:first-child:not(:last-child),
.input-group .form-select:first-child:not(:last-child),
.input-group .input-group-addon:first-child:not(:last-child),
.input-group .input-group-btn:first-child:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group .form-input:not(:first-child):not(:last-child),
.input-group .form-select:not(:first-child):not(:last-child),
.input-group .input-group-addon:not(:first-child):not(:last-child),
.input-group .input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
    margin-left: -.05rem;
}

.input-group .form-input:last-child:not(:first-child),
.input-group .form-select:last-child:not(:first-child),
.input-group .input-group-addon:last-child:not(:first-child),
.input-group .input-group-btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -.05rem;
}

.input-group .form-input:focus,
.input-group .form-select:focus,
.input-group .input-group-addon:focus,
.input-group .input-group-btn:focus {
    z-index: 2;
}

.input-group .form-select {
    width: auto;
}

.input-group.input-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.has-success .form-input,
.form-input.is-success,
.has-success .form-select,
.has-success .form-input:focus,
.form-input.is-success:focus,
.has-success .form-select:focus,
.form-select.is-success:focus,
.has-success .select_style,
.select_style.is-success:focus {
    background: #f9fdfa;
    border-color: #32b643;
}

.has-error .form-input,
.form-input.is-error,
.form-select.is-error,
.has-error .form-input:focus,
.form-input.is-error:focus,
.has-error .form-select:focus,
.form-select.is-error:focus,
.has-error .select_style,
.select_style.is-error:focus {
    background: #fdefe8;
    border-color: #c75466;
}

.has-error .form-checkbox .form-icon,
.form-checkbox.is-error .form-icon,
.has-error .form-radio .form-icon,
.form-radio.is-error .form-icon,
.has-error .form-switch .form-icon,
.form-switch.is-error .form-icon {
    border-color: #c75466;
}

.has-error .form-checkbox input:checked + .form-icon,
.form-checkbox.is-error input:checked + .form-icon,
.has-error .form-radio input:checked + .form-icon,
.form-radio.is-error input:checked + .form-icon,
.has-error .form-switch input:checked + .form-icon,
.form-switch.is-error input:checked + .form-icon {
    background: #c75466;
    border-color: #c75466;
}

.has-error .form-checkbox input:focus + .form-icon,
.form-checkbox.is-error input:focus + .form-icon,
.has-error .form-radio input:focus + .form-icon,
.form-radio.is-error input:focus + .form-icon,
.has-error .form-switch input:focus + .form-icon,
.form-switch.is-error input:focus + .form-icon {
    border-color: #c75466;
}

.has-error .form-checkbox input:indeterminate + .form-icon,
.form-checkbox.is-error input:indeterminate + .form-icon {
    background: #c75466;
    border-color: #c75466;
}

.form-input:not(:-ms-input-placeholder):invalid {
    border-color: #c75466;
}

.form-input:not(:placeholder-shown):invalid {
    border-color: #c75466;
}

.form-input:not(:-ms-input-placeholder):invalid:focus {
    background: #fffaf7;
}

.form-input:not(:placeholder-shown):invalid:focus {
    background: #fffaf7;
}

.form-input:not(:-ms-input-placeholder):invalid + .form-input-hint {
    color: #c75466;
}

.form-input:not(:placeholder-shown):invalid + .form-input-hint {
    color: #c75466;
}

.form-input:disabled,
.form-input.disabled,
.form-select:disabled,
.form-select.disabled {
    background-color: #eef0f3;
    cursor: not-allowed;
    opacity: .5;
}

.form-input[readonly] {
    background-color: #f7f8f9;
}

input:disabled + .form-icon,
input.disabled + .form-icon {
    background: #eef0f3;
    cursor: not-allowed;
    opacity: .5;
}

.form-switch input:disabled + .form-icon::before,
.form-switch input.disabled + .form-icon::before {
    background: #fff;
}

.form-horizontal {
    padding: .4rem 0;
}

.form-horizontal .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.form-inline {
    display: inline-block;
}

.label {
    background: #dde3f7;
    border-radius: .25rem;
    font-size: .5rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #3b4351;
    display: inline-block;
    line-height: 1.25;
    padding: .3rem .5rem;
    width: 100%;
    max-width: 8rem;
}

.label.label-rounded {
    border-radius: 5rem;
    padding-left: .4rem;
    padding-right: .4rem;
}

.label.label-primary {
    background: #2b478b;
    color: #fff;
}

.label.label-secondary {
    background: #f1f1fc;
    color: #2b478b;
}

.label.label-success {
    background: #32b643;
    color: #fff;
}

.label.label-warning {
    background: #ffcc66;
    color: #fff;
}

.label.label-error {
    background: #c75466;
    color: #fff;
}

code {
    background: #fcf2f2;
    border-radius: .1rem;
    color: #d73e48;
    font-size: 85%;
    line-height: 1.25;
    padding: .1rem .2rem;
}

.code {
    border-radius: .1rem;
    color: #3b4351;
    position: relative;
}

.code::before {
    color: #bcc3ce;
    content: attr(data-lang);
    font-size: .7rem;
    position: absolute;
    right: .4rem;
    top: .1rem;
}

.code code {
    background: #f7f8f9;
    color: inherit;
    display: block;
    line-height: 1.5;
    overflow-x: auto;
    padding: 1rem;
    width: 100%;
}

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}

.img-fit-cover {
    object-fit: cover;
}

.img-fit-contain {
    object-fit: contain;
}

.video-responsive {
    display: block;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}

.video-responsive::before {
    content: "";
    display: block;
    padding-bottom: 56.25%;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
    border: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

video.video-responsive {
    height: auto;
    max-width: 100%;
}

video.video-responsive::before {
    content: none;
}

.video-responsive-4-3::before {
    padding-bottom: 75%;
}

.video-responsive-1-1::before {
    padding-bottom: 100%;
}

.figure {
    margin: 0 0 .4rem 0;
}

.figure .figure-caption {
    color: #66758c;
    margin-top: .4rem;
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%;
}

.container.grid-xl {
    max-width: 1430px;
}

.container.grid-lg {
    max-width: 990px;
}

.container.grid-md {
    max-width: 870px;
}

.container.grid-sm {
    max-width: 630px;
}

.container.grid-xs {
    max-width: 510px;
}

.show-xs,
.show-sm,
.show-md,
.show-lg,
.show-xl {
    display: none !important;
}

.cols,
.columns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -.75rem;
    margin-right: -.75rem;
}

.cols.col-gapless,
.columns.col-gapless {
    margin-left: 0;
    margin-right: 0;
}

.cols.col-gapless > .column,
.columns.col-gapless > .column {
    padding-left: 0;
    padding-right: 0;
}

.cols.col-oneline,
.columns.col-oneline {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
}

[class~="col-"],
.column {
    -ms-flex: 1;
    flex: 1;
    max-width: 100%;
    padding-left: .75rem;
    padding-right: .75rem;
}

.cols.col-small,
.columns.col-small {
    margin-left: -.375rem;
    margin-right: -.375rem;
}

.cols.col-small > .column,
.columns.col-small > .column {
    padding-left: .375rem;
    padding-right: .375rem;
}

.first {
    order: -1;
}

.last {
    order: 1;
}

@media (max-width: 960px) {
    .first-lg {
        order: -1;
    }

    .last-lg {
        order: 1;
    }
}

@media (max-width: 840px) {
    .first-md {
        order: -1;
    }

    .last-md {
        order: 1;
    }
}

@media (max-width: 767px) {
    .first-sm {
        order: -1;
    }

    .last-sm {
        order: 1;
    }
}

[class~="col-"].col-12,
[class~="col-"].col-11,
[class~="col-"].col-10,
[class~="col-"].col-9,
[class~="col-"].col-8,
[class~="col-"].col-7,
[class~="col-"].col-6,
[class~="col-"].col-5,
[class~="col-"].col-4,
[class~="col-"].col-3,
[class~="col-"].col-2,
[class~="col-"].col-1,
[class~="col-"].col-auto,
.column.col-12,
.column.col-11,
.column.col-10,
.column.col-9,
.column.col-8,
.column.col-7,
.column.col-6,
.column.col-5,
.column.col-4,
.column.col-3,
.column.col-2,
.column.col-1,
.column.col-auto {
    -ms-flex: none;
    flex: none;
}

.col-12 {
    width: 100%;
}

.col-11 {
    width: 91.66666667%;
}

.col-10 {
    width: 83.33333333%;
}

.col-9 {
    width: 75%;
}

.col-8 {
    width: 66.66666667%;
}

.col-7 {
    width: 58.33333333%;
}

.col-6 {
    width: 50%;
}

.col-5 {
    width: 41.66666667%;
}

.col-4 {
    width: 33.33333333%;
}

.col-3 {
    width: 25%;
}

.col-2 {
    width: 16.66666667%;
}

.col-1 {
    width: 8.33333333%;
}

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

.col-mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.col-ml-auto {
    margin-left: auto;
}

.col-mr-auto {
    margin-right: auto;
}

@media (max-width: 1280px) {
    .col-xl-12,
    .col-xl-11,
    .col-xl-10,
    .col-xl-9,
    .col-xl-8,
    .col-xl-7,
    .col-xl-6,
    .col-xl-5,
    .col-xl-4,
    .col-xl-3,
    .col-xl-2,
    .col-xl-1,
    .col-xl-auto {
        -ms-flex: none;
        flex: none;
    }

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666667%;
    }

    .col-xl-10 {
        width: 83.33333333%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.66666667%;
    }

    .col-xl-1 {
        width: 8.33333333%;
    }

    .col-xl-auto {
        width: auto;
    }

    .hide-xl {
        display: none !important;
    }

    .show-xl {
        display: block !important;
    }
}

@media (max-width: 960px) {
    .col-lg-12,
    .col-lg-11,
    .col-lg-10,
    .col-lg-9,
    .col-lg-8,
    .col-lg-7,
    .col-lg-6,
    .col-lg-5,
    .col-lg-4,
    .col-lg-3,
    .col-lg-2,
    .col-lg-1,
    .col-lg-auto {
        -ms-flex: none;
        flex: none;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-auto {
        width: auto;
    }

    .hide-lg {
        display: none !important;
    }

    .show-lg {
        display: block !important;
    }
}

@media (max-width: 840px) {
    .col-md-12,
    .col-md-11,
    .col-md-10,
    .col-md-9,
    .col-md-8,
    .col-md-7,
    .col-md-6,
    .col-md-5,
    .col-md-4,
    .col-md-3,
    .col-md-2,
    .col-md-1,
    .col-md-auto {
        -ms-flex: none;
        flex: none;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-auto {
        width: auto;
    }

    .hide-md {
        display: none !important;
    }

    .show-md {
        display: block !important;
    }
}

@media (max-width: 600px) {
    .col-sm-12,
    .col-sm-11,
    .col-sm-10,
    .col-sm-9,
    .col-sm-8,
    .col-sm-7,
    .col-sm-6,
    .col-sm-5,
    .col-sm-4,
    .col-sm-3,
    .col-sm-2,
    .col-sm-1,
    .col-sm-auto {
        -ms-flex: none;
        flex: none;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-auto {
        width: auto;
    }

    .hide-sm {
        display: none !important;
    }

    .show-sm {
        display: block !important;
    }
}

@media (max-width: 480px) {
    .col-xs-12,
    .col-xs-11,
    .col-xs-10,
    .col-xs-9,
    .col-xs-8,
    .col-xs-7,
    .col-xs-6,
    .col-xs-5,
    .col-xs-4,
    .col-xs-3,
    .col-xs-2,
    .col-xs-1,
    .col-xs-auto {
        -ms-flex: none;
        flex: none;
    }

    .col-xs-12 {
        width: 100%;
    }

    .col-xs-11 {
        width: 91.66666667%;
    }

    .col-xs-10 {
        width: 83.33333333%;
    }

    .col-xs-9 {
        width: 75%;
    }

    .col-xs-8 {
        width: 66.66666667%;
    }

    .col-xs-7 {
        width: 58.33333333%;
    }

    .col-xs-6 {
        width: 50%;
    }

    .col-xs-5 {
        width: 41.66666667%;
    }

    .col-xs-4 {
        width: 33.33333333%;
    }

    .col-xs-3 {
        width: 25%;
    }

    .col-xs-2 {
        width: 16.66666667%;
    }

    .col-xs-1 {
        width: 8.33333333%;
    }

    .col-xs-auto {
        width: auto;
    }

    .hide-xs {
        display: none !important;
    }

    .show-xs {
        display: block !important;
    }
}

.hero {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.hero .hero-body {
    padding: .4rem;
}

.navbar {
    align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

.navbar .navbar-section {
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    -ms-flex-align: center;
}

.navbar .navbar-section:not(:first-child):last-child {
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.navbar .navbar-center {
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-align: center;
}

.navbar .navbar-brand {
    font-size: .9rem;
    text-decoration: none;
}

/*.accordion input:checked ~ .accordion-header > .icon:first-child,
.accordion[open] .accordion-header > .icon:first-child {
  transform: rotate(90deg);
}

.accordion input:checked ~ .accordion-body,
.accordion[open] .accordion-body {
  max-height: 50rem;
}

.accordion .accordion-header {
  display: block;
  padding: .2rem .4rem;
}

.accordion .accordion-header .icon {
  transition: transform .25s;
}

.accordion .accordion-body {
  margin-bottom: .4rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height .25s;
}

summary.accordion-header::-webkit-details-marker {
  display: none;
}*/


.accordionjs {
    position: relative;
    margin: 0;
    padding: 0;
}

.accordionjs .acc_section {
    position: relative;
    z-index: 10;
    padding-top: 1.25rem; /* 20/16 */
}

.accordionjs .acc_section .acc_head {
    position: relative;
    background: #fff;
    padding: 12px 50px 12px 20px;
    min-height: 60px;
    font-size: 1rem; /* 24/16 */
    font-weight: 600;
    display: block;
    border: .05rem solid #dadee4;
    border-radius: 10px;
    cursor: pointer;
    transition: background .2s, border .2s, box-shadow .2s, color .2s;
    will-change: box-shadow;
}

@media only screen and (max-width: 767px) {
    .accordionjs .acc_section .acc_head {
        font-size: 1.13rem;
        padding: 16px 50px 16px 20px;
    }
}

.accordionjs .acc_section:not(.acc_active) .acc_head:hover {
    color: #2b478b;
}

.accordionjs .acc_section .acc_head .accordion__arrow,
.badge__list .badge__arrow {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .5rem;
    right: 0;
    top: .85rem;
}

.accordionjs .acc_section .acc_head .accordion__arrow::before,
.badge__list .badge__arrow::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    border: .05rem solid #707b82;
    border-bottom: 0;
    border-right: 0;
    height: .3rem;
    width: .3rem;
    -webkit-transition: all .27s ease-in-out;
    -o-transition: all .27s ease-in-out;
    transition: all .27s ease-in-out;
    transform: translate(-50%, -75%) rotate(225deg);
    z-index: 1;
}

.accordionjs .acc_section .acc_head .accordion__arrow::after,
.badge__list .badge__arrow::after {
    content: '';
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    background-color: #edf1ff;
    border-radius: .3rem;
    transition: background .3s, border .1s;
}

.accordionjs .acc_section .acc_content {
    padding: 1rem;
}

.accordionjs .acc_section.acc_active > .acc_content {
    display: block;
}

.accordionjs .acc_section.acc_active > .acc_head {
    color: #2b478b !important;
}

.accordionjs .acc_section.acc_active > .acc_head .accordion__arrow::before,
.badge__list .js-show-all.show_items .badge__arrow::before {
    transform: translate(-50%, -25%) rotate(45deg);
}

.accordionjs .acc_section.acc_active > .acc_head::after {
    background-color: #edf1ff;
}

.avatar {
    background: #edf1ff;
    border-radius: 50%;
    color: #2b478b;
    display: inline-block;
    font-size: .8rem;
    font-weight: 300;
    height: 1.6rem;
    line-height: 1.25;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: 1.6rem;
}

.avatar.avatar-xs {
    font-size: .4rem;
    height: .8rem;
    width: .8rem;
}

.avatar.avatar-sm {
    font-size: .6rem;
    height: 1.2rem;
    width: 1.2rem;
}

.avatar.avatar-lg {
    font-size: 1.2rem;
    height: 2.5rem;
    width: 2.5rem;
}

.avatar.avatar-xl {
    font-size: 1.6rem;
    height: 3.2rem;
    width: 3.2rem;
}

.avatar img {
    border-radius: 50%;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1;
}

.avatar .avatar-icon,
.avatar .avatar-presence {
    background: #fff;
    bottom: 14.64%;
    height: 50%;
    padding: .1rem;
    position: absolute;
    right: 14.64%;
    transform: translate(50%, 50%);
    width: 50%;
    z-index: 2;
}

.avatar .avatar-presence {
    background: #bcc3ce;
    border-radius: 50%;
    box-shadow: 0 0 0 .1rem #fff;
    height: .5em;
    width: .5em;
}

.avatar .avatar-presence.online {
    background: #32b643;
}

.avatar .avatar-presence.busy {
    background: #c75466;
}

.avatar .avatar-presence.away {
    background: #ffcc66;
}

.avatar[data-initial]::before {
    color: currentColor;
    content: attr(data-initial);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    font-weight: 500;
}

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

.badge[data-badge]::after,
.badge:not([data-badge])::after {
    background: #2b478b;
    background-clip: padding-box;
    border-radius: .5rem;

    color: #fff;
    content: attr(data-badge);
    display: inline-block;
    transform: translate(-.05rem, -.5rem);
}

.badge[data-badge]::after {
    font-size: .6rem;
    height: .9rem;
    line-height: 1;
    min-width: .9rem;
    padding: .2rem .3rem;
    text-align: center;
    white-space: nowrap;
}

.badge:not([data-badge])::after,
.badge[data-badge=""]::after {
    height: 6px;
    min-width: 6px;
    padding: 0;
    width: 6px;
}

.badge.btn::after {
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%, -50%);
}

.badge.avatar::after {
    position: absolute;
    right: 14.64%;
    top: 14.64%;
    transform: translate(50%, -50%);
    z-index: 100;
}

.badge__list {
    display: inline-block;
    width: 100%;
}

.badge__list .badge__list_item {
    margin-right: .5rem;
    margin-bottom: .5rem;
    display: block;
    position: relative;
    max-width: 100%;
}

.badge__list .badge__list_item .label {
    display: block;
}

.badge__list .badge__list_item .label:hover span {
    opacity: .8;
}

.badge__list .badge__arrow {
    margin-right: 0;
}

.badge__list .badge__arrow::after {
    content: '';
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    background-color: #fff;
    border: 1px solid #dddfe5;
    border-radius: .25rem;
    transition: background .3s, border .1s;
}

.breadcrumb {
    display: flex;
    overflow-x: auto;
    list-style: none;
    margin: 0;
    padding: 1.6rem 0;
    white-space: nowrap;
}

.breadcrumb .breadcrumb-item {
    color: #3b4351;
    display: inline-block;
    margin: 0;
    padding: .2rem 0;
    font-size: .7rem;
}

.breadcrumb .breadcrumb-item:not(:last-child) {
    margin-right: .2rem;
}

.breadcrumb .breadcrumb-item:not(:last-child) a {
    color: #707b82;
}

.breadcrumb .breadcrumb-item:not(:first-child)::before {
    color: #707b82;
    content: "—";
    padding-right: .4rem;
}

.bar {
    background: #eef0f3;
    border-radius: .1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: .8rem;
    width: 100%;
}

.bar.bar-sm {
    height: .2rem;
}

.bar .bar-item {
    background: #2b478b;
    color: #fff;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: .7rem;
    height: 100%;
    line-height: .8rem;
    position: relative;
    text-align: center;
    width: 0;
}

.bar .bar-item:first-child {
    border-bottom-left-radius: .1rem;
    border-top-left-radius: .1rem;
}

.bar .bar-item:last-child {
    border-bottom-right-radius: .1rem;
    border-top-right-radius: .1rem;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.bar-slider {
    height: .1rem;
    margin: .4rem 0;
    position: relative;
}

.bar-slider .bar-item {
    left: 0;
    padding: 0;
    position: absolute;
}

.bar-slider .bar-item:not(:last-child):first-child {
    background: #eef0f3;
    z-index: 1;
}

.bar-slider .bar-slider-btn {
    background: #2b478b;
    border: 0;
    border-radius: 50%;
    height: .6rem;
    padding: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50%, -50%);
    width: .6rem;
}

.bar-slider .bar-slider-btn:active {
    box-shadow: 0 0 0 .1rem #2b478b;
}

.card {
    background: #fff;
    border: .05rem solid #dadee4;
    border-radius: .5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}

.card .card-header,
.card .card-body,
.card .card-footer {
    padding: .8rem;
    padding-bottom: 0;
}

.card .card-header:last-child,
.card .card-body:last-child,
.card .card-footer:last-child {
    padding-bottom: .8rem;
}

.card .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.card .card-image {
    position: relative;
    padding-top: .8rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.card .card-image img {
    display: inline-block;
}

.card .card-image:first-child {
    padding-top: 0;
}

.card .card-image:first-child img {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
}

.card .card-image:last-child img {
    border-bottom-left-radius: .1rem;
    border-bottom-right-radius: .1rem;
}

.card .card-title {
    font-size: .8rem /* 16/20 */;
    font-weight: 600;
}

.card a:not(.btn) {
    color: #3b4351
}

.card:hover a:not(.btn) {
    color: #2b478b;
}

.card-badge {
    bottom: .5rem;
    left: .5rem;
    z-index: 2;
}

.chip {
    align-items: center;
    background: #eef0f3;
    border-radius: 5rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    font-size: 90%;
    height: 1.2rem;
    line-height: .8rem;
    margin: .1rem;
    max-width: 320px;
    overflow: hidden;
    padding: .2rem .4rem;
    text-decoration: none;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.chip.active {
    background: #2b478b;
    color: #fff;
}

.chip .avatar {
    margin-left: -.4rem;
    margin-right: .2rem;
}

.chip .btn-clear {
    border-radius: 50%;
    transform: scale(.75);
}

.dropdown {
    display: inline-block;
    position: relative;
}

.dropdown .menu {
    animation: slide-down .15s ease 1;
    display: none;
    left: 0;
    max-height: 50vh;
    overflow-y: auto;
    position: absolute;
    top: 100%;
}

.dropdown.dropdown-right .menu {
    left: auto;
    right: 0;
}

.dropdown.active .menu,
.dropdown .dropdown-toggle:focus + .menu,
.dropdown .menu:hover {
    display: block;
}

.dropdown .btn-group .dropdown-toggle:nth-last-child(2) {
    border-bottom-right-radius: .1rem;
    border-top-right-radius: .1rem;
}

.empty {
    background: #f7f8f9;
    border-radius: .1rem;
    color: #66758c;
    padding: 3.2rem 1.6rem;
    text-align: center;
}

.empty .empty-icon {
    margin-bottom: .8rem;
}

.empty .empty-title,
.empty .empty-subtitle {
    margin: .4rem auto;
}

.empty .empty-action {
    margin-top: .8rem;
}

.menu {
    background: #fff;
    border-radius: .1rem;
    box-shadow: 0 .05rem .2rem rgba(48, 55, 66, .3);
    list-style: none;
    margin: 0;
    min-width: 180px;
    padding: .4rem;
    transform: translateY(.2rem);
    z-index: 300;
}

.menu.menu-nav {
    background: transparent;
    box-shadow: none;
}

.menu .menu-item {
    margin-top: 0;
    padding: 0 .4rem;
    position: relative;
    text-decoration: none;
}

.menu .menu-item > a {
    border-radius: .1rem;
    color: inherit;
    display: block;
    margin: 0 -.4rem;
    padding: .2rem .4rem;
    text-decoration: none;
}

.menu .menu-item > a:focus,
.menu .menu-item > a:hover {
    background: #f1f1fc;
    color: #2b478b;
}

.menu .menu-item > a:active,
.menu .menu-item > a.active {
    background: #f1f1fc;
    color: #2b478b;
}

.menu .menu-item .form-checkbox,
.menu .menu-item .form-radio,
.menu .menu-item .form-switch {
    margin: .1rem 0;
}

.menu .menu-item + .menu-item {
    margin-top: .2rem;
}

.menu .menu-badge {
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.menu .menu-badge .label {
    margin-right: .4rem;
}

/*
.modal {
  align-items: center;
  bottom: 0;
  display: none;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: .4rem;
  position: fixed;
  right: 0;
  top: 0;
}

.modal:target,
.modal.active {
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  z-index: 400;
}

.modal:target .modal-overlay,
.modal.active .modal-overlay {
  background: rgba(247, 248, 249, .75);
  bottom: 0;
  cursor: default;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.modal:target .modal-container,
.modal.active .modal-container {
  animation: slide-down .2s ease 1;
  z-index: 1;
}

.modal.modal-sm .modal-container {
  max-width: 320px;
  padding: 0 .4rem;
}

.modal.modal-lg .modal-overlay {
  background: #fff;
}

.modal.modal-lg .modal-container {
  box-shadow: none;
  max-width: 960px;
}

.modal-container {
  background: #fff;
  border-radius: .1rem;
  box-shadow: 0 .2rem .5rem rgba(48, 55, 66, .3);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 75vh;
  max-width: 640px;
  padding: 0 .8rem;
  width: 100%;
}

.modal-container.modal-fullheight {
  max-height: 100vh;
}

.modal-container .modal-header {
  color: #303742;
  padding: .8rem;
}

.modal-container .modal-body {
  overflow-y: auto;
  padding: .8rem;
  position: relative;
}

.modal-container .modal-footer {
  padding: .8rem;
  text-align: right;
}
*/


.modal {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    bottom: 0;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding: .4rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 400;
}

.modal:before {
    content: '';
    background: #011f38;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: 9999;
}

.loading-container {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9999;
}

.loading-container::before {
    content: '';
    background: #001934;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    z-index: 999;
}

.loading-container > div {
    position: relative;
    z-index: 9999;
}

.modal.modal-sm .modal-container {
    max-width: 320px;
    padding: 0 .4rem;
}

.modal.modal-lg .modal-overlay {
    background: #fff;
}

.modal.modal-lg .modal-container {
    box-shadow: none;
    max-width: 960px;
}

.modal-container {
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0 .5rem 1.5rem rgba(0, 72, 152, .1);
    display: flex;
    display: -ms-flexbox;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 95vh;
    max-width: 640px;
    /*padding: 0 .8rem;*/
    width: 100%;
    z-index: 9999;
    animation: slide-down .2s ease 1;
}

.modal-close {
    margin-right: -.5rem !important;
}

.modal-container.modal-fullheight {
    max-height: 100vh;
}

.modal-container .modal-header {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #eef0f5;
}

.modal-container .modal-header .modal-title {
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.2;
    padding-top: .4rem;
    padding-right: 2.25rem;
}

.modal-container .modal-body {
    overflow-y: auto;
    position: relative;
}

.modal-container .modal-footer {
    text-align: right;
}

.modal-container .modal-body,
.modal-container .modal-footer {
    padding: 1.5rem;
    padding-bottom: 0;
}

.modal-container .modal-body:last-child,
.modal-container .modal-footer:last-child {
    padding-bottom: 1.5rem;
}

/*.modal-container .modal-footer .btn {
  margin-bottom: 1rem;
  margin-left: .5rem;
  margin-right: .5rem;
}*

/*.modal-container .modal-header:first-child:not(.modal-body) {
  padding-bottom: 0;
}
*/


.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
    margin: 0;
}

/*
.nav .nav-item {
  margin: 0;
}*/

.nav .nav-item a:not(.btn) {
    font-weight: 500;
    color: #3b4351;
    padding: 0 .5rem;
    height: 2.5rem /* 50/20 */;
    line-height: 2.5rem /* 50/20 */;
    text-decoration: none;
}

.nav .nav-item a:focus:not(.btn),
.nav .nav-item a:hover:not(.btn) {
    color: #2b478b;
}

.nav .nav-item.active > a:not(.btn) {
    color: #505c6e;
    font-weight: 600;
}

.nav .nav-item.active > a:focus:not(.btn),
.nav .nav-item.active > a:hover:not(.btn) {
    color: #2b478b;
}

.nav .nav {
    margin-bottom: .4rem;
    margin-left: .8rem;
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin: .2rem 0;
    padding: .2rem 0;
}

.pagination .page-item {
    margin: .2rem .25rem;
}

.pagination .page-item:first-child {
    margin-left: 0;
}

.pagination .page-item:last-child {
    margin-right: 0;
}

.pagination .page-item a,
.pagination .page-item span {
    border-radius: .5rem;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    line-height: 32px;
    padding: .2rem .4rem;
    font-size: .7rem;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    color: #707b82;
    border: 1px solid #dddfe5;
}

@media (max-width: 320px) {
    .pagination .page-item a,
    .pagination .page-item span {
        width: 1.6rem;
        height: 1.6rem;
        padding: 0;
    }
}

.pagination .page-item a:focus,
.pagination .page-item a:hover {
    color: #2b478b;
}

.pagination .page-item.disabled a {
    cursor: default;
    opacity: .5;
    pointer-events: none;
}

.pagination .page-item.active a {
    background: #2b478b;
    border-color: #2b478b;
    color: #fff;
}

.pagination .page-item a.icons svg.icon {
    fill: #707b82;
    margin-top: -3px;
}

.pagination .page-item a.icons:hover svg.icon {
    fill: #2b478b; /* цвет заливки иконки при наведении */
}

.pagination .page-item.page-prev,
.pagination .page-item.page-next {
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
}

.pagination .page-item.page-next {
    text-align: right;
}

.pagination .page-item .page-item-title {
    margin: 0;
}

.pagination .page-item .page-item-subtitle {
    margin: 0;
    opacity: .5;
}

.panel {
    border: .05rem solid #dadee4;
    border-radius: .1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.panel .panel-header,
.panel .panel-footer {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: .8rem;
}

.panel .panel-nav {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.panel .panel-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 0 .8rem;
}

.popover {
    display: inline-block;
    position: relative;
}

.popover .popover-container {
    left: 50%;
    opacity: 0;
    padding: .4rem;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%) scale(0);
    transition: transform .2s;
    width: 320px;
    z-index: 300;
}

.popover *:focus + .popover-container,
.popover:hover .popover-container {
    display: block;
    opacity: 1;
    transform: translate(-50%, -100%) scale(1);
}

.popover.popover-right .popover-container {
    left: 100%;
    top: 50%;
}

.popover.popover-right *:focus + .popover-container,
.popover.popover-right:hover .popover-container {
    transform: translate(0, -50%) scale(1);
}

.popover.popover-bottom .popover-container {
    left: 50%;
    top: 100%;
}

.popover.popover-bottom *:focus + .popover-container,
.popover.popover-bottom:hover .popover-container {
    transform: translate(-50%, 0) scale(1);
}

.popover.popover-left .popover-container {
    left: 0;
    top: 50%;
}

.popover.popover-left *:focus + .popover-container,
.popover.popover-left:hover .popover-container {
    transform: translate(-100%, -50%) scale(1);
}

.popover .card {
    border: 0;
    box-shadow: 0 0 1.25rem rgba(0, 72, 152, .1);
}

.step {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    list-style: none;
    margin: .2rem 0;
    width: 100%;
}

.step .step-item {
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    margin-top: 0;
    min-height: 1rem;
    position: relative;
    text-align: center;
}

.step .step-item:not(:first-child)::before {
    background: #2b478b;
    content: "";
    height: 2px;
    left: -50%;
    position: absolute;
    top: 9px;
    width: 100%;
}

.step .step-item a {
    color: #2b478b;
    display: inline-block;
    padding: 20px 10px 0;
    text-decoration: none;
}

.step .step-item a::before {
    background: #2b478b;
    border: .1rem solid #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: .6rem;
    left: 50%;
    position: absolute;
    top: .2rem;
    transform: translateX(-50%);
    width: .6rem;
    z-index: 1;
}

.step .step-item.active a::before {
    background: #fff;
    border: .1rem solid #2b478b;
}

.step .step-item.active ~ .step-item::before {
    background: #dadee4;
}

.step .step-item.active ~ .step-item a {
    color: #bcc3ce;
}

.step .step-item.active ~ .step-item a::before {
    background: #dadee4;
}

.tab {
    position: relative;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    list-style: none;
    /*margin: .2rem 0 .15rem 0;*/
    margin: 0;
    width: 100%;
}


.tab .tab-item {
    margin-top: 0;
}

.tab .tab-item span {
    border-bottom: .1rem solid transparent;
    color: inherit;
    display: block;
    padding: .4rem 0;
    text-decoration: none;
    margin-top: .4rem;
    font-weight: 500;
    cursor: pointer;
}

.tab .tab-item:not(:last-child) span {
    margin-right: 1.5rem;
}

.tab .tab-item span:focus,
.tab .tab-item span:hover {
    color: #2b478b;
}

.tab .tab-item.active span,
.tab .tab-item span.active {
    border-bottom-color: #2b478b;
    color: #2b478b;
}

.tab .tab-item.tab-action {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    text-align: right;
}

.tab .tab-item .btn-clear {
    margin-top: -.2rem;
}

.tab.tab-block .tab-item {
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    text-align: center;
}

.tab.tab-block .tab-item span {
    margin: 0;
}

.tab.tab-block .tab-item .badge[data-badge]::after {
    position: absolute;
    right: .1rem;
    top: .1rem;
    transform: translate(0, 0);
}

.tab:not(.tab-block) .badge {
    padding-right: 0;
}

.tab.tab-btn {
    border-bottom: none;
}

.tab.tab-btn .tab-item span {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: .05rem solid #dddfe5;
    border-radius: .5rem;
    color: #2b478b;
    cursor: pointer;
    display: inline-block;
    font-size: .6rem;
    height: 1.6rem;
    padding: .05rem .6rem;
    line-height: 1.4rem;
    outline: none;
    text-align: center;
    text-decoration: none;
    transition: background .2s, border .2s, box-shadow .2s, color .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}

.tab.tab-btn .tab-item span:hover,
.tab.tab-btn .tab-item.active span,
.tab.tab-btn .tab-item span.active {
    background: #6592c3;
    border-color: #6592c3;
    color: #fff;
}

.tab.tab-btn .tab-item:not(:last-child) span {
    margin-right: .4rem;
}

.tabs__content,
.tab__salon {
    visibility: hidden;
    height: 0;
    opacity: 0;
    /*position: absolute;
  top: -100%;*/
    transform: scale(0);
    z-index: -1;
}

.tabs__content.active,
.tab__salon.active {
    visibility: visible;
    height: 100%;
    opacity: 1;
    /*position: relative;
  top: 0;*/
    transform: scale(1);
    z-index: 0;
}

@media (min-width: 960px) {
    .block_link__shadow {
        transition: background .3s, border .3s, box-shadow .3s, color .3s;
        will-change: box-shadow;
    }

    .block_link__shadow:hover {
        box-shadow: 0px 10px 20px 0px rgba(43, 71, 139, .1);
        border-color: #fff;
    }
}

.tile {
    align-content: space-between;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    -ms-flex-line-pack: justify;
}

.tile .tile-icon svg.icon {
    fill: #2b478b;
    width: 1.5rem;
    height: 1.5rem;
}

.tile .tile-icon,
.tile .tile-action {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.tile .tile-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    white-space: normal;
}

.tile .tile-content:not(:first-child) {
    padding-left: .8rem;
}

.tile .tile-content:not(:last-child) {
    padding-right: .8rem;
}

.tile .tile-content.tile-big:not(:first-child) {
    padding-left: 1.5rem;
}

.tile .tile-content.tile-big:not(:last-child) {
    padding-right: 1.5rem;
}

@media (max-width: 600px) {
    .tile .tile-content.tile-big:not(:first-child) {
        padding-left: .8rem;
    }

    .tile .tile-content.tile-big:not(:last-child) {
        padding-right: .8rem;
    }

    .response {
        margin-left: -3.2rem;
    }
}

.tile .tile-title {
    font-size: .75rem;
    font-weight: 500;
}

.tile .tile-subtitle {
    font-size: .7rem;
    padding-top: .5rem;
}

.tile .tile-title,
.tile .tile-subtitle {
    line-height: 1.2rem;
}

.tile .tile-price {
    font-size: 1rem;
    font-weight: 700;
    padding-top: .5rem;
}

.tile.tile-centered {
    align-items: center;
    -ms-flex-align: center;
}

.tile.tile-centered .tile-content {
    overflow: hidden;
}

.tile.tile-centered .tile-title,
.tile.tile-centered .tile-subtitle {
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tile-subtitle.text-large {
    padding-top: .8rem;
    line-height: 1.4rem;
}

.toast {
    background: #edf1ff;
    border: .05rem solid #edf1ff;
    border-radius: .5rem;
    color: #303742;
    display: block;
    padding: .4rem;
    width: 100%;
    font-size: .7rem;
}

.toast a {
    color: #303742;
    text-decoration: underline;
}

.toast a:focus,
.toast a:hover,
.toast a:active,
.toast a.active {
    opacity: .75;
}

.toast.toast-primary {
    background: #2b478b;
    border-color: #2b478b;
    color: #fff;
}

.toast.toast-success {
    background: #ebfcf0;
    border-color: #ebfcf0;
    color: #2fb457;
}

.toast.toast-warning {
    background: #fdefe8;
    border-color: #fdefe8;
}

.toast.toast-error {
    background: #fceff4;
    border-color: #fceff4;
}

.toast .btn-clear {
    margin: .1rem;
}

.toast p:last-child {
    margin-bottom: 0;
}

/* This is the core CSS of Tooltipster */

/* GENERAL STRUCTURE RULES (do not edit this section) */

.tooltipster-base {
    /* this ensures that a constrained height set by functionPosition,
	if greater that the natural height of the tooltip, will be enforced
	in browsers that support display:flex */
    display: flex;
    pointer-events: none;
    /* this may be overriden in JS for fixed position origins */
    position: absolute;
}

.tooltipster-box {
    /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
	and flex-basis auto for IE11- (at least) */
    flex: 1 1 auto;
}

.tooltipster-content {
    /* prevents an overflow if the user adds padding to the div */
    box-sizing: border-box;
    /* these make sure we'll be able to detect any overflow */
    max-height: 100%;
    max-width: 100%;
    overflow: auto;
}

.tooltipster-ruler {
    /* these let us test the size of the tooltip without overflowing the window */
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
}

/* ANIMATIONS */

/* Open/close animations */

/* fade */

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}

.tooltipster-fade.tooltipster-show {
    opacity: 1;
}

/* grow */

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden;
}

.tooltipster-grow.tooltipster-show {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

/* swing */

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
}

.tooltipster-swing.tooltipster-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

/* fall */

.tooltipster-fall {
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-fall.tooltipster-initial {
    top: 0 !important;
}

.tooltipster-fall.tooltipster-show {
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0 !important;
    opacity: 0;
}

/* slide */

.tooltipster-slide {
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-slide.tooltipster-initial {
    left: -40px !important;
}

.tooltipster-slide.tooltipster-show {
}

.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0 !important;
    opacity: 0;
}

/* Update animations */

/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */

/* fade */

@keyframes tooltipster-fading {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.tooltipster-update-fade {
    animation: tooltipster-fading 400ms;
}

/* rotate */

@keyframes tooltipster-rotating {
    25% {
        transform: rotate(-2deg);
    }
    75% {
        transform: rotate(2deg);
    }
    100% {
        transform: rotate(0);
    }
}

.tooltipster-update-rotate {
    animation: tooltipster-rotating 600ms;
}

/* scale */

@keyframes tooltipster-scaling {
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.tooltipster-update-scale {
    animation: tooltipster-scaling 600ms;
}

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 *
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */

/* .tooltipster-box */

.tooltipster-sidetip .tooltipster-box {
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0 0 1.25rem rgba(0, 72, 152, .1);
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
    margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
    margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
    margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
    margin-bottom: 8px;
}

/* .tooltipster-content */

.tooltipster-sidetip .tooltipster-content {
    line-height: 18px;
    font-size: .7rem;
    padding: .5rem .75rem;
}

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */

.tooltipster-sidetip .tooltipster-arrow {
    overflow: hidden;
    position: absolute;
}

.tooltipster-sidetip .tooltipster-content .btn-clear {
    position: absolute;
    top: 20px;
    right: 15px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
    height: 10px;
    /* half the width, for centering */
    margin-left: -10px;
    top: 0;
    width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    right: 0;
    /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
	been positioned yet */
    top: 0;
    width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    left: 0;
    /* same as .tooltipster-left .tooltipster-arrow */
    top: 0;
    width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
    bottom: 0;
    height: 10px;
    margin-left: -10px;
    width: 20px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
    height: 0;
    position: absolute;
    width: 0;
}

/* .tooltipster-arrow-background */

.tooltipster-sidetip .tooltipster-arrow-background {
    border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #fff;
    left: 0;
    top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #fff;
    left: -3px;
    top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #fff;
    left: 3px;
    top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #fff;
    left: 0;
    top: -3px;
}

/* .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-border {
    border: 10px solid transparent;
    left: 0;
    top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #fff;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #fff;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #fff;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #fff;
}

/* tooltipster-arrow-uncropped */

.tooltipster-sidetip .tooltipster-arrow-uncropped {
    position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
    left: -10px;
}


@keyframes loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-1.6rem);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.text-primary {
    color: #2b478b !important;
    fill: #2b478b !important;
}

a.text-primary:focus,
a.text-primary:hover {
    color: #3a5cb1 !important;
}

a.text-primary:visited {
    color: #2b478b !important;
}

.text-secondary {
    color: #6592c3 !important;
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #527ca9 !important;
}

a.text-secondary:visited {
    color: #6592c3 !important;
}

.text-gray {
    color: #707b82 !important;
    fill: #707b82 !important;
}

a.text-gray:focus,
a.text-gray:hover {
    color: #3b4351 !important;
}

a.text-gray:visited {
    color: #707b82 !important;
}

.text-light {
    color: #fff !important;
}

a.text-light:focus,
a.text-light:hover {
    color: rgba(237, 241, 255, .5) !important;
}

a.text-light:visited {
    color: #fff !important;
}

.text-dark {
    color: #3b4351 !important;
}

a.text-dark:focus,
a.text-dark:hover {
    color: #303742 !important;
}

a.text-dark:visited {
    color: #3b4351 !important;
}

.text-success {
    color: #2fb457 !important;
}

a.text-success:focus,
a.text-success:hover {
    color: #2da23c !important;
}

a.text-success:visited {
    color: #2fb457 !important;
}

.text-warning {
    color: #ffcc66 !important;
    fill:  #ffcc66 !important;
}

a.text-warning:focus,
a.text-warning:hover {
    color: #e6a500 !important;
}

a.text-warning:visited {
    color: #ffbe1a !important;
}

.text-error {
    color: #c75466 !important;
    fill: #c75466 !important;
}

a.text-error:focus,
a.text-error:hover {
    color: #b34858 !important;
}

a.text-error:visited {
    color: #c75466 !important;
}

.bg-primary {
    background: #2b478b !important;
    color: #fff;
}

.bg-secondary {
    background: #edf1ff !important;
}

.bg-dark {
    background: #303742 !important;
    color: #fff;
}

.bg-gray {
    background: #f7f8f9 !important;
}

.bg-success {
    background: #ebfcf0 !important;
    color: #2fb457;
}

.bg-white {
    background: #fff !important;
}

.bg-error {
    background: #c75466 !important;
    color: #fff;
}

.bg-warning {
    background: #fdefe8 !important;
}

.c-hand {
    cursor: pointer;
}

.c-move {
    cursor: move;
}

.c-zoom-in {
    cursor: zoom-in;
}

.c-zoom-out {
    cursor: zoom-out;
}

.c-not-allowed {
    cursor: not-allowed;
}

.c-auto {
    cursor: auto;
}

.d-block {
    display: block;
}

.d-inline {
    display: inline;
}

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

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

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

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

.d-visible {
    visibility: visible;
}

.d-invisible {
    visibility: hidden;
}

.text-hide {
    background: transparent;
    border: 0;
    color: transparent;
    font-size: 0;
    line-height: 0;
    text-shadow: none;
}

.text-assistive {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.divider,
.divider-vert {
    display: block;
    position: relative;
}

.divider[data-content]::after,
.divider-vert[data-content]::after {
    background: #fff;
    color: #bcc3ce;
    content: attr(data-content);
    display: inline-block;
    font-size: .7rem;
    padding: 0 .4rem;
    transform: translateY(-.65rem);
}

.divider {
    border-top: .05rem solid #dddfe5;
    height: .05rem;
    margin: .4rem 0;
}

.divider[data-content] {
    margin: .8rem 0;
}

.divider-vert {
    display: block;
    padding: .8rem;
}

.divider-vert::before {
    border-left: .05rem solid #dddfe5;
    bottom: .4rem;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: .4rem;
    transform: translateX(-50%);
}

.divider-vert[data-content]::after {
    left: 50%;
    padding: .2rem 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.loading {
    color: transparent !important;
    min-height: .8rem;
    pointer-events: none;
    position: relative;
}

.loading::after {
    animation: loading 500ms infinite linear;
    background: transparent;
    border: .1rem solid #2b478b;
    border-radius: 50%;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: .8rem;
    left: 50%;
    margin-left: -.4rem;
    margin-top: -.4rem;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 50%;
    width: .8rem;
    z-index: 1;
}

.loading.loading-lg {
    min-height: 2rem;
}

.loading.loading-lg::after {
    height: 1.6rem;
    margin-left: -.8rem;
    margin-top: -.8rem;
    width: 1.6rem;
}

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

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

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

@media only screen and (max-width: 767px) {
    .float-left-mobile {
        float: left !important;
    }

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

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

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

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

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

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

.p-centered {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.flex-centered {
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    justify-content: space-between;
}

.is-inset-none {
    padding: 0;
}

.is-inset-2 {
    padding: .1rem;
}

.is-inset-4 {
    padding: .2rem;
}

.is-inset-8 {
    padding: .4rem;
}

.is-inset-12 {
    padding: .6rem;
}

.is-inset-16 {
    padding: .8rem;
}

.is-inset-20 {
    padding: 1rem;
}

.is-inset-24 {
    padding: 1.2rem;
}

.is-inset-28 {
    padding: 1.4rem;
}

.is-inset-32 {
    padding: 1.6rem;
}

.is-inset-36 {
    padding: 1.8rem;
}

.is-inset-40 {
    padding: 2rem;
}

.is-inset-44 {
    padding: 2.2rem;
}

.is-inset-48 {
    padding: 2.4rem;
}

.is-inset-52 {
    padding: 2.6rem;
}

.is-inset-56 {
    padding: 2.8rem;
}

.is-inset-60 {
    padding: 3rem;
}

.is-inset-64 {
    padding: 3.2rem;
}

.is-inset-80 {
    padding: 4rem;
}

.is-inset-100 {
    padding: 5rem;
}

.is-inset-120 {
    padding: 6rem;
}

@media only screen and (max-width: 767px) {
    .inset-none-mobile {
        padding: 0;
    }

    .is-inset-2-mobile {
        padding: .1rem;
    }

    .is-inset-4-mobile {
        padding: .2rem;
    }

    .is-inset-8-mobile {
        padding: .4rem;
    }

    .is-inset-12-mobile {
        padding: .6rem;
    }

    .is-inset-16-mobile {
        padding: .8rem;
    }

    .is-inset-20-mobile {
        padding: 1rem;
    }

    .is-inset-24-mobile {
        padding: 1.2rem;
    }

    .is-inset-28-mobile {
        padding: 1.4rem;
    }

    .is-inset-32-mobile {
        padding: 1.6rem;
    }

    .is-inset-36-mobile {
        padding: 1.8rem;
    }

    .is-inset-40-mobile {
        padding: 2rem;
    }

    .is-inset-44-mobile {
        padding: 2.2rem;
    }

    .is-inset-48-mobile {
        padding: 2.4rem;
    }

    .is-inset-52-mobile {
        padding: 2.6rem;
    }

    .is-inset-56-mobile {
        padding: 2.8rem;
    }

    .is-inset-60-mobile {
        padding: 3rem;
    }

    .is-inset-64-mobile {
        padding: 3.2rem;
    }

    .is-inset-80-mobile {
        padding: 4rem;
    }

    .is-inset-100-mobile {
        padding: 5rem;
    }

    .is-inset-120-mobile {
        padding: 6rem;
    }
}

.is-inset-x-none {
    padding-left: 0;
    padding-right: 0;
}

.is-inset-x-2 {
    padding-left: .1rem;
    padding-right: .1rem;
}

.is-inset-x-4 {
    padding-left: .2rem;
    padding-right: .2rem;
}

.is-inset-x-8 {
    padding-left: .4rem;
    padding-right: .4rem;
}

.is-inset-x-12 {
    padding-left: .6rem;
    padding-right: .6rem;
}

.is-inset-x-16 {
    padding-left: .8rem;
    padding-right: .8rem;
}

.is-inset-x-20 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.is-inset-x-24 {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

.is-inset-x-28 {
    padding-left: 1.4rem;
    padding-right: 1.4rem;
}

.is-inset-x-32 {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
}

.is-inset-x-36 {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
}

.is-inset-x-40 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.is-inset-x-44 {
    padding-left: 2.2rem;
    padding-right: 2.2rem;
}

.is-inset-x-48 {
    padding-left: 2.4rem;
    padding-right: 2.4rem;
}

.is-inset-x-52 {
    padding-left: 2.6rem;
    padding-right: 2.6rem;
}

.is-inset-x-56 {
    padding-left: 2.8rem;
    padding-right: 2.8rem;
}

.is-inset-x-60 {
    padding-left: 3rem;
    padding-right: 3rem;
}

.is-inset-x-64 {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
}

.is-inset-x-80 {
    padding-left: 4rem;
    padding-right: 4rem;
}

.is-inset-x-100 {
    padding-left: 5rem;
    padding-right: 5rem;
}

.is-inset-x-120 {
    padding-left: 6rem;
    padding-right: 6rem;
}

@media only screen and (max-width: 767px) {
    .inset-x-none-mobile {
        padding-left: 0;
        padding-right: 0;
    }

    .is-inset-x-2-mobile {
        padding-left: .1rem;
        padding-right: .1rem;
    }

    .is-inset-x-4-mobile {
        padding-left: .2rem;
        padding-right: .2rem;
    }

    .is-inset-x-8-mobile {
        padding-left: .4rem;
        padding-right: .4rem;
    }

    .is-inset-x-12-mobile {
        padding-left: .6rem;
        padding-right: .6rem;
    }

    .is-inset-x-16-mobile {
        padding-left: .8rem;
        padding-right: .8rem;
    }

    .is-inset-x-20-mobile {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .is-inset-x-24-mobile {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }

    .is-inset-x-28-mobile {
        padding-left: 1.4rem;
        padding-right: 1.4rem;
    }

    .is-inset-x-32-mobile {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }

    .is-inset-x-36-mobile {
        padding-left: 1.8rem;
        padding-right: 1.8rem;
    }

    .is-inset-x-40-mobile {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .is-inset-x-44-mobile {
        padding-left: 2.2rem;
        padding-right: 2.2rem;
    }

    .is-inset-x-48-mobile {
        padding-left: 2.4rem;
        padding-right: 2.4rem;
    }

    .is-inset-x-52-mobile {
        padding-left: 2.6rem;
        padding-right: 2.6rem;
    }

    .is-inset-x-56-mobile {
        padding-left: 2.8rem;
        padding-right: 2.8rem;
    }

    .is-inset-x-60-mobile {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .is-inset-x-64-mobile {
        padding-left: 3.2rem;
        padding-right: 3.2rem;
    }

    .is-inset-x-80-mobile {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .is-inset-x-100-mobile {
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .is-inset-x-120-mobile {
        padding-left: 6rem;
        padding-right: 6rem;
    }
}

.is-inset-y-none {
    padding-top: 0;
    padding-bottom: 0;
}

.is-inset-y-2 {
    padding-top: .1rem;
    padding-bottom: .1rem;
}

.is-inset-y-4 {
    padding-top: .2rem;
    padding-bottom: .2rem;
}

.is-inset-y-8 {
    padding-top: .4rem;
    padding-bottom: .4rem;
}

.is-inset-y-12 {
    padding-top: .6rem;
    padding-bottom: .6rem;
}

.is-inset-y-16 {
    padding-top: .8rem;
    padding-bottom: .8rem;
}

.is-inset-y-20 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.is-inset-y-24 {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}

.is-inset-y-28 {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
}

.is-inset-y-32 {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
}

.is-inset-y-36 {
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
}

.is-inset-y-40 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.is-inset-y-44 {
    padding-top: 2.2rem;
    padding-bottom: 2.2rem;
}

.is-inset-y-48 {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
}

.is-inset-y-52 {
    padding-top: 2.6rem;
    padding-bottom: 2.6rem;
}

.is-inset-y-56 {
    padding-top: 2.8rem;
    padding-bottom: 2.8rem;
}

.is-inset-y-60 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.is-inset-y-64 {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
}

.is-inset-y-80 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.is-inset-y-100 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.is-inset-y-120 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

@media only screen and (max-width: 767px) {
    .inset-y-none-mobile {
        padding-top: 0;
        padding-bottom: 0;
    }

    .is-inset-y-2-mobile {
        padding-top: .1rem;
        padding-bottom: .1rem;
    }

    .is-inset-y-4-mobile {
        padding-top: .2rem;
        padding-bottom: .2rem;
    }

    .is-inset-y-8-mobile {
        padding-top: .4rem;
        padding-bottom: .4rem;
    }

    .is-inset-y-12-mobile {
        padding-top: .6rem;
        padding-bottom: .6rem;
    }

    .is-inset-y-16-mobile {
        padding-top: .8rem;
        padding-bottom: .8rem;
    }

    .is-inset-y-20-mobile {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .is-inset-y-24-mobile {
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
    }

    .is-inset-y-28-mobile {
        padding-top: 1.4rem;
        padding-bottom: 1.4rem;
    }

    .is-inset-y-32-mobile {
        padding-top: 1.6rem;
        padding-bottom: 1.6rem;
    }

    .is-inset-y-36-mobile {
        padding-top: 1.8rem;
        padding-bottom: 1.8rem;
    }

    .is-inset-y-40-mobile {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .is-inset-y-44-mobile {
        padding-top: 2.2rem;
        padding-bottom: 2.2rem;
    }

    .is-inset-y-48-mobile {
        padding-top: 2.4rem;
        padding-bottom: 2.4rem;
    }

    .is-inset-y-52-mobile {
        padding-top: 2.6rem;
        padding-bottom: 2.6rem;
    }

    .is-inset-y-56-mobile {
        padding-top: 2.8rem;
        padding-bottom: 2.8rem;
    }

    .is-inset-y-60-mobile {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .is-inset-y-64-mobile {
        padding-top: 3.2rem;
        padding-bottom: 3.2rem;
    }

    .is-inset-y-80-mobile {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .is-inset-y-100-mobile {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .is-inset-y-120-mobile {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
}

.is-inset-top-none {
    padding-top: 0;
}

.is-inset-top-2 {
    padding-top: .1rem;
}

.is-inset-top-4 {
    padding-top: .2rem;
}

.is-inset-top-8 {
    padding-top: .4rem;
}

.is-inset-top-12 {
    padding-top: 0.6rem;
}

.is-inset-top-16 {
    padding-top: .8rem;
}

.is-inset-top-20 {
    padding-top: 1rem;
}

.is-inset-top-24 {
    padding-top: 1.2rem;
}

.is-inset-top-28 {
    padding-top: 1.4rem;
}

.is-inset-top-32 {
    padding-top: 1.6rem;
}

.is-inset-top-36 {
    padding-top: 1.8rem;
}

.is-inset-top-40 {
    padding-top: 2rem;
}

.is-inset-top-44 {
    padding-top: 2.2rem;
}

.is-inset-top-48 {
    padding-top: 2.4rem;
}

.is-inset-top-52 {
    padding-top: 2.6rem;
}

.is-inset-top-56 {
    padding-top: 2.8rem;
}

.is-inset-top-60 {
    padding-top: 3rem;
}

.is-inset-top-64 {
    padding-top: 3.2rem;
}

.is-inset-top-80 {
    padding-top: 4rem;
}

.is-inset-top-100 {
    padding-top: 5rem;
}

.is-inset-top-120 {
    padding-top: 6rem;
}

@media only screen and (max-width: 767px) {
    .is-inset-top-none-mobile {
        padding-top: 0;
    }

    .is-inset-top-2-mobile {
        padding-top: .1rem;
    }

    .is-inset-top-4-mobile {
        padding-top: .2rem;
    }

    .is-inset-top-8-mobile {
        padding-top: .4rem;
    }

    .is-inset-top-12-mobile {
        padding-top: .6rem;
    }

    .is-inset-top-16-mobile {
        padding-top: .8rem;
    }

    .is-inset-top-20-mobile {
        padding-top: 1rem;
    }

    .is-inset-top-24-mobile {
        padding-top: 1.2rem;
    }

    .is-inset-top-28-mobile {
        padding-top: 1.4rem;
    }

    .is-inset-top-32-mobile {
        padding-top: 1.6rem;
    }

    .is-inset-top-36-mobile {
        padding-top: 1.8rem;
    }

    .is-inset-top-40-mobile {
        padding-top: 2rem;
    }

    .is-inset-top-44-mobile {
        padding-top: 2.2rem;
    }

    .is-inset-top-48-mobile {
        padding-top: 2.4rem;
    }

    .is-inset-top-52-mobile {
        padding-top: 2.6rem;
    }

    .is-inset-top-56-mobile {
        padding-top: 2.8rem;
    }

    .is-inset-top-60-mobile {
        padding-top: 3rem;
    }

    .is-inset-top-64-mobile {
        padding-top: 3.2rem;
    }

    .is-inset-top-80-mobile {
        padding-top: 4rem;
    }

    .is-inset-top-100-mobile {
        padding-top: 5rem;
    }

    .is-inset-top-120-mobile {
        padding-top: 6rem;
    }
}

.is-inset-bottom-none {
    padding-bottom: 0;
}

.is-inset-bottom-2 {
    padding-bottom: .1rem;
}

.is-inset-bottom-4 {
    padding-bottom: .2rem;
}

.is-inset-bottom-8 {
    padding-bottom: .4rem;
}

.is-inset-bottom-12 {
    padding-bottom: .6rem;
}

.is-inset-bottom-16 {
    padding-bottom: .8rem;
}

.is-inset-bottom-20 {
    padding-bottom: 1rem;
}

.is-inset-bottom-24 {
    padding-bottom: 1.2rem;
}

.is-inset-bottom-28 {
    padding-bottom: 1.4rem;
}

.is-inset-bottom-32 {
    padding-bottom: 1.6rem;
}

.is-inset-bottom-36 {
    padding-bottom: 1.8rem;
}

.is-inset-bottom-40 {
    padding-bottom: 2rem;
}

.is-inset-bottom-44 {
    padding-bottom: 2.2rem;
}

.is-inset-bottom-48 {
    padding-bottom: 2.4rem;
}

.is-inset-bottom-52 {
    padding-bottom: 2.6rem;
}

.is-inset-bottom-56 {
    padding-bottom: 2.8rem;
}

.is-inset-bottom-60 {
    padding-bottom: 3rem;
}

.is-inset-bottom-64 {
    padding-bottom: 3.2rem;
}

.is-inset-bottom-80 {
    padding-bottom: 4rem;
}

.is-inset-bottom-100 {
    padding-bottom: 5rem;
}

.is-inset-bottom-120 {
    padding-bottom: 6rem;
}

@media only screen and (max-width: 767px) {
    .is-inset-bottom-none-mobile {
        padding-bottom: 0;
    }

    .is-inset-bottom-2-mobile {
        padding-bottom: .1rem;
    }

    .is-inset-bottom-4-mobile {
        padding-bottom: .2rem;
    }

    .is-inset-bottom-8-mobile {
        padding-bottom: .4rem;
    }

    .is-inset-bottom-12-mobile {
        padding-bottom: .6rem;
    }

    .is-inset-bottom-16-mobile {
        padding-bottom: .8rem;
    }

    .is-inset-bottom-20-mobile {
        padding-bottom: 1rem;
    }

    .is-inset-bottom-24-mobile {
        padding-bottom: 1.2rem;
    }

    .is-inset-bottom-28-mobile {
        padding-bottom: 1.4rem;
    }

    .is-inset-bottom-32-mobile {
        padding-bottom: 1.6rem;
    }

    .is-inset-bottom-36-mobile {
        padding-bottom: 1.8rem;
    }

    .is-inset-bottom-40-mobile {
        padding-bottom: 2rem;
    }

    .is-inset-bottom-44-mobile {
        padding-bottom: 2.2rem;
    }

    .is-inset-bottom-48-mobile {
        padding-bottom: 2.4rem;
    }

    .is-inset-bottom-52-mobile {
        padding-bottom: 2.6rem;
    }

    .is-inset-bottom-56-mobile {
        padding-bottom: 2.8rem;
    }

    .is-inset-bottom-60-mobile {
        padding-bottom: 3rem;
    }

    .is-inset-bottom-64-mobile {
        padding-bottom: 3.2rem;
    }

    .is-inset-bottom-80-mobile {
        padding-bottom: 4rem;
    }

    .is-inset-bottom-100-mobile {
        padding-bottom: 5rem;
    }

    .is-inset-bottom-120-mobile {
        padding-bottom: 6rem;
    }
}

.is-inset-left-none {
    padding-left: 0;
}

.is-inset-left-2 {
    padding-left: .1rem;
}

.is-inset-left-4 {
    padding-left: .2rem;
}

.is-inset-left-8 {
    padding-left: .4rem;
}

.is-inset-left-12 {
    padding-left: .6rem;
}

.is-inset-left-16 {
    padding-left: .8rem;
}

.is-inset-left-20 {
    padding-left: 1rem;
}

.is-inset-left-24 {
    padding-left: 1.2rem;
}

.is-inset-left-28 {
    padding-left: 1.4rem;
}

.is-inset-left-32 {
    padding-left: 1.6rem;
}

.is-inset-left-36 {
    padding-left: 1.8rem;
}

.is-inset-left-40 {
    padding-left: 2rem;
}

.is-inset-left-44 {
    padding-left: 2.2rem;
}

.is-inset-left-48 {
    padding-left: 2.4rem;
}

.is-inset-left-52 {
    padding-left: 2.6rem;
}

.is-inset-left-56 {
    padding-left: 2.8rem;
}

.is-inset-left-60 {
    padding-left: 3rem;
}

.is-inset-left-64 {
    padding-left: 3.2rem;
}

.is-inset-left-80 {
    padding-left: 4rem;
}

.is-inset-left-100 {
    padding-left: 5rem;
}

.is-inset-left-120 {
    padding-left: 6rem;
}

@media only screen and (max-width: 767px) {
    .is-inset-left-none-mobile {
        padding-left: 0;
    }

    .is-inset-left-2-mobile {
        padding-left: .1rem;
    }

    .is-inset-left-4-mobile {
        padding-left: .2rem;
    }

    .is-inset-left-8-mobile {
        padding-left: .4rem;
    }

    .is-inset-left-12-mobile {
        padding-left: .6rem;
    }

    .is-inset-left-16-mobile {
        padding-left: .8rem;
    }

    .is-inset-left-20-mobile {
        padding-left: 1rem;
    }

    .is-inset-left-24-mobile {
        padding-left: 1.2rem;
    }

    .is-inset-left-28-mobile {
        padding-left: 1.4rem;
    }

    .is-inset-left-32-mobile {
        padding-left: 1.6rem;
    }

    .is-inset-left-36-mobile {
        padding-left: 1.8rem;
    }

    .is-inset-left-40-mobile {
        padding-left: 2rem;
    }

    .is-inset-left-44-mobile {
        padding-left: 2.2rem;
    }

    .is-inset-left-48-mobile {
        padding-left: 2.4rem;
    }

    .is-inset-left-52-mobile {
        padding-left: 2.6rem;
    }

    .is-inset-left-56-mobile {
        padding-left: 2.8rem;
    }

    .is-inset-left-60-mobile {
        padding-left: 3rem;
    }

    .is-inset-left-64-mobile {
        padding-left: 4rem;
    }

    .is-inset-left-80-mobile {
        padding-left: 4rem;
    }

    .is-inset-left-100-mobile {
        padding-left: 5rem;
    }

    .is-inset-left-120-mobile {
        padding-left: 6rem;
    }
}

.is-inset-right-none {
    padding-right: 0;
}

.is-inset-right-2 {
    padding-right: .1rem;
}

.is-inset-right-4 {
    padding-right: .2rem;
}

.is-inset-right-8 {
    padding-right: .4rem;
}

.is-inset-right-12 {
    padding-right: .6rem;
}

.is-inset-right-16 {
    padding-right: .8rem;
}

.is-inset-right-20 {
    padding-right: 1rem;
}

.is-inset-right-24 {
    padding-right: 1.2rem;
}

.is-inset-right-28 {
    padding-right: 1.4rem;
}

.is-inset-right-32 {
    padding-right: 1.6rem;
}

.is-inset-right-36 {
    padding-right: 1.8rem;
}

.is-inset-right-40 {
    padding-right: 2rem;
}

.is-inset-right-44 {
    padding-right: 2.2rem;
}

.is-inset-right-48 {
    padding-right: 2.4rem;
}

.is-inset-right-52 {
    padding-right: 2.6rem;
}

.is-inset-right-56 {
    padding-right: 2.8rem;
}

.is-inset-right-60 {
    padding-right: 3rem;
}

.is-inset-right-64 {
    padding-right: 3.2rem;
}

.is-inset-right-80 {
    padding-right: 4rem;
}

.is-inset-right-100 {
    padding-right: 5rem;
}

.is-inset-right-120 {
    padding-right: 6rem;
}

@media only screen and (max-width: 767px) {
    .is-inset-right-none-mobile {
        padding-right: 0;
    }

    .is-inset-right-2-mobile {
        padding-right: .1rem;
    }

    .is-inset-right-4-mobile {
        padding-right: .2rem;
    }

    .is-inset-right-8-mobile {
        padding-right: .4rem;
    }

    .is-inset-right-12-mobile {
        padding-right: .6rem;
    }

    .is-inset-right-16-mobile {
        padding-right: .8rem;
    }

    .is-inset-right-20-mobile {
        padding-right: 1rem;
    }

    .is-inset-right-24-mobile {
        padding-right: 1.2rem;
    }

    .is-inset-right-28-mobile {
        padding-right: 1.4rem;
    }

    .is-inset-right-32-mobile {
        padding-right: 1.6rem;
    }

    .is-inset-right-36-mobile {
        padding-right: 1.8rem;
    }

    .is-inset-right-40-mobile {
        padding-right: 2rem;
    }

    .is-inset-right-44-mobile {
        padding-right: 2.2rem;
    }

    .is-inset-right-48-mobile {
        padding-right: 2.4rem;
    }

    .is-inset-right-52-mobile {
        padding-right: 2.6rem;
    }

    .is-inset-right-56-mobile {
        padding-right: 2.8rem;
    }

    .is-inset-right-60-mobile {
        padding-right: 3rem;
    }

    .is-inset-right-64-mobile {
        padding-right: 3.2rem;
    }

    .is-inset-right-80-mobile {
        padding-right: 4rem;
    }

    .is-inset-right-100-mobile {
        padding-right: 5rem;
    }

    .is-inset-right-120-mobile {
        padding-right: 6rem;
    }
}

.is-outset-none {
    margin: 0;
}

.is-outset-2 {
    margin: .1rem;
}

.is-outset-4 {
    margin: .2rem;
}

.is-outset-8 {
    margin: .4rem;
}

.is-outset-12 {
    margin: .6rem;
}

.is-outset-16 {
    margin: .8rem;
}

.is-outset-20 {
    margin: 1rem;
}

.is-outset-24 {
    margin: 1.2rem;
}

.is-outset-28 {
    margin: 1.4rem;
}

.is-outset-32 {
    margin: 1.6rem;
}

.is-outset-36 {
    margin: 1.8rem;
}

.is-outset-40 {
    margin: 2rem;
}

.is-outset-44 {
    margin: 2.2rem;
}

.is-outset-48 {
    margin: 2.4rem;
}

.is-outset-52 {
    margin: 2.6rem;
}

.is-outset-56 {
    margin: 2.8rem;
}

.is-outset-60 {
    margin: 3rem;
}

.is-outset-64 {
    margin: 3.2rem;
}

.is-outset-80 {
    margin: 4rem;
}

.is-outset-100 {
    margin: 5rem;
}

.is-outset-120 {
    margin: 6rem;
}

@media only screen and (max-width: 767px) {
    .is-outset-none-mobile {
        margin: 0;
    }

    .is-outset-2-mobile {
        margin: .1rem;
    }

    .is-outset-4-mobile {
        margin: .2rem;
    }

    .is-outset-8-mobile {
        margin: .4rem;
    }

    .is-outset-12-mobile {
        margin: .6rem;
    }

    .is-outset-16-mobile {
        margin: .8rem;
    }

    .is-outset-20-mobile {
        margin: 1rem;
    }

    .is-outset-24-mobile {
        margin: 1.2rem;
    }

    .is-outset-28-mobile {
        margin: 1.4rem;
    }

    .is-outset-32-mobile {
        margin: 1.6rem;
    }

    .is-outset-36-mobile {
        margin: 1.8rem;
    }

    .is-outset-40-mobile {
        margin: 2rem;
    }

    .is-outset-44-mobile {
        margin: 2.2rem;
    }

    .is-outset-48-mobile {
        margin: 2.4rem;
    }

    .is-outset-52-mobile {
        margin: 2.6rem;
    }

    .is-outset-56-mobile {
        margin: 2.8rem;
    }

    .is-outset-60-mobile {
        margin: 3rem;
    }

    .is-outset-64-mobile {
        margin: 3.2rem;
    }

    .is-outset-80-mobile {
        margin: 4rem;
    }

    .is-outset-100-mobile {
        margin: 5rem;
    }

    .is-outset-120-mobile {
        margin: 6rem;
    }
}

.is-outset-x-none {
    margin-left: 0;
    margin-right: 0;
}

.is-outset-x-2 {
    margin-left: .1rem;
    margin-right: .1rem;
}

.is-outset-x-4 {
    margin-left: .2rem;
    margin-right: .2rem;
}

.is-outset-x-8 {
    margin-left: .4rem;
    margin-right: .4rem;
}

.is-outset-x-12 {
    margin-left: .6rem;
    margin-right: .6rem;
}

.is-outset-x-16 {
    margin-left: .8rem;
    margin-right: .8rem;
}

.is-outset-x-20 {
    margin-left: 1rem;
    margin-right: 1rem;
}

.is-outset-x-24 {
    margin-left: 1.2rem;
    margin-right: 1.2rem;
}

.is-outset-x-28 {
    margin-left: 1.4rem;
    margin-right: 1.4rem;
}

.is-outset-x-32 {
    margin-left: 1.6rem;
    margin-right: 1.6rem;
}

.is-outset-x-36 {
    margin-left: 1.8rem;
    margin-right: 1.8rem;
}

.is-outset-x-40 {
    margin-left: 2rem;
    margin-right: 2rem;
}

.is-outset-x-44 {
    margin-left: 2.2rem;
    margin-right: 2.2rem;
}

.is-outset-x-48 {
    margin-left: 2.4rem;
    margin-right: 2.4rem;
}

.is-outset-x-52 {
    margin-left: 2.6rem;
    margin-right: 2.6rem;
}

.is-outset-x-56 {
    margin-left: 2.8rem;
    margin-right: 2.8rem;
}

.is-outset-x-60 {
    margin-left: 3rem;
    margin-right: 3rem;
}

.is-outset-x-64 {
    margin-left: 3.2rem;
    margin-right: 3.2rem;
}

.is-outset-x-80 {
    margin-left: 4rem;
    margin-right: 4rem;
}

.is-outset-x-100 {
    margin-left: 5rem;
    margin-right: 5rem;
}

.is-outset-x-120 {
    margin-left: 6rem;
    margin-right: 6rem;
}

@media only screen and (max-width: 767px) {
    .is-outset-x-none-mobile {
        margin-left: 0;
        margin-right: 0;
    }

    .is-outset-x-2-mobile {
        margin-left: .1rem;
        margin-right: .1rem;
    }

    .is-outset-x-4-mobile {
        margin-left: .2rem;
        margin-right: .2rem;
    }

    .is-outset-x-8-mobile {
        margin-left: .4rem;
        margin-right: .4rem;
    }

    .is-outset-x-12-mobile {
        margin-left: .6rem;
        margin-right: .6rem;
    }

    .is-outset-x-16-mobile {
        margin-left: .8rem;
        margin-right: .8rem;
    }

    .is-outset-x-20-mobile {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .is-outset-x-24-mobile {
        margin-left: 1.2rem;
        margin-right: 1.2rem;
    }

    .is-outset-x-28-mobile {
        margin-left: 1.4rem;
        margin-right: 1.4rem;
    }

    .is-outset-x-32-mobile {
        margin-left: 1.6rem;
        margin-right: 1.6rem;
    }

    .is-outset-x-36-mobile {
        margin-left: 1.8rem;
        margin-right: 1.8rem;
    }

    .is-outset-x-40-mobile {
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .is-outset-x-44-mobile {
        margin-left: 2.2rem;
        margin-right: 2.2rem;
    }

    .is-outset-x-48-mobile {
        margin-left: 2.4rem;
        margin-right: 2.4rem;
    }

    .is-outset-x-52-mobile {
        margin-left: 2.6rem;
        margin-right: 2.6rem;
    }

    .is-outset-x-56-mobile {
        margin-left: 2.8rem;
        margin-right: 2.8rem;
    }

    .is-outset-x-60-mobile {
        margin-left: 3rem;
        margin-right: 3rem;
    }

    .is-outset-x-64-mobile {
        margin-left: 3.2rem;
        margin-right: 3.2rem;
    }

    .is-outset-x-80-mobile {
        margin-left: 4rem;
        margin-right: 4rem;
    }

    .is-outset-x-100-mobile {
        margin-left: 5rem;
        margin-right: 5rem;
    }

    .is-outset-x-120-mobile {
        margin-left: 6rem;
        margin-right: 6rem;
    }
}

.is-outset-y-none {
    margin-top: 0;
    margin-bottom: 0;
}

.is-outset-y-2 {
    margin-top: .1rem;
    margin-bottom: .1rem;
}

.is-outset-y-4 {
    margin-top: .2rem;
    margin-bottom: .2rem;
}

.is-outset-y-8 {
    margin-top: .4rem;
    margin-bottom: .4rem;
}

.is-outset-y-12 {
    margin-top: .6rem;
    margin-bottom: .6rem;
}

.is-outset-y-16 {
    margin-top: .8rem;
    margin-bottom: .8rem;
}

.is-outset-y-20 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.is-outset-y-24 {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
}

.is-outset-y-28 {
    margin-top: 1.4rem;
    margin-bottom: 1.4rem;
}

.is-outset-y-32 {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
}

.is-outset-y-36 {
    margin-top: 1.8rem;
    margin-bottom: 1.8rem;
}

.is-outset-y-40 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.is-outset-y-44 {
    margin-top: 2.2rem;
    margin-bottom: 2.2rem;
}

.is-outset-y-48 {
    margin-top: 2.4rem;
    margin-bottom: 2.4rem;
}

.is-outset-y-52 {
    margin-top: 2.6rem;
    margin-bottom: 2.6rem;
}

.is-outset-y-56 {
    margin-top: 2.8rem;
    margin-bottom: 2.8rem;
}

.is-outset-y-60 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.is-outset-y-64 {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem;
}

.is-outset-y-80 {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.is-outset-y-100 {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.is-outset-y-120 {
    margin-top: 6rem;
    margin-bottom: 6rem;
}

@media only screen and (max-width: 767px) {
    .is-outset-y-none-mobile {
        margin-top: 0;
        margin-bottom: 0;
    }

    .is-outset-y-2-mobile {
        margin-top: .1rem;
        margin-bottom: .1rem;
    }

    .is-outset-y-4-mobile {
        margin-top: .2rem;
        margin-bottom: .2rem;
    }

    .is-outset-y-8-mobile {
        margin-top: .4rem;
        margin-bottom: .4rem;
    }

    .is-outset-y-12-mobile {
        margin-top: .6rem;
        margin-bottom: .6rem;
    }

    .is-outset-y-16-mobile {
        margin-top: .8rem;
        margin-bottom: .8rem;
    }

    .is-outset-y-20-mobile {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .is-outset-y-24-mobile {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem;
    }

    .is-outset-y-28-mobile {
        margin-top: 1.4rem;
        margin-bottom: 1.4rem;
    }

    .is-outset-y-32-mobile {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem;
    }

    .is-outset-y-36-mobile {
        margin-top: 1.8rem;
        margin-bottom: 1.8rem;
    }

    .is-outset-y-40-mobile {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .is-outset-y-44-mobile {
        margin-top: 2.2rem;
        margin-bottom: 2.2rem;
    }

    .is-outset-y-48-mobile {
        margin-top: 2.4rem;
        margin-bottom: 2.4rem;
    }

    .is-outset-y-52-mobile {
        margin-top: 2.6rem;
        margin-bottom: 2.6rem;
    }

    .is-outset-y-56-mobile {
        margin-top: 2.8rem;
        margin-bottom: 2.8rem;
    }

    .is-outset-y-60-mobile {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .is-outset-y-64-mobile {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem;
    }

    .is-outset-y-80-mobile {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .is-outset-y-100-mobile {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .is-outset-y-120-mobile {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }
}

.is-stack-none,
.is-col-stack-none > .column {
    margin-bottom: 0 !important;
}

.is-stack-2,
.is-col-stack-2 > .column {
    margin-bottom: .1rem !important;
}

.is-stack-4,
.is-col-stack-4 > .column {
    margin-bottom: .2rem !important;
}

.is-stack-8,
.is-col-stack-8 > .column {
    margin-bottom: .4rem !important;
}

.is-stack-12,
.is-col-stack-12 > .column {
    margin-bottom: .6rem !important;
}

.is-stack-16,
.is-col-stack-16 > .column {
    margin-bottom: .8rem !important;
}

.is-stack-20,
.is-col-stack-20 > .column {
    margin-bottom: 1rem !important;
}

.is-stack-24,
.is-col-stack-24 > .column {
    margin-bottom: 1.2rem !important;
}

.is-stack-28,
.is-col-stack-28 > .column {
    margin-bottom: 1.4rem !important;
}

.is-stack-32,
.is-col-stack-32 > .column {
    margin-bottom: 1.6rem !important;
}

.is-stack-36,
.is-col-stack-36 > .column {
    margin-bottom: 1.8rem !important;
}

.is-stack-40,
.is-col-stack-40 > .column {
    margin-bottom: 2rem !important;
}

.is-stack-44,
.is-col-stack-44 > .column {
    margin-bottom: 2.2rem !important;
}

.is-stack-48,
.is-col-stack-48 > .column {
    margin-bottom: 2.4rem !important;
}

.is-stack-52,
.is-col-stack-52 > .column {
    margin-bottom: 2.6rem !important;
}

.is-stack-56,
.is-col-stack-56 > .column {
    margin-bottom: 2.8rem !important;
}

.is-stack-60,
.is-col-stack-60 > .column {
    margin-bottom: 3rem !important;
}

.is-stack-64,
.is-col-stack-64 > .column {
    margin-bottom: 3.2rem !important;
}

.is-stack-80,
.is-col-stack-80 > .column {
    margin-bottom: 4rem !important;
}

.is-stack-100,
.is-col-stack-100 > .column {
    margin-bottom: 5rem !important;
}

.is-stack-120,
.is-col-stack-120 > .column {
    margin-bottom: 6rem !important;
}

@media only screen and (max-width: 767px) {
    .is-stack-none-mobile,
    .is-col-stack-none-mobile > .column {
        margin-bottom: 0 !important;
    }

    .is-stack-2-mobile,
    .is-col-stack-2-mobile > .column {
        margin-bottom: .1rem !important;
    }

    .is-stack-4-mobile,
    .is-col-stack-4-mobile > .column {
        margin-bottom: .2rem !important;
    }

    .is-stack-8-mobile,
    .is-col-stack-8-mobile > .column {
        margin-bottom: .4rem !important;
    }

    .is-stack-12-mobile,
    .is-col-stack-12-mobile > .column {
        margin-bottom: .6rem !important;
    }

    .is-stack-16-mobile,
    .is-col-stack-16-mobile > .column {
        margin-bottom: .8rem !important;
    }

    .is-stack-20-mobile,
    .is-col-stack-20-mobile > .column {
        margin-bottom: 1rem !important;
    }

    .is-stack-24-mobile,
    .is-col-stack-24-mobile > .column {
        margin-bottom: 1.2rem !important;
    }

    .is-stack-28-mobile,
    .is-col-stack-28-mobile > .column {
        margin-bottom: 1.4rem !important;
    }

    .is-stack-32-mobile,
    .is-col-stack-32-mobile > .column {
        margin-bottom: 1.6rem !important;
    }

    .is-stack-36-mobile,
    .is-col-stack-36-mobile > .column {
        margin-bottom: 1.8rem !important;
    }

    .is-stack-40-mobile,
    .is-col-stack-40-mobile > .column {
        margin-bottom: 2rem !important;
    }

    .is-stack-44-mobile,
    .is-col-stack-44-mobile > .column {
        margin-bottom: 2.2rem !important;
    }

    .is-stack-48-mobile,
    .is-col-stack-48-mobile > .column {
        margin-bottom: 2.4rem !important;
    }

    .is-stack-52-mobile,
    .is-col-stack-52-mobile > .column {
        margin-bottom: 2.6rem !important;
    }

    .is-stack-56-mobile,
    .is-col-stack-56-mobile > .column {
        margin-bottom: 2.8rem !important;
    }

    .is-stack-60-mobile,
    .is-col-stack-60-mobile > .column {
        margin-bottom: 3rem !important;
    }

    .is-stack-64-mobile,
    .is-col-stack-64-mobile > .column {
        margin-bottom: 3.2rem !important;
    }

    .is-stack-80-mobile,
    .is-col-stack-80-mobile > .column {
        margin-bottom: 4rem !important;
    }

    .is-stack-100-mobile,
    .is-col-stack-100-mobile > .column {
        margin-bottom: 5rem !important;
    }

    .is-stack-120-mobile,
    .is-col-stack-120-mobile > .column {
        margin-bottom: 6rem !important;
    }
}

.is-scrollable {
    overflow-x: auto;
    white-space: nowrap;
}

.s-rounded {
    border-radius: .5rem;
}

.s-circle {
    border-radius: 50%;
}

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

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

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

.text-justify {
    text-align: justify;
}

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

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

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

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

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

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

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

.text-large {
    font-size: .9rem !important;
}

.text-small {
    font-size: .7rem !important;
}

.text-tiny {
    font-size: .6rem !important;
}

@media (max-width: 840px) {
    .text-large {
        font-size: .8rem !important;
    }

    .text-left-mobile {
        text-align: left;
    }

    .text-right-mobile {
        text-align: right;
    }

    .text-center-mobile {
        text-align: center;
    }
}

.text-muted {
    opacity: .8;
}

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

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

.text-break {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
}

.icons__left .icon {
    margin-right: 5px;
}

.icons__right .icon {
    margin-left: 5px;
}

.icons .icon:not(:last-child) {
    margin-right: 10px;
}

.icons svg.icon {
    box-sizing: border-box;
    display: inline-block;
    font-size: inherit;
    font-style: normal;
    position: relative;
    vertical-align: middle;
    text-indent: -9999px;
    width: 1rem; /* ширина иконки */
    height: 1rem; /* высота иконки */
    /*fill: #3626a7; цвет заливки иконки */
    transition: 0.25s; /* плавное изменение цвета при наведении */
}

.icon-info {
    display: inline-block;
    text-align: center;
    width: 1.2rem;
    min-width: 1.2rem;
    height: 1.2rem;
    min-height: 1.2rem;
    border-radius: .6rem;
    margin-right: .5rem;
}

.icons.icon-info svg.icon {
    width: .8rem;
    height: .8rem;
}

.accordion svg.icon,
.btn svg.icon,
.toast svg.icon,
.menu svg.icon {
    vertical-align: -18%;
}

.nav-item svg.icon {
    vertical-align: -8%;
}

.btn-lg svg.icon {
    vertical-align: -25%;
    width: 1.25rem; /* ширина иконки */
    height: 1.25rem; /* высота иконки */
}

.btn-sm svg.icon {
    vertical-align: -15%;
    width: .8rem; /* ширина иконки */
    height: .8rem; /* высота иконки */
}

/* цвет заливки иконки при наведении
.icons__icon:hover svg.icon {
  fill: #422ecc;
}
*/


.is-shadow-1 {
    box-shadow: 0 3px 5px rgba(0, 72, 152, .2);
}

.is-shadow-2 {
    box-shadow: 0 6px 15px rgba(0, 72, 152, .1);
}

.is-shadow-3 {
    box-shadow: 0 10px 20px rgba(0, 72, 152, .1);
}

.is-border {
    border: 1px solid #dddfe5;
}

.is-border-top {
    border-top: 1px solid #dddfe5;
}

.is-border-bottom {
    border-bottom: 1px solid #dddfe5;
}

.is-border-none {
    border: none;
}

@media only screen and (max-width: 840px) {
    .is-border-mobile {
        border: 1px solid #dddfe5;
    }

    .is-border-top-mobile {
        border-top: 1px solid #dddfe5;
    }

    .is-border-bottom-mobile {
        border-bottom: 1px solid #dddfe5;
    }

    .is-border-none-mobile {
        border: none;
    }
}

/*
.off-canvas {
  display: flex;
  display: -ms-flexbox;
  -ms-flex-flow: nowrap;
  flex-flow: nowrap;
  height: 100vh;
  position: relative;
  width: 100%;
}

.off-canvas .off-canvas-toggle {
  display: block;
  left: .4rem;
  position: absolute;
  top: .4rem;
  transition: none;
  z-index: 1;
}

.off-canvas .off-canvas-sidebar {
  background: #f5f7fb;
  bottom: 0;
  left: 0;
  min-width: 10rem;
  overflow-y: auto;
  position: fixed;
  top: 0;
  transform: translateX(-100%);
  transition: transform .25s;
  z-index: 200;
}

.off-canvas .off-canvas-content {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  padding: .4rem .4rem .4rem 4rem;
}

.off-canvas .off-canvas-overlay {
  background: rgba(0,15,27,.55);
  border-color: transparent;
  border-radius: 0;
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
}

.off-canvas .off-canvas-sidebar:target,
.off-canvas .off-canvas-sidebar.active {
  transform: translateX(0);
}

.off-canvas .off-canvas-sidebar:target ~ .off-canvas-overlay,
.off-canvas .off-canvas-sidebar.active ~ .off-canvas-overlay {
  display: block;
  z-index: 100;
}

@media (min-width: 960px) {
  .off-canvas.off-canvas-sidebar-show .off-canvas-toggle {
    display: none;
  }
  .off-canvas.off-canvas-sidebar-show .off-canvas-sidebar {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    transform: none;
  }
  .off-canvas.off-canvas-sidebar-show .off-canvas-overlay {
    display: none !important;
  }
}*/

/**
 * Off-Canavs
 */

[off-canvas] {
    position: fixed;
    overflow: hidden;
    overflow-y: auto;
    background-color: #fff;
    opacity: 0;
    height: 0;
    -webkit-overflow-scrolling: touch; /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
}

[off-canvas*=left] {
    min-width: 100%;
    /*height: 100%;*/
    top: 0;
    left: 0;
}

[off-canvas*=top] {
    width: 100%;
    min-height: 255px;
    top: 0;
}

[off-canvas*=right] {
    min-width: 100%;
    height: 100%;
    top: 0;
    right: 0;
}

[off-canvas*=bottom] {
    width: 100%;
    min-height: 255px;
    bottom: 0;
}

[off-canvas*=reveal] {
    z-index: 0;
}

[off-canvas*=push] {
    z-index: 1;
}

[off-canvas*=overlay] {
    z-index: 9999;
}

[off-canvas*=shift] {
    z-index: 0;
}

.js-close-any-slidebar .overlay {
    /*background: rgba(48, 55, 66, .1);*/
    background: rgba(231, 158, 175, .3);
    border-color: transparent;
    border-radius: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100;
    transition: all 0.4s ease;
}

.off-close {
    top: 0;
    right: 0;
    z-index: 1;
}

/**
 * Animation
 */
[class*=js-] {
    cursor: pointer;
}

[canvas], [off-canvas] {
    /*-webkit-transform: translate( 0px, 0px );
	    -ms-transform: translate( 0px, 0px );
	        transform: translate( 0px, 0px );*/
    -webkit-transition: -webkit-transform 300ms;
    transition: transform 300ms;
    -webkit-backface-visibility: hidden; /* Prevents flickering, may be removed if experiencing problems with fixed background images in Chrome. */
}

[off-canvas*=shift][off-canvas*=top] {
    -webkit-transform: translate(0px, 50%);
    transform: translate(0px, 50%);
}

[off-canvas*=shift][off-canvas*=right] {
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
}

[off-canvas*=shift][off-canvas*=bottom] {
    -webkit-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
}

[off-canvas*=shift][off-canvas*=left] {
    -webkit-transform: translate(50%, 0px);
    transform: translate(50%, 0px);
}

@media (max-width: 360px) {
    [off-canvas] .btn-lg {
        font-size: .7rem;
    }
}

/**
 * Print
 */

@media print {
    [canvas] {
        -webkit-transform: translate(0px, 0px) !important;
        -ms-transform: translate(0px, 0px) !important;
        transform: translate(0px, 0px) !important;
    }

    [off-canvas] {
        display: none !important;
    }
}

/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    outline: none;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-loading .slick-list {
    /*background: #fff url('/images/ajax-loader.gif') center center no-repeat;*/
    color: transparent !important;
    min-height: .8rem;
    pointer-events: none;
    position: relative;
}

.slick-loading .slick-list::after {
    animation: loading 500ms infinite linear;
    background: transparent;
    border: .1rem solid #2b478b;
    border-radius: 50%;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: .8rem;
    left: 50%;
    margin-left: -.4rem;
    margin-top: -.4rem;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 50%;
    width: .8rem;
    z-index: 1;
}

/* Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    top: 50%;
    display: block;
    z-index: 1;
}

.nav_prev,
.nav_next {
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-top: -20px;
    text-align: center;
    cursor: pointer;
    color: transparent;
    fill: #707b82;
    border: none;
    border-radius: 10px;
    outline: none;
    background: #fff;
    box-shadow: 0px 0 10px 0px rgba(43, 71, 139, 0.15);
    z-index: 1;
}

.slick-prev.icons svg.icon,
.slick-next.icons svg.icon {
    width: 1.3rem;
    height: 1.3rem;
}

.slick-prev .nav_prev:hover,
.slick-prev .nav_prev:focus,
.slick-next .nav_next:hover,
.slick-next .nav_next:focus {
    color: transparent;
    outline: none;
    fill: #2b478b;
}

.slick-prev {
    left: -20px;
}

[dir='rtl'] .slick-prev {
    right: -20px;
    left: auto;
}

.slick-next {
    right: -20px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -20px;
}

.slick-disabled {
    display: none !important;
}

/* Dots */
.slick-dotted.slick-slider {
    /*margin-bottom: 30px;*/
}

.slick-dots {
    position: absolute;
    bottom: 25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

.slick-dots li {
    position: relative;

    display: inline-block;

    width: 12px;
    height: 12px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 12px;
    height: 12px;
    padding: 0;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dddfe5;
    border-radius: 10px;
    outline: none;
    transition: border .2s ease, color .2s ease, background .2s ease;
    -webkit-appearance: none;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
    background: #fff;
    border: 1px solid #6592c3;
}

.slick-dots li.slick-active button {
    background: #fff;
    border: 1px solid #6592c3;
}

/* Slider Animation */
.hero__slide_img {
    width: 100%;
    /*opacity: 0;
  animation: hideImage .5s;
  animation: hideImage .5s, scaleBackImage .5s forwards; */
}

/*
.hero__slide_info {
   transform: translateX(1000px);
}

.hero__slide_title {
   transform: translateX(1000px);
   transition: transform 1.5s;
}

.slick-active .hero__slide_title {
   transform: translateX(0);
   transition: transform .5s;
}

.slick-active .hero__slide_info {
   transform: translateX(0);
   transition: transform 1s;
}

.slick-active .hero__slide_img {
   animation: showImage .5s .5s forwards, scaleImage .5s .5s forwards;
}
*/


.slide_nav {
    top: 50%;
    left: 0;
    right: 0;
}

.slide_nav .slick-prev {
    left: -5px;
}

.slide_nav .slick-next {
    right: -5px;
}

.slide_nav .slick-prev::after,
.slide_nav .slick-next::after {
    opacity: 1 !important;
}

.slide_nav .slick-prev.hover::after,
.slide_nav .slick-next.hover::after {
    opacity: 0 !important;
}

@media (max-width: 1441px) {
    .slide_nav .slick-prev,
    .slide_nav_list .slick-prev {
        left: 20px;
    }

    .slide_nav .slick-next,
    .slide_nav_list .slick-next {
        right: 20px;
    }

    .slide_nav .slick-prev::after,
    .slide_nav .slick-next::after {
        display: none !important;
    }
}

/*
 .slide_nav_list .slick-prev {
   left: -20px;
 }
 .slide_nav_list .slick-next {
   right: -20px;
 }


 .slide_nav::after,
 .slide_nav::before {
   content: '';
  display: block;
  position: absolute;
  top: -150px;
  bottom: 0;
  width: 15px;
  height: 320px;
  background-color: #fff;
  z-index: 0;
 }
 .slide_nav::after {
   left: -15px;
 }
 .slide_nav::before {
   right: -15px;
 }
*/
/*@keyframes showImage {
   0% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}


@keyframes hideImage {
   0% {
      opacity: 1;
   }

   100% {
      opacity: 0;
   }
}

@keyframes scaleImage {
   0% {
      transform: scale(0);
      transform-origin: center;
   }

   100% {
      transform: scale(1);
      transform-origin: center;
   }
}

@keyframes scaleBackImage {
   0% {
      transform: scale(1);
      transform-origin: center;
   }

   100% {
      transform: scale(0);
      transform-origin: center;
   }
}*/


/* Rating stars */
.stars {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.stars:hover .star {
    fill: #ffcc66 !important;
}

.stars .star {
    float: left;
}

.stars .star {
    fill: #e2e8ea;
}

.stars .star:hover ~ .star {
    fill: #e2e8ea !important;
}

.stars[data-stars] .star {
    fill: #ffcc66;
    width: 1.5rem;
    height: 1.5rem;
}

.stars[data-stars="1"] .star:nth-child(1) ~ .star {
    fill: #e2e8ea;
}

.stars[data-stars="2"] .star:nth-child(2) ~ .star {
    fill: #e2e8ea;
}

.stars[data-stars="3"] .star:nth-child(3) ~ .star {
    fill: #e2e8ea;
}

.stars[data-stars="4"] .star:nth-child(4) ~ .star {
    fill: #e2e8ea;
}

.stars[data-stars="5"] .star:nth-child(5) ~ .star {
    fill: #e2e8ea;
}

/* Rating stars view */
.stars_view {
    width: 87px;
    background: #e2e8ea;
    display: inline-block;
    padding: 0;
    margin: 0;
    height: 14px;
    line-height: 1;
}

.stars_view svg.icon {
    position: relative;
    width: 88px;
    height: 20px;
    z-index: 2;
    margin-top: -3px;
}

.stars_view span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #ffcc66;
    z-index: 1;
    display: inline-block;
}

.stars_view.stars_big {
    width: 182px;
    height: 1.5rem;
}

.stars_view.stars_big svg.icon {
    width: 183px;
    height: 1.5rem;
    margin-top: 0;
    margin-left: -1px;
}

.progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #e2e8ea;
    border: 0;
    border-radius: .3rem;
    color: #2b478b;
    height: .6rem;
    position: relative;
    width: 100%;
}

.progress::-webkit-progress-bar {
    background: transparent;
    border-radius: .3rem;
}

.progress::-webkit-progress-value {
    background: #2b478b;
    border-radius: .3rem;
}

.progress::-moz-progress-bar {
    background: #2b478b;
    border-radius: .3rem;
}

.progress:indeterminate {
    animation: progress-indeterminate 1.5s linear infinite;
    background: #eef0f3 linear-gradient(to right, #5755d9 30%, #eef0f3 30%) top left/150% 150% no-repeat;
}

.progress:indeterminate::-moz-progress-bar {
    background: transparent;
}

@keyframes progress-indeterminate {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Timer */
#timer {
    font-size: 1rem;
    color: #fff;
    font-weight: 500;
    text-align: center;
}

#timer .number-wrapper {
    margin: .25rem;
    position: relative;
    display: inline-block;
}

#timer .number-wrapper::after {
    content: ':';
    position: absolute;
    top: 15px;
    right: -6px;
    color: #707b82;
    font-size: 12px;
}

#timer .number-wrapper:last-child::after {
    content: '';
}

#timer .number {
    display: inline-block;
    background: #2b478b;
    border-radius: .5rem;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
}

/* End */


/* Start:/local/templates/free-eyes/css/main.css?169442369441171*/
/* Header */
.header__logo {
    margin-right: 1.5rem /* 30/20 */;
    box-sizing: border-box;
    min-width: 10rem /* 200/20 */;
    min-height: 2rem /* 40/20 */;
}

@media (max-width: 480px) {
    .header__logo {
        min-width: 5.8rem /* 115/20 */;
        min-height: 1.2rem /* 24/20 */;
    }
}

.header__logo .logo {
    margin-top: 7px;
}

.header__logo .logo:hover {
    opacity: .8;
}

.header__map_city {
    max-width: 9rem /* 180/20 */;
}

.mobile-menu .header__map_city {
    max-width: 11rem /* 220/20 */;
}

.header__search {
    position: relative;
    width: 100%;
    margin-right: 1.6rem;
    margin-left: 1.6rem;
}

.header__search .input-group .form-input:first-child:not(:last-child),
.search-city .input-group .form-input:first-child:not(:last-child),
.search-mobile .search-form .input-group .form-input:first-child:not(:last-child),
.search__salons .search-form .input-group .form-input:first-child:not(:last-child) {
    border-bottom-right-radius: .5rem;
    border-top-right-radius: .5rem;
    z-index: 0;
}

.header__search .input-group .input-group-btn:last-child:not(:first-child),
.search-city .input-group .input-group-btn:last-child:not(:first-child),
.search-mobile .search-form .input-group .input-group-btn:last-child:not(:first-child),
.search__salons .search-form .input-group .input-group-btn:last-child:not(:first-child) {
    border: 0;
    position: absolute;
    right: 1px;
    z-index: 1;
    height: 38px;
    top: 1px;
}

.header__search .btn.btn-action.icons svg.icon,
.search-city .btn.btn-action.icons svg.icon,
.search-mobile .search-form .btn.btn-action.icons svg.icon,
.search__salons .search-form .btn.btn-action.icons svg.icon {
    fill: #6592c3;
}

.header__search .btn.btn-action.icons:hover svg.icon,
.search-city .btn.btn-action.icons:hover svg.icon,
.search-mobile .search-form .btn.btn-action.icons:hover svg.icon,
.search__salons .search-form .btn.btn-action.icons:hover svg.icon {
    fill: #2b478b;
}

.header__search .input-group-btn:hover,
.search-city .input-group-btn:hover,
.search-mobile .search-form .input-group-btn:hover,
.search__salons .search-form .input-group-btn:hover {
    background-color: #fff;
}

.header__phone {
    min-width: 9.3rem;
    max-width: 9.3rem;
}

.header__mobile_menu .d-flex {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.header__map_city .popover-container {
    width: 420px;
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
}

.header__mobile_menu .popover-container {
    position: fixed;
    opacity: 0;
    display: none;
    left: 0 !important;
    right: 0 !important;
    top: 45px !important;
    transform: unset;
    width: 100%;
    padding-left: .75rem;
    padding-right: .75rem;
}

.header__mobile_menu .popover.popover-bottom:hover .popover-container {
    transform: unset;
    opacity: 0;
    display: none;
}

@media (max-width: 600px) {
    .header__mobile_menu .popover-container,
    .header__mobile_menu .popover.popover-bottom:hover .popover-container {
        opacity: 1;
        display: block;
    }
}


.header__mobile_menu .popover-container .card .card-footer:last-child {
    padding-bottom: .2rem;
}

/* Modal search city */
ul.search-city__list {
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

ul.search-city__list li {
    margin: 0;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.search-city__city,
.search-city__city:visited {
    font-size: .7rem;
    font-weight: 500;
    color: #3b4351;
}

.search-city__city:hover,
.search-city__city.active {
    color: #c75466;
}


/* Header menu */
.header-menu__list {
    background-color: #fff;
}

.header-menu__list a {
    float: left;
    font-size: .75rem /* 15/20 */;
    font-weight: 600;
    text-align: center;
    padding: 0 .75rem /* 15/20 */;
    line-height: 2.5rem /* 50/20 */;
    height: 2.5rem /* 50/20 */;
    text-decoration: none;
}

@media (max-width: 1280px) {
    .header-menu__list a {
        font-size: .6rem /* 12/20 */
    }
}

.header-menu__list .header-menu__dropdown:first-child {
    margin-left: -.75rem;
}

.header-menu__list a.color-link {
    padding: 0.25rem .5rem /* 10/20 */;
    line-height: 2rem /* 40/20 */;
}

.header-menu__list a.color-link span {
    display: inline-block;
    padding: 0 .75rem /* 15/20 */;
    border-radius: .5rem /* 10/20 */
}

.header-menu__list a.color-link:hover {
    background-color: transparent !important;
    opacity: .8;
}

.header-menu__list a.float-right:last-child {
    margin-right: -.75rem;
}

.header-menu__list a.color-link.float-right:last-child {
    margin-right: -.5rem;
}

.header-menu__list .icons svg.icon {
    vertical-align: -12% !important;
}

.header-menu__dropdown {
    float: left;
    overflow: hidden;
}

.header-menu__list a:hover,
.header-menu__dropdown:hover a.text-dark {
    background-color: #edf1ff;
}

.header-menu__dropdown-content {
    /*display: none;*/
    position: absolute;
    top: 2.55rem /* 51/20 */;
    background-color: #fff;
    width: 100%;
    left: 0;
    box-shadow: 0px 10px 20px 0px rgba(43, 71, 139, 0.08);
    z-index: 9999;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: background .3s, box-shadow .3s, opacity .3s;
}

.header-menu__dropdown:hover .header-menu__dropdown-content {
    /*display: block;*/
    opacity: 1;
    height: auto;
}

.header-menu__dropdown-content .nav {
    padding-top: .6rem;
}

.header-menu__dropdown-content .nav .nav-item a {
    float: left;
    font-size: .7rem /* 14/20 */;
    font-weight: 500;
    text-align: left;
    padding: 0 0 .25rem 0;
    line-height: 1.2rem;
    height: auto;
    text-decoration: none;
}

.header-menu__dropdown-content .nav .nav-item a:hover {
    background: none;
}

.header-menu__dropdown-content .js-show-all {
    padding: 0;
    height: auto;
    line-height: 1;
}

.header-menu__dropdown-content .js-show-all:hover {
    background-color: inherit;
}

.banner-menu {
    border-radius: .5rem /* 10/20 */;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    max-height: 380px;
}

.header-menu__list a.header__banner_link {
    float: none;
    text-align: left;
    padding: 0;
    line-height: 1.5;
    font-size: .8rem;
    height: auto;
}

/* Hero slider (Banners) */
.hero__slide_content,
.banner__content {
    height: 25rem /* 500/20 */;
}

.hero__slide_link {
    display: block;
}

.hero__slide_title {
    padding-left: 3rem;
    padding-bottom: 2rem;
}

.hero__slide_info {
    left: 3rem /* 60/20 */;
    bottom: 2rem /* -40/20 */;
}

.hero__slide_info {
    font-size: .6rem /* 12/20 */;
}

@media (max-width: 1280px) {
    .hero__slide_content,
    .banner__content {
        height: 20rem /* 400/20 */;
    }

    .h1.hero__slide_title {
        font-size: 1.6rem !important;
    }

    .hero__slide {

    }
}

@media (max-width: 960px) {
    .hero__slider {
        margin-left: auto;
        margin-right: auto;
        padding-top: .75rem;
        width: 100%;
    }

    .hero__slide_content,
    .banner__content {
        height: 15rem /* 300/20 */;
    }

    .h1.hero__slide_title {
        font-size: .8rem !important;
        padding-left: 0;
        padding-bottom: 1rem;
    }

    .hero__slide_link {
        border-radius: .5rem /* 10/20 */;
    }

    .hero__slide_info {
        left: .5rem /* 10/20 */;
        bottom: .5rem /* 10/20 */;
        font-size: .5rem /* 10/20 */;
    }

    .hero__slide {
        padding-left: .75rem;
        padding-right: .75rem;
    }

    .hero__slider .container {
        padding-left: 0;
        padding-right: 0;
    }

    .hero__slider .cols,
    .hero__slider .columns {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 600px) {
    .banner__content {
        align-items: baseline;
        -ms-flex-align: baseline;
        -ms-flex-pack: baseline;
    }

    .h1.hero__slide_title {
        position: absolute;
        top: 160px;
        left: 10px;
        right: 10px;
        padding-bottom: 0;
    }

    img.hero__slide_img {
        display: inline-block;
        max-height: 7rem /* 140/20 */;
        width: auto;
    }
}

/* Products list */
.product_list,
.action__item,
.brands__item,
.news__item,
.photo__item {
    border: 0;
    transition: background .3s, box-shadow .3s, opacity .3s;
}

.product_list:hover {
    box-shadow: 0px 10px 20px 0px rgba(43, 71, 139, .1);
    z-index: 2;
}

.hits_products .slide_nav .slick-prev::after,
.hits_products .slide_nav .slick-next::after,
.actions .slide_nav .slick-prev::after,
.actions .slide_nav .slick-next::after,
.brands .slide_nav .slick-prev::after,
.brands .slide_nav .slick-next::after,
.news .slide_nav .slick-prev::after,
.news .slide_nav .slick-next::after,
.category .slide_nav .slick-prev::after,
.category .slide_nav .slick-next::after,
.photos .slide_nav .slick-prev::after,
.photos .slide_nav .slick-next::after,
.salons .slide_nav .slick-prev::after,
.salons .slide_nav .slick-next::after {
    content: '';
    display: block;
    position: absolute;
    top: -150px;
    bottom: 0;
    width: 20px;
    height: 310px;
    background-color: #fff;
    z-index: 0;
}

.hits_products .slide_nav .slick-prev::after,
.actions .slide_nav .slick-prev::after,
.brands .slide_nav .slick-prev::after,
.news .slide_nav .slick-prev::after,
.category .slide_nav .slick-prev::after,
.photos .slide_nav .slick-prev::after,
.salons .slide_nav .slick-prev::after {
    left: 0;
}

.hits_products .slide_nav .slick-next::after,
.actions .slide_nav .slick-next::after,
.brands .slide_nav .slick-next::after,
.news .slide_nav .slick-next::after,
.category .slide_nav .slick-next::after,
.photos .slide_nav .slick-next::after,
.salons .slide_nav .slick-next::after {
    right: 0px;
}


.products__slider .slick-dots,
.actions__slider .slick-dots,
.news__slider .slick-dots,
.brands__slider .slick-dots,
.category__slider .slick-dots,
.photos__slider .slick-dots,
.salons__slider .slick-dots {
    display: none !important;
}

.product_list .card-header {
    height: 3.3rem;
}

.price_list {
    font-size: 1.2rem;
    font-weight: 600;
}

.price_list__old {
    display: inline-block;
    padding-left: .5rem /* 10/20 */;
}

.product_list.card .card-image {
    padding-top: 180px;
}

/*.products__slider .slick-list {
  padding-left: .75rem;
  padding-right: .75rem;
}*/
/* Product list image slider */
.image-wrapper__box, .image-wrapper__image {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 100%
}

.image-wrapper__image {
    opacity: 0;
    visibility: hidden;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.image-wrapper__image.active {
    opacity: 1;
    visibility: visible
}

.image-wrapper__image img {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    pointer-events: none
}

.image-wrapper__image_max::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 25, 52, 0.3);
    z-index: 1;
    opacity: 0;
}

.max_images {
    display: none;
    z-index: 2;
}

.card-image:hover .max_images,
.card-image:hover .image-wrapper__image_max::before {
    display: block;
    opacity: 1;
}

.image-wrapper__dots {
    /*position: absolute;*/
    width: 70%;
    height: 100%;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 3;
    opacity: 0;
}

.card:hover .image-wrapper__dots {
    opacity: 1;
}

.image-wrapper__dot {
    position: relative;
    margin: 0 5px;
    height: 100%;
    width: 100%;
    background: 0 0 !important;
    background-color: transparent;
    opacity: 1
}

.image-wrapper__dot::after {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #edf1ff;
    border-radius: 2px;
    content: ""
}

.image-wrapper .image-wrapper__dot.active::after {
    background-color: #6592c3;
}

@media (max-width: 1024px) {
    .product_list:hover {
        box-shadow: unset;
    }

    .image-wrapper__dots {
        display: none;
    }
}


/* Map block */
.map__search {
    z-index: 1;
}

.map__search .form-select .select_style {
    border: 0;
    box-shadow: 0 0 10px rgba(0, 72, 52, 0.2);
}

.map__search .form-select.select-lg .select_style {
    font-weight: 600;
    height: 2.8rem /* 56/20 */;
    min-width: 12.5rem /* 250/20 */;
    padding: .75rem 2.2rem .75rem 1rem;
    margin-bottom: 1rem /* 20/20 */;
}

.map__search .select-lg .select_style__list {
    top: 3rem;
}

.map__block {
    height: 25rem /* 500/20 */;
    overflow: hidden;
}

@media (max-width: 600px) {
    .map__search__all {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 3;
    }

    .map__block {
        height: 10rem /* 200/20 */;
    }

    .map__block::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: rgba(43, 71, 139, .4);
        z-index: 2;
    }
}


/* Actions slider */
.actions .slide_nav .slick-prev::after,
.actions .slide_nav .slick-next::after,
.news .slide_nav .slick-prev::after,
.news .slide_nav .slick-next::after {
    top: -110px;
    height: 270px;
}

.actions .actions__slide_nav {
    top: 59%;
}

.action_badge {
    position: absolute;
    top: 10px;
    right: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fdefe8;
    border-radius: .5rem;
    color: #c75466;
    display: inline-block;
    font-size: .7rem;
    font-weight: 600;
    height: 2rem;
    line-height: 1.4rem;
    outline: none;
    padding: .25rem .5rem;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    z-index: 2;
}

.action__item .card-image,
.news__item .card-image {
    height: 150px;
    overflow: hidden;
    width: 100%;
    border-radius: .5rem;
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.action__item-img,
.news__item-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .5rem;
}

@media (min-width: 1024px) {
    .action__item:hover .action__item-img,
    .news__item:hover .news__item-img,
    .photo__item:hover .action__item-img {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.card.action__item .card-header,
.card.news__item .card-header,
.card.news__item .card-body {
    padding-left: 0;
    padding-right: 0;
}

/* Brands list */
.brands__item {
    border: 0;
    transition: background .3s, box-shadow .3s, opacity .3s;
}

.brands__item:hover {
    box-shadow: 0px 10px 20px 0px rgba(43, 71, 139, .1);
    z-index: 2;
}

.brands .slide_nav .slick-prev::after,
.brands .slide_nav .slick-next::after {
    top: -80px;
    bottom: 0;
    width: 20px;
    height: 160px;
    background-color: #edf1ff;
}

.brands .brands__slide_nav {
    top: 59%;
}

.brands_about .brands__slide_nav {
    top: 66%;
}

/* News slider */
.news .slide_nav .slick-prev::after,
.news .slide_nav .slick-next::after {
    top: -110px;
    height: 320px;
}

/* About main */
.about_main {
    background-repeat: no-repeat;
}

/* Footer main */
.footer .footer__menu .nav,
.footer .offer .nav {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: unset;
    flex-direction: unset;
}

.footer .nav .nav-item {
    margin: 0;
}

.footer__phone a {
    font-size: 1.2rem;
    font-weight: 500;
}

.footer .divider {
    border-top: .05rem solid #32519c;
}

.footer .offer .nav .nav-item a {
    line-height: 1;
}

.footer .offer .nav .nav-item:last-child a {
    padding-right: 0;
}

.footer .offer .nav .nav-item:first-child a {
    padding-left: 0;
}

.footer__soc .btn.icons svg.icon {
    fill: #fff;
}

.footer__soc .btn.icons {
    background: transparent;
}

.footer__soc .btn.icons:hover {
    opacity: .65;
}

.icon-studio svg.icon {
    fill: #fff;
    width: 2.5rem;
    height: 1.1rem;
}

.additional {
    background: url(/local/templates/free-eyes/css/../images/additional.png) no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 3.55rem;
}

@media (max-width: 840px) {
    .footer .footer__menu {
        padding: 0;
    }

    .footer .footer__menu .nav {
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .footer .footer__menu .nav .nav-item {
        border-bottom: .05rem solid #32519c;
    }

    .footer__phone {
        border-bottom: .05rem solid #32519c;
    }

    .additional {
        background: url(/local/templates/free-eyes/css/../images/additional_mob.png) no-repeat;
        background-size: contain;
        background-position: center;
        width: 100%;
        height: 6.1rem;
    }
}


/* Haeder Search results */
.js-search-result {
    opacity: 0;
    height: 0;
    transition: background .3s, box-shadow .3s, opacity .3s;
    z-index: -1;
}

.js-search-result.active {
    opacity: 1;
    height: auto;
    z-index: 100;
}

.search-result {
    position: absolute;
    top: 2.3rem /* 45/20 */;
    width: 100%;
    background-color: #fff;
    z-index: 100;
    border-radius: .5rem /* 10/20 */;
    box-shadow: 0px 0 20px 0px rgba(43, 71, 139, 0.08);
    transition: background .3s, box-shadow .3s, opacity .3s;
}

.search-slider.columns {
    margin-left: -1.6rem;
    margin-right: -1.6rem;
}

.search-products .slick-track {
    padding-left: .85rem;
    padding-right: .85rem;
}

.search-products .card {
    padding: 0;
}

.search-products .card-header,
.search-products .card-body {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0 !important;
}

.search-products .product_list .card-header {
    height: 2.5rem /* 50/20 */;
}

.search-products .card .card-title {
    font-size: .7rem /* 14/20 */;
}

.price_list {
    font-size: .9rem;
}

.price_list__old {
    font-size: .8rem;
}

.search-products .product_list:hover {
    box-shadow: none;
}

.search__slide_nav.slide_nav_list .slick-prev {
    left: -50px;
}

.search__slide_nav.slide_nav_list .slick-next {
    right: -50px;
}

/*.search-link {
  align-content: flex-start;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
}
*/
.search-link a {
    margin-right: 1rem /* 20/20 */;
    white-space: nowrap;
    font-size: .7rem /* 14/20 */;
}

.search-link a:last-child {
    margin-right: 0;
}

@media (max-width: 1280px) {
    .search-mobile .js-search-result {
        opacity: 1;
        height: auto;
    }

    .search-mobile .search-form {
        position: absolute;
        padding: .6rem 3.3rem 0 .6rem;
    }

    .search-mobile .search-result {
        top: 3.2rem;
        border-top: 1px solid #eef0f5;
        border-radius: 0;
        box-shadow: none;
    }

    .search__slide_nav.slide_nav_list .slick-prev {
        left: -20px;
    }

    .search__slide_nav.slide_nav_list .slick-next {
        right: -20px;
    }
}

@media (max-width: 960px) {
    .search__slide_nav {
        display: none;
    }
}


/* Catalog */
.category__slider .slick-track {
    margin-left: auto;
    margin-right: auto;
}

.category .category__slide_nav {
    top: 45%;
}

.category .slide_nav .slick-prev::after,
.category .slide_nav .slick-next::after {
    top: -105px;
    height: 210px;
}

.category .slide_nav .slick-next::after {
    right: -4px;
}

.category__item {
    transition: background .3s, box-shadow .3s, border .3s, opacity .3s;
}

.category__item:hover {
    border-color: #fff;

    box-shadow: 0px 10px 20px 0px rgba(43, 71, 139, .1);
    z-index: 2;
}

.category__item.card .card-image {
    height: 85px;
}

@media (max-width: 600px) {
    .category__item.card .card-title {
        font-size: .7rem;
    }
}

.cat__icon {
    top: 10px;
    right: 10px;
}

.animation-bubble {
    display: inline-block;
    width: 22px;
    height: 22px;
    padding: 2px;
    border-radius: 50%;
    border: 2px solid #2b478b;
    background-color: #fff;
    /*background:radial-gradient(circle at center,#fff 10px ,rgba(255,255,255,.6) 10px);
    background-clip:padding-box;
    box-shadow:0 0 15px rgba(255,255,255,.4);*/
    transform-origin: center;
    animation: pulse 1.5s ease-in infinite;
}

.animation-bubble::before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #c75466;
    z-index: 1;
}

@-webkit-keyframes pulse {
    0% {
        transform: scale3d(1, 1, 1);
    }
    50% {
        transform: scale3d(1.2, 1.2, 1.2);
    }
    100% {
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    0% {
        transform: scale3d(1, 1, 1);
    }
    50% {
        transform: scale3d(1.2, 1.2, 1.2);
    }
    100% {
        transform: scale3d(1, 1, 1);
    }
}

/* Filters */
.filters {
    width: 14rem;
    min-width: 14rem;
    padding-right: 1.2rem;
}

@media (max-width: 960px) {
    .filters {
        width: 100%;
        min-width: 100%;
        padding: 0;
    }

    .filters form {
        display: block;
        padding: .6rem;
    }

    .filter-title {
        font-size: 1.05rem;
        font-weight: 600;
        padding: .8rem 0 .5rem .6rem;
    }

    .select_style,
    .select_style__list {
        max-width: 14.5rem;
    }
}

@media (max-width: 480px) {
    .select_style,
    .select_style__list {
        max-width: 100%;
    }
}

.filters-accordion.accordionjs .acc_section .acc_head {
    padding: .8rem;
    border: 0;
    min-height: auto;
    font-size: .8rem;
    font-weight: 700;
    transition: box-shadow 0s;
}

.filters-accordion.accordionjs .acc_section {
    padding-top: 0;
}

.filters-accordion.accordionjs .acc_section.acc_active > .acc_head,
.filters-accordion.accordionjs .acc_section:not(.acc_active) .acc_head:hover {
    box-shadow: none;
    color: #3b4351 !important;
}

.filters-accordion.accordionjs .card-body {
    padding-top: 0;
}

.filters-accordion.accordionjs .card-body .form-checkbox:last-child {
    margin-bottom: 0;
}

.filter__list {
    max-height: 13.5rem;
    overflow-y: auto;
    overflow-x: hidden;
    transition: max-height .3s ease-in-out;
}

.filter__list,
.map_salon__list {
    scrollbar-width: thin;
    scrollbar-color: #6592c3 #edf1ff;
}

.filter__list::-webkit-scrollbar,
.map_salon__list::-webkit-scrollbar {
    height: 12px;
    width: 4px;
}

.filter__list::-webkit-scrollbar-track,
.map_salon__list::-webkit-scrollbar-track {
    background: #edf1ff;
}

.filter__list::-webkit-scrollbar-thumb,
.map_salon__list::-webkit-scrollbar-thumb {
    background-color: #6592c3;
    border-radius: 2px;
}

/* Products list */
.catalog__list .column:hover {
    z-index: 5;
}

.catalog__sort {
    position: relative;
    z-index: 15;
}

.catalog__sort .icons.down svg.icon {
    transform: rotate(90deg);
}

.catalog__sort .icons.up svg.icon {
    transform: rotate(-90deg);
}

.product_list .badge__list {
    position: absolute;
    top: 0;
    left: 0;
    padding: .5rem 1rem;
    z-index: 10;
}

.badge_active .image-wrapper__box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .5);
    z-index: 5;
}

.banner__big {
    position: relative;
    border-radius: .5rem;
    min-height: 10rem;
    overflow: hidden;
}

.banner__big::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgb(237, 241, 255);
    background: -moz-linear-gradient(90deg, rgba(237, 241, 255, 0.8) 25%, rgba(255, 255, 255, 0) 60%);
    background: -webkit-linear-gradient(90deg, rgba(237, 241, 255, 0.8) 25%, rgba(255, 255, 255, 0) 60%);
    background: linear-gradient(90deg, rgba(237, 241, 255, 0.8) 25%, rgba(255, 255, 255, 0) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#edf1ff", endColorstr="#ffffff", GradientType=1);
    z-index: 1;
    border-radius: .5rem;
}

.banner__big_content {
    top: 50%;
    left: 0;
    padding: .5rem 2rem 1rem 2rem;
    z-index: 2;
    transform: translate(0, -50%);
}

@media (max-width: 840px) {
    .banner__big_content {
        padding: .5rem 1rem 1rem 1rem;
    }

    .banner__big::before {
        background: rgb(237, 241, 255);
        background: -moz-linear-gradient(90deg, rgba(237, 241, 255, 0.8) 25%, rgba(255, 255, 255, 0.5) 100%);
        background: -webkit-linear-gradient(90deg, rgba(237, 241, 255, 0.8) 25%, rgba(255, 255, 255, 0.5) 100%);
        background: linear-gradient(90deg, rgba(237, 241, 255, 0.8) 25%, rgba(255, 255, 255, 0.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#edf1ff", endColorstr="#ffffff", GradientType=1);
    }
}

.block_desc {
    line-height: 1.4rem;
}

.more__link {
    /*position: relative;
    display: block;
    height: 2.5rem;
    width: 100%;
    background-color: #fff;*/
    text-align: center;
}


/* Product */
.product .block_title h1 {
    margin-bottom: 0;
}

.stars__title .stars_view {
    margin-top: 2px;
}

.product__article,
.stars__title,
.product__reviews_title {
    padding-right: 10px;
    display: inline-block;
}

@media (max-width: 480px) {
    .product__article {
        display: block;
        padding-bottom: 10px;
    }
}

.thumbnail__figure {
    /*width: 3.5rem !important;
    height: 3.5rem !important;*/
    border-color: #dddfe5 !important;
    margin: .25rem .25rem .25rem 0;
    overflow: hidden;
}

.thumbnail__figure.slick-current {
    border-color: #6592c3 !important;
}

.thumbnail__link {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
}

.youtube {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
}

.play-button {
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 2px solid #c75466;
    border-radius: 25px;
    z-index: 20;
    background-color: #fff;
}

.play-button::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0;
    height: 12px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #c75466;
    top: 12px;
    left: 14px;
}

.play-button.play-button__big {
    background-color: #c75466;
    margin-top: -40px;
    margin-left: -40px;
    border-radius: 40px;
    width: 80px;
    height: 80px;
}

.play-button.play-button__big::before {
    border-left: 20px solid #fff;
    height: 24px;
    border-top-width: 12px;
    border-bottom-width: 12px;
    top: 26px;
    left: 30px;
}

.badge-shape {
    position: absolute;
    top: 0;
    right: 0;
    height: 4rem;
    line-height: 1.2rem;
    padding: 1.5rem 0;
    width: 4rem;
    text-align: center;
}

@media (max-width: 768px) {
    .badge-shape {
        height: 60px;
        line-height: 1.2rem;
        padding: 1rem 0;
        width: 60px;
    }
}

.product__lenses .select-sm .select_style {
    min-width: 100%;
}

.price {
    line-height: 1;
}

.price_list__old,
.price__old {
    text-decoration: line-through;
}

.thumbnails__slider_min .slick-prev {
    top: 0;
    left: 50%;
    margin-left: -22px;
}

.thumbnails__slider_min .slick-next {
    top: auto;
    left: 50%;
    right: auto;
    bottom: -16px;
    margin-left: -22px;
}

.thumbnails__slider_min .nav_prev,
.thumbnails__slider_min .nav_next {
    margin-top: 0;
}

.thumbnails__slider_min .slick-slide {
    border: 1px solid transparent;
    text-align: center;
}

.thumbnails__slider_min .slick-slide img {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    transform: translate(0, -50%);
}

.product__option .product__option_item {
    padding-bottom: .5rem;
}

.product__option .product__option_item:not(:last-child),
.options-list .options-list__col:not(:last-child) {
    padding-right: .5rem;
    margin-left: -.3em;
}

.options-list .options-list__col.options-list__col_title {
    min-width: 3rem;
    vertical-align: baseline;
    padding-top: 35px;
}

@media (max-width: 768px) {
    .options-list .options-list__col.options-list__col_title {
        display: block;
        font-size: .8rem !important;
        padding-top: 0;
    }
}

/* Product Color */
.options-list .options-list__col,
.color-choose div,
.choose-buttons div {
    display: inline-block;
    vertical-align: top;
}

.color-choose input[type="radio"],
.choose-buttons input[type="radio"] {
    display: none;
}

.color-choose input[type="radio"] + label span {
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    position: relative;
    border: .05rem solid #dddfe5;
    overflow: hidden;
}

.color-choose input[type="radio"]:checked + label span {
    border: .05rem solid #6592c3;
}

.color-choose input[type="radio"] + label span svg.icon {
    display: none;
}

.color-choose input[type="radio"]:checked + label span::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(101, 146, 195, .3);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
}

.color-choose input[type="radio"]:checked + label span svg.icon {
    display: block;
    fill: #fff;
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    z-index: 2;
}

/* Configuration */
.choose-buttons {

}

.choose-buttons input[type="radio"] + label {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: .05rem solid #dddfe5;
    border-radius: .5rem;
    color: #3b4351;
    cursor: pointer;
    display: inline-block;
    font-size: .6rem;
    font-weight: 500;
    height: 1.6rem;
    padding: .05rem .6rem;
    line-height: 1.4rem;
    outline: none;
    text-align: center;
    text-decoration: none;
    transition: background .2s, border .2s, box-shadow .2s, color .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}

.choose-buttons input[type="radio"] + label:focus,
.choose-buttons input[type="radio"] + label:hover {
    background: #edf1ff;
    border-color: #2b478b;
    text-decoration: none;
}

.choose-buttons input[type="radio"]:active:checked + label,
.choose-buttons input[type="radio"].active:checked + label {
    background: #edf1ff;
    border: .05rem solid #2b478b;
    color: #2b478b;
    text-decoration: none;
}

.hits_products.tabs__content .slick-next {
    right: -20px;
}

.hits_products.tabs__content .slick-prev {
    left: -20px;
}

@media (max-width: 1441px) {
    .hits_products.tabs__content .slide_nav .slick-next,
    .hits_products.tabs__content .slide_nav_list .slick-next {
        right: 20px;
    }

    .hits_products.tabs__content .slide_nav .slick-prev,
    .hits_products.tabs__content .slide_nav_list .slick-prev {
        left: 20px;
    }
}

/* Content text style */
.content__text {
    line-height: 1.8;
}

.content__text h2,
.content__text h3,
.content__text h4,
.content__text h5,
.content__text .h2,
.content__text .h3,
.content__text .h4,
.content__text .h5 {
    margin-bottom: 1rem;
}

.content__text p + h2,
.content__text p + h3,
.content__text p + h4,
.content__text p + h5 {
    margin-top: 1rem;
}

.content__text ul {
    list-style: none;
    margin-left: 0;
    margin-bottom: 1.2rem;
}

.content__text ul li {
    position: relative;
    padding-left: 3rem;
}

.content__text ul li:not(:last-child) {
    padding-bottom: .5rem;
}

.content__text ul li::after,
.content__text ul li::before {
    content: '';
    position: absolute;
}

.content__text ul li::before {
    top: .45rem;
    left: 1.3rem;
    width: .4rem;
    height: .4rem;
    border-radius: .5rem;
    background-color: #2b478b;
}

.content__text ul li::after {
    top: 3px;
    left: 1rem;
    width: 1rem;
    height: 1rem;
    border-radius: .5rem;
    border: 1px solid #2b478b;
}

.text-video,
.text-slider {
    margin: 2.3rem 0 2.3rem;
}

.text-video .youtube,
.text-slider__content,
.content__text .map__block {
    border-radius: .5rem;
    overflow: hidden;
}

.text-video-caption {
    font-size: .7rem;
    font-weight: 300;
    color: #707b82 !important;
    padding: 0 20px;
    position: relative;
    border-left: .05rem solid #c75466;
    margin-top: 1rem;
}

.text-capt {
    display: block;
    margin: 0 auto;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    position: relative;
    max-width: 800px;
    font-size: 1.2rem /* 24/20 */;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0;
}

.text-capt::before,
.text-capt::after {
    position: absolute;
    font-size: 9.5rem;
    font-weight: 600;
    line-height: 1;
    color: #edf1ff;
    z-index: -1;
}

.text-capt::before {
    content: '«';
    left: -2.5rem;
    top: -5rem;
}

.text-capt::after {
    content: '»';
    right: -2.5rem;
    bottom: -2.5rem;
}

.text-slider ul li {
    padding-left: 0 !important;
}

.text-slider ul li::before,
.text-slider ul li::after {
    display: none;
}

.text-slider__content img {
    width: 100%;
}

.text-externals {
    margin: 2rem 0 2rem 0;
}

.text-externals__item {
    margin-bottom: 1rem;
}

.text-externals__item:last-child {
    margin-bottom: 0;
}

.text-external {
    display: block;
    position: relative;
    padding-left: 4rem;
}

.text-external-icon {
    width: 2rem;
    height: 2rem;
    position: absolute;
    left: 1.5rem;
    top: 50%;
    margin-top: -1rem;
}

.text-external-icon svg.icon {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    fill: #2b478b !important;
}

.text-external-text {
    font-weight: 400;
}

.text-external-text__ttl {
    font-size: .8rem;
    color: #2b478b !important;
    margin-bottom: 10px;
    font-weight: 500;
}

.text-external-text__ttl span {
    border-bottom: .05rem solid rgba(101, 146, 195, 0.2);
    -webkit-transition: border .3s;
    transition: border .3s;
}

.text-external-text__url {
    font-size: .6rem;
    line-height: .6rem;
    color: #707b82 !important;
}

.text-external:hover .text-external-text__ttl span {
    border-color: transparent;
}

.news-date,
.news-social .btn {
    margin-top: .6rem;
}

@media (max-width: 767px) {
    .text-video,
    .text-slider {
        margin: 1.2rem 0 1.2rem;
    }

    .text-capt {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
        font-size: 1rem;
        overflow: hidden;
    }

    .text-slider {
        margin-bottom: 2rem;
    }

    .content__text ul.slick-dots {
        bottom: -25px;
        margin-bottom: 0;
    }

    .text-externals {
        margin: .5rem 0 1.2rem;
    }

    .text-external {
        padding-left: 3rem;
    }

    .text-external-icon {
        left: .5rem;
        top: 50%;
    }

    .text-capt::before {
        content: '«';
        left: 0;
        top: -3.8rem;
    }

    .text-capt::after {
        content: '»';
        right: 0;
        bottom: -2rem;
    }
}

.buttons_rating {
    max-width: 300px;
}

@media (max-width: 480px) {
    .buttons_rating .btn:not(:last-child) + .btn {
        margin: 0;
        margin-top: 20px;
    }
}

.rating-title {
    width: 5rem;
}

.rating-num {
    width: 3.5rem;
}

/* Salons */
.salons .salons__slide_nav {
    top: 55%;
}

.salon_item {
    height: 100%;
}

.list_salon__property {
    list-style: none;
    margin: 0;
}

.list__icons {
    margin-top: .5rem;
    padding-left: 1.5rem;
}

.list__icons_icon {
    top: -2px;
    left: 0;
}

@media (min-width: 841px) {
    .tabs-menu__list {
        display: inline-block;
    }

    .tabs-menu__list .btn-group.btn-group-block .btn {
        flex: none;
    }
}

.map_salons,
.map_salons__list {
    overflow: hidden;
}

.map_salons,
.map_salon__list,
.map_salons__list {
    max-height: 800px;
}

@media (max-width: 840px) {
    .map_salons,
    .map_salon__list,
    .map_salons__list {
        max-height: 500px;
    }
}

.map_salon__list {
    overflow-y: auto;
    overflow-x: hidden;
    transition: max-height .3s ease-in-out;
    border-bottom-left-radius: .55rem;
    border-top-left-radius: .55rem;
}

.map_salon__item {
    border: 0;
    border-radius: 0;
    transition: background .3s, color .3s, border .3s;
    will-change: box-shadow;
    border: 2px solid #fff;
}

.map_salon__item:hover {
    background: #edf1ff;
    border: 2px solid #edf1ff;
}

.map_salon__item.active {
    color: #2b478b;
    border: 2px solid #6592c3;
}

.map_salons__list .popover {
    max-width: 350px;
}

.map_salons__list .popover .popover-container {
    display: block;
    opacity: 1;
    transform: translate(-50%, -100%) scale(1);
    padding: 0;
    width: auto;
}


.map_salons__list .popover .arrow {
    border-width: 11px;
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    z-index: 301;
}

.map_salons__list .popover .arrow,
.map_salons__list .popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.map_salons__list .popover .arrow:after {
    border-width: 10px;
    content: "";
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #fff;
    border-bottom-width: 0;
}

.map_salons__list .popover .close {
    position: absolute;
    top: .75rem;
    right: .75rem;
}

.map_salons__list .popover .popover-container .card .card-body {
    flex: none;
    padding-bottom: .5rem;
}

.map_salons__list .popover .card .card-header {
    padding-right: 50px;
}

.map_salons__list .popover .card .card-footer .btn {
    padding: 0;
    line-height: 2rem;
}

.ymaps-2-1-79-map {
    width: 100% !important;
}

.page__salon_desc {
    overflow: hidden;
}

.map__salon {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

@media (max-width: 840px) {
    .map__salon {
        height: 350px;
    }
}

.photos .photos__slide_nav {
    top: 62%;
}

.photo__item .card-image {
    height: 195px;
    overflow: hidden;
    width: 100%;
    border-radius: .5rem;
    transition: background .3s, color .3s, border .3s, opacity .3s;
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.salon_slider__icons .salon__icon img {
    width: 100%;
    height: 100%;

    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE 6-9 */
    transition: all 3s;
}

.salon_slider__icons .salon__icon:hover img {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    filter: none; /* IE 6-9 */
}

.icon_check {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .25rem;
}

.icon_check svg.icon {
    vertical-align: -15%;
    width: .8rem;
    height: .8rem;
    font-size: .8rem;
}

.icon_check svg.icon.check {
    fill: #2fb457;
}

.icon_check svg.icon.none {
    fill: #c75466;
}

.sertificats .photo__item .card-image {
    height: 100%;
}

.photo__item .card-image figure {
    margin: 0;
}

.photo__item .card-image:hover img {
    opacity: .7;
}

.photo__hover__icon {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2rem;
    height: 2rem;
    background-color: #fff;
    font-size: 1.2rem;
    line-height: 2rem;
    box-shadow: 0px 5px 5px 0px rgba(43, 71, 139, 0.1);
    cursor: pointer;
    opacity: 0;
    transition: background .3s, color .3s, border .3s, opacity .3s;
    z-index: 3;
}

.photo__item .card-image:hover .photo__hover__icon {
    opacity: 1;
}

.sertificats .photos__slide_nav {
    top: 50%;
}

.sertificats .slide_nav .slick-prev::after,
.sertificats .slide_nav .slick-next::after {
    height: 450px;
    top: -210px;
}

.sertificats .card .card-image img {
    display: block;
}

/* News page */

/* End */


/* Start:/local/templates/free-eyes/css/photoswipe.css?169442369416420*/
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
    -webkit-backface-visibility: hidden;
    outline: none;
}

.pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pswp img {
    max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
    /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
    opacity: 0.001;
    will-change: opacity;
    /* for open/close transition */
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
    display: block;
}

.pswp--zoom-allowed .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.pswp--dragging .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(59, 67, 81, .3);
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity;
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    /* for open/close transition */
    -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
    will-change: opacity;
    /* for open/close transition */
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden;
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
}

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
    -webkit-backface-visibility: hidden;
}

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
    background: #222;
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0;
}

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #CCC;
}

.pswp__error-msg a {
    color: #CCC;
    text-decoration: underline;
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

    Contents:

    1. Buttons
    2. Share modal and links
    3. Index indicator ("1 of X" counter)
    4. Caption
    5. Loading indicator
    6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*

    1. Buttons

 */
/* <button> css reset */
.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: 0.75;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pswp__button:focus, .pswp__button:hover {
    opacity: 1;
}

.pswp__button:active {
    outline: none;
    opacity: 0.9;
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
    opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background: url(/local/templates/free-eyes/css/../images/photoswipe/default-skin.png) 0 0 no-repeat;
    background-size: 264px 90px;
    width: 44px;
    height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
    /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(/local/templates/free-eyes/css/../images/photoswipe/default-skin.svg);
    }

    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {
        background: none;
    }
}

.pswp__button--close {
    background-position: 0 -44px;
}

.pswp__button--share {
    background-position: -44px -44px;
}

.pswp__button--fs {
    display: none;
}

.pswp--supports-fs .pswp__button--fs {
    display: block;
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0;
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden;
}

/*
    Arrow buttons hit area
    (icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute;
}

.pswp__button--arrow--left {
    left: 0;
}

.pswp__button--arrow--right {
    right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    content: '';
    top: 35px;
    background-color: rgba(59, 67, 81, .3);
    height: 32px;
    width: 32px;
    border-radius: .5rem;
    position: absolute;
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px;
}

/*

    2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity;
}

.pswp__share-modal--hidden {
    display: none;
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #FFF;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    -webkit-backface-visibility: hidden;
    will-change: transform;
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
}

.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000;
}

.pswp__share-tooltip a:first-child {
    /* round corners on the first/last list item */
    border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
    opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px;
}

a.pswp__share--facebook:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #FFF;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none;
}

a.pswp__share--facebook:hover {
    background: #3E5C9A;
    color: #FFF;
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A;
}

a.pswp__share--twitter:hover {
    background: #55ACEE;
    color: #FFF;
}

a.pswp__share--pinterest:hover {
    background: #CCC;
    color: #CE272D;
}

a.pswp__share--download:hover {
    background: #DDD;
}

/*

    3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #FFF;
    opacity: 0.75;
    padding: 0 10px;
}

/*

    4. Caption

 */
.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px;
}

.pswp__caption small {
    font-size: 11px;
    color: #BBB;
}

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #CCC;
}

.pswp__caption--empty {
    display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
    visibility: hidden;
}

/*

    5. Loading indicator (preloader)

    You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    will-change: opacity;
    direction: ltr;
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px;
}

.pswp__preloader--active {
    opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(/local/templates/free-eyes/css/preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
    animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
    animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: 0.75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
    /*
  			The idea of animating inner circle is based on Polymer ("material") loading indicator
  			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
  		*/
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #FFF;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0;
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right;
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

/*

    6. Additional styles

 */
/* root element of UI */
.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
    background-color: rgba(0, 0, 0, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
    background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
    opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0;
}

/*
    pswp__ui--hidden class is added when controls are hidden
    e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
    /* Force paint & create composition layer for controls. */
    opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none;
}

.pswp__element--disabled {
    display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
    background: none;
}

/* End */


/* Start:/local/templates/free-eyes/css/new.css?16944236943091*/
.about_main {
    background: url('/local/templates/okoptica/images/about_main_bg.jpg') no-repeat;
    background-size: auto;
    background-position: center;
}

.metro-select {
    display: inline-block;
    width: auto;
    position: relative;
}

.search-city__city label, .search-city__city label:visited {
    cursor: pointer;
}

.choose-buttons label {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: .05rem solid #dddfe5;
    border-radius: .5rem;
    color: #3b4351;
    cursor: pointer;
    display: inline-block;
    font-size: .6rem;
    font-weight: 500;
    height: 1.6rem;
    padding: .05rem .6rem;
    line-height: 1.4rem;
    outline: none;
    text-align: center;
    text-decoration: none;
    transition: background .2s, border .2s, box-shadow .2s, color .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}

.choose-buttons label:focus,
.choose-buttons label:hover {
    background: #edf1ff;
    border-color: #2b478b;
    text-decoration: none;
}

.choose-buttons .product-item-scu-item-text-container.selected label {
    background: #edf1ff;
    border: .05rem solid #2b478b;
    color: #2b478b;
    text-decoration: none;
}

/* Product Color */
.options-list .options-list__col,
.color-choose div,
.choose-buttons div {
    display: inline-block;
}


.color-choose label span {
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    position: relative;
    border: .05rem solid #dddfe5;
    overflow: hidden;
}

.color-choose .product-item-scu-item-color-container.selected label span {
    border: .05rem solid #6592c3;
}

.color-choose label span svg.icon {
    display: none;
}

.color-choose .product-item-scu-item-color-container.selected label span::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(101, 146, 195, .3);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
}

.color-choose .product-item-scu-item-color-container.selected label span svg.icon {
    display: block;
    fill: #fff;
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.product-item-scu-item-text-container,
.product-item-scu-item-color-container {

    padding: 0
}

.color-choose ul, .choose-buttons ul {
    margin: 0;
    padding: 0;
}

#timer img {
    width: 100%;
}

.product .img_brand {
    max-height: 40px;
    max-width: 200px;
}

#wait_loading {
    width: 100%;
    position: fixed;
    height: 100%;
    top: 0;
    background: #0000000f;
    z-index: 1000;
    display: none;
}

#wait_loading .easy-loading {
    margin: auto;
    align-items: center;
    display: flex;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    align-content: center;
    justify-content: center;
}
/* End */


/* Start:/local/templates/free-eyes/css/freeeyes.css?171343508910775*/
.header-title::before {
    content: '';
    display: block;
    border-left: .05rem solid #dddfe5;
    bottom: -.1rem;
    display: block;
    left: .8rem;
    position: absolute;
    top: -.1rem;
}

.h2.hero-title {
    font-size: 2.1rem;
    font-weight: 500;
}

.hero-franch {
    background: url('/local/templates/free-eyes/css/../images/main_bg.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}

@media (max-width: 768px) {
    .hero-franch {
        background-position: center left;
    }
}

.col-12 .select_style, .col-12 .select_style__list {
    max-width: 100%;
}

.bg-white {
    background: #ffffff !important;
}

.tile .tile-icon .icon_check {
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: .5rem;
}

.tile .tile-icon .icon_check svg.icon {
    width: 1rem;
    height: 1rem;
    vertical-align: -40%;
}

.block_reply {
	background: #fff url('/local/templates/free-eyes/css/../images/linzi.png') no-repeat;
	background-position: right -20% center;
}

.block-form__reply {
}

.block_reply #form-item__strelka::before {
	content: '';
	position: absolute;
	background: url('/local/templates/free-eyes/css/../images/strelka.png') no-repeat;
	background-position: center;
	width: 469px;
	height: 151px;
	bottom: 5px;
	left: 500px;
}

@media (max-width: 960px) {
	#form-item__strelka::before {
		display: none;
	}
}

@media (max-width: 767px) {
	.block_reply {
		background-position: right -20% bottom;
	}
}

.history-map .history-map_item {
	min-width: 200px;
}

.history-map .history-map_item.history-map_critical::after {
	content: '';
	display: block;
	position: absolute;
	background-color: #fff;
	border: 1px dashed #c75466;
	height: 275px;
	top: -20px;
	bottom: -20px;
	right: -1px;
	z-index: 1;
}

.history-maps .history_critical {
	display: block;
	position: absolute;
	color: #c75466;
	width: 180px;
	bottom: -63px;
	left: -90px;
	z-index: 2;
	line-height: 1;
	white-space: normal;
}

.history-map_item.history-map_bottom {
	padding-top: 130px;
}

.history-map_item .is-inset-bottom-16::before, .history-map_item .is-inset-top-16::before {
	content: '';
	display: block;
	position: absolute;
	background-color: #edf1ff;
	width: 100%;
	height: 3px;
}

.history-map_item.history-map_top .is-inset-bottom-16::before {
	bottom: -12px;
}

.history-map_item.history-map_bottom .is-inset-top-16::before {
	top: -15px;
}

.history-map_item .is-inset-bottom-16::after, .history-map_item .is-inset-top-16::after {
	content: '';
	display: block;
	position: absolute;
	background-color: #fff;
	border: 4px solid #2b478b;
	border-radius: 10px;
	width: 20px;
	height: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.history-map_item.history-map_top .is-inset-bottom-16::after {
	bottom: -21px;
}

.history-map_item.history-map_bottom .is-inset-top-16::after {
	top: -24px;
}

.history-map_item__end .is-inset-bottom-16::after {
	border: 4px solid #c75466;
}

.history-map_text {
	position: relative;
	display: block;
	border-radius: 10px;
	height: 90px;
	line-height: 80px;
}

.history-map_text div {
	line-height: 1.2;
	display: inline-block;
	white-space: normal;
}

.history-map_text::after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
}

.history-map_top .history-map_text::after {
	bottom: 0;
	margin-bottom: -8px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-top: 8px solid #2b478b;
}

.history-map_bottom .history-map_text::after {
	top: 0;
	margin-top: -8px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-bottom: 8px solid #2b478b;
}

.history-map_top .history-map_text.bg-error::after, .history-map_bottom .history-map_text.bg-error::after {
	border-top-color: #c75466;
}

.block-image-container {
  padding: 0;
  margin: 0;
}

.block-image-container img {
	display: block;
}

.block-image-label {
	position: absolute;
	top: 0;
	right: 0;
	color: #ffffff;
	padding: 0.5em;
	background-color: rgba(28, 28, 28, 0.5);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity: 0;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
	-moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
	transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}

.block-image-label.hidden {
	visibility: hidden;
}

.d-visible .block-image-label {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.block-resize-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	overflow: hidden;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-right: 2px solid #fff;
}

.block-resize-img img {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 100%;
	width: auto;
	max-width: none;
}

.block-resize-img .block-image-label {
	right: auto;
	left: 0;
	width: 220px;
}

@media only screen and (max-width: 767px) {
	.block-image-label {
		font-size: 12px;
	}

	.block-resize-img .block-image-label {
		width: auto;
	}
}

.d-visible .block-resize-img {
	width: 50%;
	-webkit-animation: block-bounce-in 0.7s;
	-moz-animation: block-bounce-in 0.7s;
	animation: block-bounce-in 0.7s;
}

@-webkit-keyframes block-bounce-in {
	0% {
		width: 0;
	}

	60% {
		width: 55%;
	}

	100% {
		width: 50%;
	}
}

@-moz-keyframes block-bounce-in {
	0% {
		width: 0;
	}

	60% {
		width: 55%;
	}

	100% {
		width: 50%;
	}
}

@keyframes block-bounce-in {
	0% {
		width: 0;
	}

	60% {
		width: 55%;
	}

	100% {
		width: 50%;
	}
}

.block-handle {
	position: absolute;
	height: 44px;
	width: 44px;
	left: 50%;
	top: 50%;
	margin-left: -22px;
	margin-top: -22px;
	border-radius: 50%;
	background: url("/local/templates/free-eyes/css/../images/block-arrows.svg") no-repeat center center;
	cursor: move;
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0) scale(0);
	-moz-transform: translate3d(0, 0, 0) scale(0);
	-ms-transform: translate3d(0, 0, 0) scale(0);
	-o-transform: translate3d(0, 0, 0) scale(0);
	transform: translate3d(0, 0, 0) scale(0);
}

.block-handle::after {
	content: '';
	margin-left: 17px;
	display: block;
	width: 8px;
	height: 44px;
	background-color: #fff;
	border-radius: 4px;
}

.block-handle.draggablephoto::after {
	background-color: #eef5fa;
}

.dargphoto-title {
	width: 50% !important;
	min-width: 50%;
}

.d-visible .block-handle {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	-moz-transform: translate3d(0, 0, 0) scale(1);
	-ms-transform: translate3d(0, 0, 0) scale(1);
	-o-transform: translate3d(0, 0, 0) scale(1);
	transform: translate3d(0, 0, 0) scale(1);
	-webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
	-moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
	transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}











.advantages__franch {
    background: url('/local/templates/free-eyes/css/../images/franchising/bg_advantages.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}

.advantages__franch_img img {
    width: 3.5rem;
    height: auto;
}


span.icon_num {
    border-radius: 1rem;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    line-height: 34px;
    padding: .2rem .4rem;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    color: #2b478b;
}

.dney30 {
    background: url('/local/templates/free-eyes/css/../images/franchising/30d.jpg') no-repeat;
    background-size: cover;
    background-position: top center;
}

.dney30 .photos .photos__slide_nav {
    top: 50%;
}

.pdf_franch {
    background: #2b478b url('/local/templates/free-eyes/css/../images/franchising/pdf_franch_bg.png') no-repeat;
    background-size: cover;
    background-position: center;
}

.pdf_franch__img {
    top: -45%;
    right: 10%;
}

.history {
    background: #edf1ff url('/local/templates/free-eyes/css/../images/franchising/history.png') no-repeat;
    background-size: cover;
    background-position: center;
}

.history__slide {
}

.history__slider .avatar-xl {
    font-size: 1.6rem;
    height: 9rem;
    width: 9rem;
}

.history__slider .avatar-xl img {
    border-radius: .8rem;
}

.history__slider .tile-content {
    padding-left: 1.5rem !important;
}

.history__slider .tile-content .bg-white::before {
    content: '';
    position: absolute;
    top: 70px;
    left: -15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 16px 15px 0;
    border-color: transparent #ffffff transparent transparent;
}

.history__slide_nav {
    top: 55%;
}

.history__slide_nav.slide_nav .slick-prev {
    left: 205px;
}

@media (max-width: 768px) {
    .history__slide .tile-icon {
        display: none;
    }

    .history__slider .tile-content {
        padding: 0 !important;
    }

    .history__slider .tile-content .bg-white::before {
        display: none;
    }
}

.price_doctors {
    background: #edf1ff url('/local/templates/free-eyes/css/../images/franchising/price_bg.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}

.price-list {
    display: flex;
    justify-content: center;
    align-content: space-between;
    align-items: center;
}

select.error,
.form-input.error,
.form-select.error {
    background: #fffaf7 !important;
    border-color: #e85600 !important;
}

.about-company {
    background: url('/local/templates/free-eyes/css/../images/franchising/bg_about.png') no-repeat;
    background-size: cover;
    background-position: center;
}

.trebovaniya {
    background: url('/local/templates/free-eyes/css/../images/franchising/bg_trebovaniya.png') no-repeat;
    background-size: cover;
    background-position: center;
}

.wa {
	position: fixed;
	top: 50%;
	right: 20px;
	left: inherit;
	z-index: 110;
	border-radius: 50px;
}

.wa .btn {
	color: #43cd66;
	border-radius: 50px;
  border: 0;
  padding: .25rem 1rem;
  line-height: 1.4;
  white-space: normal;
}
.wa .btn.is-inverted:hover {
	color: #fff;
	background-color: #43cd66;
	box-shadow: none;
}

.wa .btn span {
	display: inline-block;
  padding-left: .3rem;
  width: 100px;
}

.wa .btn-lg svg.icon {
  vertical-align: 0;
  fill: #43cd66;
}

.wa .btn-lg:hover svg.icon {
  fill: #fff;
}

@media (max-width: 767px) {
	.wa {
		top: auto;
		bottom: 10px;
		left: 10px;
		right: 10px;
	}

	.wa .btn {
		width: 100% !important;
		max-width: 100%;
    padding: .5rem 1.5rem;
	}
  .wa .btn span {
    width: auto;
  }

  .wa .btn-lg svg.icon {
    vertical-align: -25%;
    margin-top: 2px;
  }
}

.block-warning__items {
	row-gap: 25px;
}

/* End */


/* Start:/local/templates/.default/components/custom/back_to_top/.default/style.min.css?1750339052593*/
#back-top-top{position:fixed;left:12px;bottom:20px;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#2B478B;cursor:pointer;transition:all .3s ease}#back-top-top:hover{background:#3a5cb1}#back-top-top:before,#back-top-top:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#back-top-top:before{width:10px;height:10px;border:2px solid white;border-bottom:0;border-right:0;transform:translate(-50%,-50%) rotate(45deg)}#back-top-top:after{width:2px;height:14px;background:white}@media (min-width: 1200px){#back-top-top{left:25px;bottom:40px}}

/* End */
/* /local/templates/free-eyes/css/styles.css?1710767197141319 */
/* /local/templates/free-eyes/css/main.css?169442369441171 */
/* /local/templates/free-eyes/css/photoswipe.css?169442369416420 */
/* /local/templates/free-eyes/css/new.css?16944236943091 */
/* /local/templates/free-eyes/css/freeeyes.css?171343508910775 */
/* /local/templates/.default/components/custom/back_to_top/.default/style.min.css?1750339052593 */