@import url("../css/jquery.fancybox.min.css");
* { margin: 0; border: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*:focus { outline: none; }

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

html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; font-family: Catamaran; font-style: normal; font-weight: normal; font-size: 18px; line-height: 1.66; }

@-ms-viewport { width: device-width; }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

[tabindex="-1"]:focus { outline: 0 !important; }

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

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.7em; color: inherit; }

p { margin-top: 0; margin-bottom: 1.5em; }

abbr[data-original-title], abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; }

address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }

dl, ol, ul { margin-top: 0; margin-bottom: 1rem; }

ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; }

dt { font-weight: 700; }

dd { margin-bottom: 0.5rem; margin-left: 0; }

blockquote { margin: 0 0 1rem; }

dfn { font-style: italic; }

b, strong { font-weight: bolder; }

small { font-size: 80%; }

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

sub { bottom: -0.25em; }

sup { top: -0.5em; }

a { color: #00843c; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; }

a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; }

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; }

a:not([href]):not([tabindex]):focus { outline: 0; }

code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; }

pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; }

figure { margin: 0 0 1rem; }

img { vertical-align: middle; border-style: none; display: inline-block; }

svg:not(:root) { overflow: hidden; }

table { border-collapse: collapse; }

caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; }

th { text-align: inherit; }

label { display: inline-block; margin-bottom: 0.5rem; }

button { border-radius: 0; }

button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }

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

button, input { overflow: visible; }

button, select { text-transform: none; }

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

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

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

input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"] { -webkit-appearance: listbox; }

textarea { overflow: auto; resize: vertical; }

fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }

legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }

progress { vertical-align: baseline; }

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

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

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

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

output { display: inline-block; }

summary { display: list-item; cursor: pointer; }

template { display: none; }

[hidden] { display: none !important; }

img { max-width: 100%; height: auto; }

body, html { font-family: Steppe; font-style: normal; font-weight: 500; font-size: 15px; line-height: 1.25; color: #0e0e0e; }

a { color: var(--red); transition: all 0.2s; }

img { height: auto; max-width: 100%; }

button { outline: none !important; cursor: pointer; }

input, button, select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; }

h4, .h4 { font-weight: bold; font-size: 16px; line-height: 1.25; margin-bottom: 1.25em; }

.hidden { display: none !important; }

/*!
 * Datepicker v1.0.10
 * https://fengyuanchen.github.io/datepicker
 *
 * Copyright 2014-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2020-09-29T14:46:09.037Z
 */
.datepicker-container { background-color: #fff; direction: ltr; font-size: 12px; left: 0; line-height: 30px; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: none; touch-action: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 210px; z-index: -1; }

.datepicker-container:after, .datepicker-container:before { border: 5px solid transparent; content: " "; display: block; height: 0; position: absolute; width: 0; }

.datepicker-dropdown { border: 1px solid #ccc; -webkit-box-shadow: 0 3px 6px #ccc; box-shadow: 0 3px 6px #ccc; -webkit-box-sizing: content-box; box-sizing: content-box; position: absolute; z-index: 1; }

.datepicker-inline { position: static; }

.datepicker-top-left, .datepicker-top-right { border-top-color: #39f; }

.datepicker-top-left:after, .datepicker-top-left:before, .datepicker-top-right:after, .datepicker-top-right:before { border-top: 0; left: 10px; top: -5px; }

.datepicker-top-left:before, .datepicker-top-right:before { border-bottom-color: #39f; }

.datepicker-top-left:after, .datepicker-top-right:after { border-bottom-color: #fff; top: -4px; }

.datepicker-bottom-left, .datepicker-bottom-right { border-bottom-color: #39f; }

.datepicker-bottom-left:after, .datepicker-bottom-left:before, .datepicker-bottom-right:after, .datepicker-bottom-right:before { border-bottom: 0; bottom: -5px; left: 10px; }

.datepicker-bottom-left:before, .datepicker-bottom-right:before { border-top-color: #39f; }

.datepicker-bottom-left:after, .datepicker-bottom-right:after { border-top-color: #fff; bottom: -4px; }

.datepicker-bottom-right:after, .datepicker-bottom-right:before, .datepicker-top-right:after, .datepicker-top-right:before { left: auto; right: 10px; }

.datepicker-panel > ul { margin: 0; padding: 0; width: 102%; }

.datepicker-panel > ul:after, .datepicker-panel > ul:before { content: " "; display: table; }

.datepicker-panel > ul:after { clear: both; }

.datepicker-panel > ul > li { background-color: #fff; cursor: pointer; float: left; height: 30px; list-style: none; margin: 0; padding: 0; text-align: center; width: 30px; }

.datepicker-panel > ul > li:hover { background-color: #e5f2ff; }

.datepicker-panel > ul > li.muted, .datepicker-panel > ul > li.muted:hover { color: #999; }

.datepicker-panel > ul > li.highlighted { background-color: #e5f2ff; }

.datepicker-panel > ul > li.highlighted:hover { background-color: #cce5ff; }

.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover { color: #39f; }

.datepicker-panel > ul > li.disabled, .datepicker-panel > ul > li.disabled:hover { background-color: #fff; color: #ccc; cursor: default; }

.datepicker-panel > ul > li.disabled.highlighted, .datepicker-panel > ul > li.disabled:hover.highlighted { background-color: #e5f2ff; }

.datepicker-panel > ul > li[data-view="month next"], .datepicker-panel > ul > li[data-view="month prev"], .datepicker-panel > ul > li[data-view="year next"], .datepicker-panel > ul > li[data-view="year prev"], .datepicker-panel > ul > li[data-view="years next"], .datepicker-panel > ul > li[data-view="years prev"], .datepicker-panel > ul > li[data-view=next] { font-size: 18px; }

.datepicker-panel > ul > li[data-view="month current"], .datepicker-panel > ul > li[data-view="year current"], .datepicker-panel > ul > li[data-view="years current"] { width: 150px; }

.datepicker-panel > ul[data-view=months] > li, .datepicker-panel > ul[data-view=years] > li { height: 52.5px; line-height: 52.5px; width: 52.5px; }

.datepicker-panel > ul[data-view=week] > li, .datepicker-panel > ul[data-view=week] > li:hover { background-color: #fff; cursor: default; }

.datepicker-hide { display: none; }

/*!
 * Bootstrap Grid v4.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport { width: device-width; }
html { box-sizing: border-box; -ms-overflow-style: scrollbar; }

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

.container { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; }

@media (min-width: 1200px) { .container { max-width: 1380px; } }
.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; }

.no-gutters { margin-right: 0; margin-left: 0; }

.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; min-height: 0; padding-right: 10px; padding-left: 10px; }

.col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }

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

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

.col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }

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

.col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }

.col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }

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

.col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }

.col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }

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

.col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }

.col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }

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

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

.order-last { -ms-flex-order: 13; order: 13; }

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

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

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

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

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

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

.order-6 { -ms-flex-order: 6; order: 6; }

.order-7 { -ms-flex-order: 7; order: 7; }

.order-8 { -ms-flex-order: 8; order: 8; }

.order-9 { -ms-flex-order: 9; order: 9; }

.order-10 { -ms-flex-order: 10; order: 10; }

.order-11 { -ms-flex-order: 11; order: 11; }

.order-12 { -ms-flex-order: 12; order: 12; }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-sm-first { -ms-flex-order: -1; order: -1; }
  .order-sm-last { -ms-flex-order: 13; order: 13; }
  .order-sm-0 { -ms-flex-order: 0; order: 0; }
  .order-sm-1 { -ms-flex-order: 1; order: 1; }
  .order-sm-2 { -ms-flex-order: 2; order: 2; }
  .order-sm-3 { -ms-flex-order: 3; order: 3; }
  .order-sm-4 { -ms-flex-order: 4; order: 4; }
  .order-sm-5 { -ms-flex-order: 5; order: 5; }
  .order-sm-6 { -ms-flex-order: 6; order: 6; }
  .order-sm-7 { -ms-flex-order: 7; order: 7; }
  .order-sm-8 { -ms-flex-order: 8; order: 8; }
  .order-sm-9 { -ms-flex-order: 9; order: 9; }
  .order-sm-10 { -ms-flex-order: 10; order: 10; }
  .order-sm-11 { -ms-flex-order: 11; order: 11; }
  .order-sm-12 { -ms-flex-order: 12; order: 12; }
  .offset-sm-0 { margin-left: 0; }
  .offset-sm-1 { margin-left: 8.333333%; }
  .offset-sm-2 { margin-left: 16.666667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-4 { margin-left: 33.333333%; }
  .offset-sm-5 { margin-left: 41.666667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-7 { margin-left: 58.333333%; }
  .offset-sm-8 { margin-left: 66.666667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.333333%; }
  .offset-sm-11 { margin-left: 91.666667%; } }
@media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-md-first { -ms-flex-order: -1; order: -1; }
  .order-md-last { -ms-flex-order: 13; order: 13; }
  .order-md-0 { -ms-flex-order: 0; order: 0; }
  .order-md-1 { -ms-flex-order: 1; order: 1; }
  .order-md-2 { -ms-flex-order: 2; order: 2; }
  .order-md-3 { -ms-flex-order: 3; order: 3; }
  .order-md-4 { -ms-flex-order: 4; order: 4; }
  .order-md-5 { -ms-flex-order: 5; order: 5; }
  .order-md-6 { -ms-flex-order: 6; order: 6; }
  .order-md-7 { -ms-flex-order: 7; order: 7; }
  .order-md-8 { -ms-flex-order: 8; order: 8; }
  .order-md-9 { -ms-flex-order: 9; order: 9; }
  .order-md-10 { -ms-flex-order: 10; order: 10; }
  .order-md-11 { -ms-flex-order: 11; order: 11; }
  .order-md-12 { -ms-flex-order: 12; order: 12; }
  .offset-md-0 { margin-left: 0; }
  .offset-md-1 { margin-left: 8.333333%; }
  .offset-md-2 { margin-left: 16.666667%; }
  .offset-md-3 { margin-left: 25%; }
  .offset-md-4 { margin-left: 33.333333%; }
  .offset-md-5 { margin-left: 41.666667%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-7 { margin-left: 58.333333%; }
  .offset-md-8 { margin-left: 66.666667%; }
  .offset-md-9 { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.333333%; }
  .offset-md-11 { margin-left: 91.666667%; } }
@media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-lg-first { -ms-flex-order: -1; order: -1; }
  .order-lg-last { -ms-flex-order: 13; order: 13; }
  .order-lg-0 { -ms-flex-order: 0; order: 0; }
  .order-lg-1 { -ms-flex-order: 1; order: 1; }
  .order-lg-2 { -ms-flex-order: 2; order: 2; }
  .order-lg-3 { -ms-flex-order: 3; order: 3; }
  .order-lg-4 { -ms-flex-order: 4; order: 4; }
  .order-lg-5 { -ms-flex-order: 5; order: 5; }
  .order-lg-6 { -ms-flex-order: 6; order: 6; }
  .order-lg-7 { -ms-flex-order: 7; order: 7; }
  .order-lg-8 { -ms-flex-order: 8; order: 8; }
  .order-lg-9 { -ms-flex-order: 9; order: 9; }
  .order-lg-10 { -ms-flex-order: 10; order: 10; }
  .order-lg-11 { -ms-flex-order: 11; order: 11; }
  .order-lg-12 { -ms-flex-order: 12; order: 12; }
  .offset-lg-0 { margin-left: 0; }
  .offset-lg-1 { margin-left: 8.333333%; }
  .offset-lg-2 { margin-left: 16.666667%; }
  .offset-lg-3 { margin-left: 25%; }
  .offset-lg-4 { margin-left: 33.333333%; }
  .offset-lg-5 { margin-left: 41.666667%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-7 { margin-left: 58.333333%; }
  .offset-lg-8 { margin-left: 66.666667%; }
  .offset-lg-9 { margin-left: 75%; }
  .offset-lg-10 { margin-left: 83.333333%; }
  .offset-lg-11 { margin-left: 91.666667%; } }
@media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-xl-first { -ms-flex-order: -1; order: -1; }
  .order-xl-last { -ms-flex-order: 13; order: 13; }
  .order-xl-0 { -ms-flex-order: 0; order: 0; }
  .order-xl-1 { -ms-flex-order: 1; order: 1; }
  .order-xl-2 { -ms-flex-order: 2; order: 2; }
  .order-xl-3 { -ms-flex-order: 3; order: 3; }
  .order-xl-4 { -ms-flex-order: 4; order: 4; }
  .order-xl-5 { -ms-flex-order: 5; order: 5; }
  .order-xl-6 { -ms-flex-order: 6; order: 6; }
  .order-xl-7 { -ms-flex-order: 7; order: 7; }
  .order-xl-8 { -ms-flex-order: 8; order: 8; }
  .order-xl-9 { -ms-flex-order: 9; order: 9; }
  .order-xl-10 { -ms-flex-order: 10; order: 10; }
  .order-xl-11 { -ms-flex-order: 11; order: 11; }
  .order-xl-12 { -ms-flex-order: 12; order: 12; }
  .offset-xl-0 { margin-left: 0; }
  .offset-xl-1 { margin-left: 8.333333%; }
  .offset-xl-2 { margin-left: 16.666667%; }
  .offset-xl-3 { margin-left: 25%; }
  .offset-xl-4 { margin-left: 33.333333%; }
  .offset-xl-5 { margin-left: 41.666667%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-7 { margin-left: 58.333333%; }
  .offset-xl-8 { margin-left: 66.666667%; }
  .offset-xl-9 { margin-left: 75%; }
  .offset-xl-10 { margin-left: 83.333333%; }
  .offset-xl-11 { margin-left: 91.666667%; } }
@media (min-width: 1600px) { .col-hd { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-hd-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .col-hd-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .col-hd-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .col-hd-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-hd-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .col-hd-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .col-hd-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-hd-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .col-hd-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .col-hd-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-hd-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .col-hd-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .col-hd-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-hd-first { -ms-flex-order: -1; order: -1; }
  .order-hd-last { -ms-flex-order: 13; order: 13; }
  .order-hd-0 { -ms-flex-order: 0; order: 0; }
  .order-hd-1 { -ms-flex-order: 1; order: 1; }
  .order-hd-2 { -ms-flex-order: 2; order: 2; }
  .order-hd-3 { -ms-flex-order: 3; order: 3; }
  .order-hd-4 { -ms-flex-order: 4; order: 4; }
  .order-hd-5 { -ms-flex-order: 5; order: 5; }
  .order-hd-6 { -ms-flex-order: 6; order: 6; }
  .order-hd-7 { -ms-flex-order: 7; order: 7; }
  .order-hd-8 { -ms-flex-order: 8; order: 8; }
  .order-hd-9 { -ms-flex-order: 9; order: 9; }
  .order-hd-10 { -ms-flex-order: 10; order: 10; }
  .order-hd-11 { -ms-flex-order: 11; order: 11; }
  .order-hd-12 { -ms-flex-order: 12; order: 12; }
  .offset-hd-0 { margin-left: 0; }
  .offset-hd-1 { margin-left: 8.333333%; }
  .offset-hd-2 { margin-left: 16.666667%; }
  .offset-hd-3 { margin-left: 25%; }
  .offset-hd-4 { margin-left: 33.333333%; }
  .offset-hd-5 { margin-left: 41.666667%; }
  .offset-hd-6 { margin-left: 50%; }
  .offset-hd-7 { margin-left: 58.333333%; }
  .offset-hd-8 { margin-left: 66.666667%; }
  .offset-hd-9 { margin-left: 75%; }
  .offset-hd-10 { margin-left: 83.333333%; }
  .offset-hd-11 { margin-left: 91.666667%; } }
.d-none { display: none !important; }

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

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

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

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

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

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

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

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

@media (min-width: 576px) { .d-sm-none { display: none !important; }
  .d-sm-inline { display: inline !important; }
  .d-sm-inline-block { display: inline-block !important; }
  .d-sm-block { display: block !important; }
  .d-sm-table { display: table !important; }
  .d-sm-table-row { display: table-row !important; }
  .d-sm-table-cell { display: table-cell !important; }
  .d-sm-flex { display: -ms-flexbox !important; display: flex !important; }
  .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }
@media (min-width: 768px) { .d-md-none { display: none !important; }
  .d-md-inline { display: inline !important; }
  .d-md-inline-block { display: inline-block !important; }
  .d-md-block { display: block !important; }
  .d-md-table { display: table !important; }
  .d-md-table-row { display: table-row !important; }
  .d-md-table-cell { display: table-cell !important; }
  .d-md-flex { display: -ms-flexbox !important; display: flex !important; }
  .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }
@media (min-width: 992px) { .d-lg-none { display: none !important; }
  .d-lg-inline { display: inline !important; }
  .d-lg-inline-block { display: inline-block !important; }
  .d-lg-block { display: block !important; }
  .d-lg-table { display: table !important; }
  .d-lg-table-row { display: table-row !important; }
  .d-lg-table-cell { display: table-cell !important; }
  .d-lg-flex { display: -ms-flexbox !important; display: flex !important; }
  .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }
@media (min-width: 1200px) { .d-xl-none { display: none !important; }
  .d-xl-inline { display: inline !important; }
  .d-xl-inline-block { display: inline-block !important; }
  .d-xl-block { display: block !important; }
  .d-xl-table { display: table !important; }
  .d-xl-table-row { display: table-row !important; }
  .d-xl-table-cell { display: table-cell !important; }
  .d-xl-flex { display: -ms-flexbox !important; display: flex !important; }
  .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }
@media print { .d-print-none { display: none !important; }
  .d-print-inline { display: inline !important; }
  .d-print-inline-block { display: inline-block !important; }
  .d-print-block { display: block !important; }
  .d-print-table { display: table !important; }
  .d-print-table-row { display: table-row !important; }
  .d-print-table-cell { display: table-cell !important; }
  .d-print-flex { display: -ms-flexbox !important; display: flex !important; }
  .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } }
.flex-row { -ms-flex-direction: row !important; flex-direction: row !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
  .flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
  .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
  .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
  .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; }
  .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }
@media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
  .flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
  .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
  .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
  .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; }
  .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }
@media (min-width: 992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
  .flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
  .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
  .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
  .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; }
  .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }
@media (min-width: 1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
  .flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
  .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
  .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
  .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; }
  .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }
  .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }
  .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } }
@font-face { font-family: 'Steppe'; src: url("../fonts/Steppe-Black.eot"); src: local("Steppe Black"), local("Steppe-Black"), url("../fonts/Steppe-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Steppe-Black.woff2") format("woff2"), url("../fonts/Steppe-Black.woff") format("woff"), url("../fonts/Steppe-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Steppe'; src: url("../fonts/Steppe-Book.eot"); src: local("Steppe Book"), local("Steppe-Book"), url("../fonts/Steppe-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Steppe-Book.woff2") format("woff2"), url("../fonts/Steppe-Book.woff") format("woff"), url("../fonts/Steppe-Book.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Steppe'; src: url("../fonts/Steppe-Bold.eot"); src: local("Steppe Bold"), local("Steppe-Bold"), url("../fonts/Steppe-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Steppe-Bold.woff2") format("woff2"), url("../fonts/Steppe-Bold.woff") format("woff"), url("../fonts/Steppe-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Steppe'; src: url("../fonts/Steppe-ExtraBold.eot"); src: local("Steppe Extra Bold"), local("Steppe-ExtraBold"), url("../fonts/Steppe-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Steppe-ExtraBold.woff2") format("woff2"), url("../fonts/Steppe-ExtraBold.woff") format("woff"), url("../fonts/Steppe-ExtraBold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Steppe'; src: url("../fonts/Steppe-SemiBold.eot"); src: local("Steppe Semi Bold"), local("Steppe-SemiBold"), url("../fonts/Steppe-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Steppe-SemiBold.woff2") format("woff2"), url("../fonts/Steppe-SemiBold.woff") format("woff"), url("../fonts/Steppe-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Steppe'; src: url("../fonts/Steppe-Medium.eot"); src: local("Steppe Medium"), local("Steppe-Medium"), url("../fonts/Steppe-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Steppe-Medium.woff2") format("woff2"), url("../fonts/Steppe-Medium.woff") format("woff"), url("../fonts/Steppe-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Steppe'; src: url("../fonts/Steppe-Thin.eot"); src: local("Steppe Thin"), local("Steppe-Thin"), url("../fonts/Steppe-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Steppe-Thin.woff2") format("woff2"), url("../fonts/Steppe-Thin.woff") format("woff"), url("../fonts/Steppe-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'Steppe'; src: url("../fonts/Steppe-Regular.eot"); src: local("Steppe Regular"), local("Steppe-Regular"), url("../fonts/Steppe-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Steppe-Regular.woff2") format("woff2"), url("../fonts/Steppe-Regular.woff") format("woff"), url("../fonts/Steppe-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Steppe'; src: url("../fonts/Steppe-Light.eot"); src: local("Steppe Light"), local("Steppe-Light"), url("../fonts/Steppe-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Steppe-Light.woff2") format("woff2"), url("../fonts/Steppe-Light.woff") format("woff"), url("../fonts/Steppe-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'SF Pro Text'; src: url("../fonts/SFProText-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'SF Pro Text'; src: url("../fonts/SFProText-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'SF Pro Text'; src: url("../fonts/SFProText-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'SF Pro Text'; src: url("../fonts/SFProText-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'SF Pro Text'; src: url("../fonts/SFProText-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'SF Pro Text'; src: url("../fonts/SFProText-RegularItalic.ttf") format("truetype"); font-weight: normal; font-style: italic; font-display: swap; }
@font-face { font-family: 'SF Pro'; src: url("../fonts/SF-Pro-Display-Regular.otf") format("opentype"); font-weight: normal; font-style: normal; font-display: swap; }
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; 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; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[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; }

a { transition: all 0.3s; }

body, html { min-width: 1200px; }

body { line-height: normal; }

:root { --font-family: "Steppe", sans-serif; --second-family: "Inter", sans-serif; --third-family: "SF Pro Text", sans-serif; --font3: "SF Pro", sans-serif; }

:root { --primary: #02f4cf; --primary-dark: #1bd2b6; --primary-light: #e6fffb; --green-lightest: #75e781; --green-light: #0ccb71; --green-default: #01a658; --green-dark: #118a51; --green-darkest: #0b7040; --main-white-200: rgba(255, 255, 255, 0.2); --main-white-500: rgba(255, 255, 255, 0.5); --main-white: #fff; --main-lightest-grey: #83928f; --main-light-grey: #e3e3e3; --main-grey: #8e8e8e; --main-black-80: rgba(0, 0, 0, 0.08); --main-black: #000; --main-1: #07241f; --main-2: #002d26; --red-lightest: #fb9999; --red-light: #f86060; --red-default: #f13d3d; --red-dark: #cd3232; --red-darkest: #aa2323; --yellow-lightest: #fff48c; --yellow-light: #ffef5b; --yellow-default: #fbe518; --yellow-dark: #ebd509; --yellow-darkest: #d6b91e; --blue-lightest: #b0c2ff; --blue-light: #87a1ff; --blue-default: #5b7fff; --blue-dark: #4a6ce5; --blue-darkest: #223c9a; }

body { font-size: 16px; color: var(--main-white); background: var(--main-1); overflow-x: hidden; }

.noloaded { overflow: hidden; }

.page-template-register .section_last, .page-template-register .footer, .page-template-login .section_last, .page-template-login .footer { display: none; }

.wrapper { display: flex; flex-direction: column; min-height: 100vh; width: 100%; overflow: hidden; }

.header { position: relative; z-index: 5; padding: 40px 0 0; }

.logo { font-size: 0; color: #02f4cf; }
.logo:hover { opacity: 0.8; }

.header__menu { display: flex; align-items: center; gap: 70px; justify-content: center; list-style: none; margin: 0; font-family: var(--second-family); font-weight: 400; font-size: 16px; }
.header__menu a:hover { color: var(--primary); }
.header__menu .current-menu-item a { color: var(--primary); }

.header__btns { display: flex; gap: 20px; align-items: center; }

.header__btn, .header__logout { color: #fff; border: 1px solid #fff; font-family: var(--second-family); font-weight: 600; font-size: 15px; text-align: center; color: #fff; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(2, 244, 207, 0.15); border-radius: 100px; padding: 0px 24px; height: 48px; gap: 16px; }
.header__btn:hover, .header__logout:hover { background-color: #fff; color: var(--primary); }

.header__inner { background: rgba(2, 244, 207, 0.08); padding: 12px 40px; border-radius: 100px; }

.header__btn_bg { background-color: #fff; color: #fff; }
.header__btn_bg:hover { background-color: #fff; color: #fff; border-color: #fff; }

.first-box { padding: 222px 0 150px; min-height: 100vh; color: #fff; position: relative; }
.first-box * { position: relative; }
.first-box + .footer { display: none; }

.cc { position: absolute; z-index: 0; border-radius: 100%; background: rgba(2, 244, 207, 0.21); filter: blur(100px); }

.cc_1 { width: 409px; height: 409px; top: 748px; right: 50%; margin-right: 728px; }

.cc_2 { width: 340px; height: 340px; top: -47px; left: 50%; margin-left: 330px; }

.cc_3 { width: 423px; height: 419px; left: 50%; margin-left: 474px; top: 448px; }

.cc_4 { width: 486px; height: 486px; top: 0; margin-left: 474px; left: 50%; }

.cc_5 { width: 221px; height: 288px; left: -133px; top: 141px; }

.cc_6 { width: 233px; height: 233px; right: 0; top: -92px; }

.first-box__logo { margin-bottom: 40px; }

.first-box__desc { font-family: var(--font-family); font-weight: 400; font-size: 20px; line-height: 1.4; color: #fff; margin-bottom: 18px; max-width: 660px; }
.first-box__desc strong { font-weight: 600; }

.first-box__btn { font-family: var(--font-family); font-weight: 600; font-size: 16px; /* line-height: 24px; */ line-height: 1.5; letter-spacing: 0.03em; text-align: center; color: var(--main-white); display: flex; align-items: center; gap: 16px; border: 1px solid rgba(2, 244, 207, 0.15); border-radius: 100px; padding: 0px 24px; height: 48px; background: linear-gradient(90deg, rgba(2, 244, 207, 0.4) 0%, rgba(1, 142, 120, 0.4) 48.87%, rgba(0, 45, 38, 0.4) 96.15%); }
.first-box__btn:hover { opacity: 0.8; }

.btn, .auth__submit { display: inline-flex; border: 1px solid rgba(2, 244, 207, 0.15); border-radius: 100px; padding: 0px 24px; height: 48px; background: linear-gradient(90deg, rgba(2, 244, 207, 0.5) 0%, rgba(1, 142, 120, 0.5) 16.35%, rgba(0, 45, 38, 0.5) 41.35%, rgba(0, 45, 38, 0.5) 48.08%, rgba(1, 142, 120, 0.5) 74.52%, rgba(2, 244, 207, 0.5) 100%); font-family: var(--second-family); font-weight: 600; font-size: 16px; text-align: center; color: var(--main-white); align-items: center; }
.btn:hover, .auth__submit:hover { opacity: 0.9; }

.btn_gray { border: 1px solid rgba(2, 244, 207, 0.15); border-radius: 100px; background: transparent; }
.btn_gray:hover { background: var(--main-1); border-color: var(--main-1); }

.btn_fix { width: 325px; text-align: center; justify-content: center; }

.first-box__items { display: flex; flex-direction: column; align-items: flex-end; margin-top: -13px; }

.first-box__item { padding: 16px; width: 360px; display: flex; align-items: center; backdrop-filter: blur(20px); box-shadow: 0 0 10px 0 rgba(2, 244, 207, 0.22); background: var(--main-2); border-radius: 12px; gap: 16px; font-family: var(--second-family); font-weight: 400; font-size: 12px; letter-spacing: 0.01em; color: #fff; }
.first-box__item > div:last-child { text-align: right; margin-left: auto; }
.first-box__item .bold { font-family: var(--second-family); font-weight: 700; font-size: 14px; letter-spacing: 0.01em; }

.first-box__item_2 { margin-top: -7px; }

.first-box__item_3 { margin-right: 325px; margin-top: 71px; color: #151427; }

.section { position: relative; padding: 40px 0 250px; background: var(--main-1); }
.section::before { content: ''; position: absolute; left: 0; right: 0; bottom: 100%; height: 100px; margin-bottom: -0.5px; border-radius: 100px 100px 0 0; background-color: inherit; }

.section_first { padding-bottom: 99px; padding-top: 0; background: transparent; }
.section_first::before { display: none; }

.section__title { font-family: var(--font-family); font-weight: 900; font-size: 64px; text-align: center; color: inherit; margin-bottom: 20px; display: flex; align-items: center; gap: 20px; justify-content: center; }
.section__title:has(.section__users) { margin-bottom: 40px; }

.section__desc { font-family: var(--font-family); font-weight: 400; font-size: 24px; /* line-height: 36px; */ line-height: 1.5; letter-spacing: -0.04em; text-align: center; color: var(--main-lightest-grey); margin-bottom: 1em; }

.section__hand { position: relative; font-size: 0; text-align: center; margin-left: auto; margin-right: auto; overflow: hidden; background: url(../images/ellipse-bg.svg) 50% 100% no-repeat; }

.section_black { background: var(--main-2); color: #fff; }

.section_crypto { background: var(--main-2); }

.section__balances { display: flex; gap: 20px; align-items: flex-start; }

.section__balance { flex: 1 1 30%; font-family: var(--second-family); font-weight: 400; font-size: 16px; text-align: center; color: #8f9098; padding: 24px; border-radius: 12px; background: #f0f9ff; }

.section__balance_1 { margin-top: 116px; }

.section__balance-rate { font-family: var(--second-family); font-weight: 600; font-size: 32px; text-align: center; color: #101a36; margin-bottom: 8px; }

.section__balance_2 { margin-top: 76px; }

.section__balance_3 { background: #f0fff5; padding-top: 42px; padding-bottom: 42px; }

.section__users { display: flex; padding: 8px 10px 8px 8px; align-items: center; background: var(--primary); gap: 8px; font-family: var(--font-family); font-weight: 700; font-size: 20px; color: #fff; border-radius: 100px; }

.section__users-images { display: flex; align-items: center; }
.section__users-images img { width: 44px; height: 44px; border-radius: 50%; border: 2px solid #02f4cf; margin-left: -20px; }
.section__users-images img:first-child { margin-left: 0; }

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

.section_crypto { padding-top: 0; }

.section_blue { background: var(--primary); color: #fff; }

.section__items { padding-top: 20px; }

.section__item { padding: 16px; width: 360px; display: flex; align-items: center; backdrop-filter: blur(20px); background: rgba(240, 249, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 12px; gap: 16px; font-family: var(--second-family); font-weight: 400; font-size: 12px; letter-spacing: 0.01em; color: #fff; margin-left: auto; margin-right: auto; position: relative; z-index: 3; }
.section__item > div:last-child { text-align: right; margin-left: auto; }
.section__item .bold { font-family: var(--second-family); font-weight: 700; font-size: 14px; letter-spacing: 0.01em; }

.section__item_2 { z-index: 2; margin-top: -14px; width: 345px; }

.section__item_3 { z-index: 1; margin-top: -14px; width: 329px; }

.section_nobefore { margin-top: 0; padding-bottom: 294px; padding-top: 150px; }
.section_nobefore::before { display: none; }

.section__store { max-width: 805px; }

.section__title_left { text-align: left; }

.section__desc_left { text-align: left; }

.section__market { padding-top: 40px; display: flex; gap: 20px; }

.section__market-link { background: #f0f9ff; display: flex; align-items: center; width: 229px; height: 63px; justify-content: center; gap: 15px; font-family: var(--third-family); font-weight: 500; font-size: 12px; color: #000; border-radius: 36px; }
.section__market-link ._big { font-family: var(--third-family); font-weight: 500; font-size: 20px; }
.section__market-link:hover { opacity: 0.8; }

.section__store-decor { position: absolute; z-index: 5; bottom: 0; width: 443px; left: 50%; margin-left: 280px; }
.section__store-decor svg { width: 100%; height: auto; }

.section__store-logo { position: absolute; left: -12px; width: 150px; bottom: 240px; height: 150px; display: flex; align-items: center; justify-content: center; padding: 24px; border-radius: 20px; background-color: #000; transform: rotate(14deg); }

.section__subtitle { font-family: var(--font-family); font-weight: 600; font-size: 36px; line-height: 1.38889; text-align: center; text-wrap: balance; margin-bottom: 40px; }

.section_last { padding-bottom: 0; }
.section_last::before { display: none; }

.btn_blue { background: #02f4cf; }

.footer { padding: 64px 0 0; }

.footer__logo { margin-bottom: 20px; }

.copy { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 1.5; opacity: 0.6; max-width: 555px; }

.footer__market { display: flex; align-items: center; gap: 40px; }

.footer__market-link { display: flex; align-items: center; justify-content: center; gap: 15px; font-family: var(--third-family); font-weight: 500; font-size: 12px; }
.footer__market-link div:first-child { opacity: 0.5; }
.footer__market-link ._big { font-family: var(--third-family); font-weight: 500; font-size: 20px; }
.footer__market-link:hover { opacity: 0.8; }

.auth-wrap { display: grid; grid-template-columns: 1fr 686px 1fr; gap: 40px; margin-top: -40px; }

.auth-wrap__before { text-align: right; }

.auth-wrap__back { display: inline-block; font-size: 16px; padding-left: 27px; background: url(../images/ico__back.svg) 0 50% no-repeat; opacity: 0; pointer-events: none; }
.auth-wrap__back:hover { text-decoration: underline; }
.auth-wrap__back.active { opacity: 1; pointer-events: all; }

.auth-wrap__form { backdrop-filter: blur(30px); background: var(--main-2); border-radius: 20px; padding: 80px; }

.auth__tab { display: none; }
.auth__tab.active { display: block; }

.auth__title { font-family: var(--font-family); font-weight: 600; font-size: 40px; text-align: center; color: #fff; margin-bottom: 1em; }

.auth__label { font-family: var(--second-family); font-weight: 700; font-size: 14px; letter-spacing: 0.01em; color: var(--main-lightest-grey); margin-bottom: 4px; }

.auth__input, .card-box__input { font-family: var(--font-family); font-weight: 400; font-size: 16px; color: #fff; border: 1px solid rgba(2, 244, 207, 0.15); border-radius: 12px; padding: 10px 30px; height: 48px; line-height: 1.2; border-radius: 10px; background-color: transparent; margin-bottom: 20px; width: 100%; }
.auth__input._error, ._error.card-box__input { border-color: red; }

.auth__input_user { background-image: url(../images/ico__input-user.svg); background-repeat: no-repeat; background-position: top 50% right 15px; }

.auth__sep { padding-top: 20px; margin-bottom: 40px; display: flex; align-items: center; font-family: var(--font-family); font-weight: 400; font-size: 16px; text-align: center; color: #fff; gap: 20px; }
.auth__sep span { opacity: 0.8; }
.auth__sep::before, .auth__sep::after { content: ''; flex: 1 1 auto; height: 1px; opacity: 0.6; background: #fff; }

.auth__google { width: 60px; height: 60px; margin-left: auto; margin-right: auto; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 40px; transition: all 0.3s; position: relative; }
.auth__google:hover { background-color: #02f4cf; }
.auth__google img + * { position: absolute; left: 0; top: 0; width: 60px; height: 60px; opacity: 0; z-index: 2; }

@keyframes spin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
.auth__submit { width: 100%; transition: all 0.3s; position: relative; justify-content: center; }
.auth__submit::before { content: ''; width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; border-radius: 50%; border: 2px solid transparent; border-left: 2px solid #fff; opacity: 0; animation: spin 1s linear infinite; }
.auth__submit:hover { background-color: #02f4cf; opacity: 1; }
.auth__submit.submitting { color: transparent; pointer-events: none; }
.auth__submit.submitting::before { opacity: 1; }
.auth__submit[disabled] { filter: grayscale(100%); pointer-events: none; }

.auth__links { margin-top: 40px; font-family: var(--font-family); font-weight: 400; font-size: 16px; text-align: center; color: rgba(255, 255, 255, 0.8); }
.auth__links a { font-weight: 600; color: #fff; text-decoration: underline; text-decoration-skip-ink: none; }
.auth__links a:hover { text-decoration: none; }

.auth__remember { margin-top: -10px; margin-bottom: 40px; font-family: var(--font-family); font-weight: 400; font-size: 16px; color: #fff; }
.auth__remember a { text-decoration: underline; text-decoration-skip-ink: none; }
.auth__remember a:hover { text-decoration: none; }

.auth-wrap__outer { text-align: right; }
.auth-wrap__outer a { text-decoration: underline; }
.auth-wrap__outer a:hover { text-decoration: none; }

.auth__select { position: relative; margin-bottom: 20px; }
.auth__select.active .auth__select-icon { transform: rotate(180deg); }
.auth__select.active .auth__select-body { display: block; }

.auth__select-header { display: flex; cursor: pointer; align-items: center; height: 48px; padding-left: 30px; padding-right: 30px; gap: 20px; font-family: var(--font-family); font-weight: 400; font-size: 16px; color: #fff; border: 1px solid #e0ecff; border-radius: 10px; background: transparent; border: 1px solid rgba(2, 244, 207, 0.15); }

.auth__select-flag { flex: 0 0 24px; }
.auth__select-flag img { width: 24px; height: 24px; border-radius: 50%; }

.auth__select-title { flex: 1 1 auto; }

.auth__select-icon { flex: 0 0 20px; height: 20px; background: url(../images/ico__select.svg) 50% 50% no-repeat; }

.auth__select-body { position: absolute; box-shadow: 0 5px 8px 0 rgba(109, 109, 109, 0.1), 0 -2px 8px 0 rgba(109, 109, 109, 0.07); background: var(--main-2); border-radius: 10px; padding: 16px 0; top: 100%; left: 0; width: 100%; display: none; margin-top: 8px; z-index: 10; font-family: var(--font-family); font-weight: 400; font-size: 16px; color: #fff; }
.auth__select-body ul { list-style: none; margin: 0; }

.auth__select-item { padding: 8px 30px; display: flex; align-items: center; gap: 20px; cursor: pointer; }
.auth__select-item.active { background: url(../images/ico__active.svg) 90% 50% no-repeat; background-position: right 30px top 50%; pointer-events: none; }

.tel-group { display: flex; gap: 10px; }

.tel-prefix { flex: 0 0 105px; padding-right: 0; padding-left: 58px; background-position: 20px 50%; background-repeat: no-repeat; background-image: url(../images/mask_ua.svg); background-size: 32px auto; }
.tel-prefix[data-code="pl"] { background-image: url(../images/mask_pl.svg); }

.tel-code { flex: 1 1 auto; }

.auth__telegram { position: relative; }
.auth__telegram::before { content: '@'; position: absolute; left: 31px; top: 0; line-height: 48px; font-family: var(--font-family); font-weight: 400; font-size: 16px; color: #02f4cf; opacity: 0.8; }
.auth__telegram input { padding-left: 45px; }

.section_light { background: #f0f9ff; }

.header__avatar { width: 40px; height: 40px; border-radius: 50%; padding: 1px; background: url(../images/ava-bg.svg) no-repeat; background-size: 100% 100%; font-family: var(--font-family); font-weight: 600; font-size: 16px; text-align: center; color: #fff; display: flex; align-items: center; justify-content: center; position: relative; }
.header__avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.header__avatar i { position: absolute; top: -3px; right: -2px; width: 12px; height: 12px; background: url(../images/ava-notice.svg) no-repeat; background-size: 100% 100%; }

.page-top { position: relative; padding: 80px 0 40px; color: #fff; }
.page-top:empty { padding-bottom: 0; }

.page-top__flex { display: flex; gap: 20px; }

.page-top__title { position: relative; margin-bottom: 0; font-family: var(--font-family); font-weight: 400; font-size: 128px; /* line-height: 136px; */ line-height: 1.0625; letter-spacing: -0.11em; text-transform: uppercase; color: var(--main-lightest-grey); }
.page-top__title::before { content: ''; position: absolute; right: 0; top: 83px; background: linear-gradient(90deg, rgba(2, 244, 207, 0.5) 0%, rgba(1, 142, 120, 0.5) 16.35%, rgba(0, 45, 38, 0.5) 41.35%, rgba(0, 45, 38, 0.5) 48.08%, rgba(1, 142, 120, 0.5) 74.52%, rgba(2, 244, 207, 0.5) 100%); border-radius: 10px; width: 100vw; height: 28px; }
.page-top__title span { position: relative; }

.page-top__desc { font-family: var(--font-family); font-weight: 400; font-size: 16px; /* line-height: 24px; */ line-height: 1.5; color: var(--main-lightest-grey); }
.page-top__desc .bold { font-family: var(--font-family); font-weight: 400; font-size: 24px; /* line-height: 36px; */ line-height: 1.5; letter-spacing: -0.04em; color: var(--primary); }

.main { padding: 80px 0 250px; }

.main__nav { display: flex; gap: 20px; margin-bottom: 40px; font-family: var(--font-family); font-weight: 400; font-size: 16px; letter-spacing: 0.01em; color: var(--main-lightest-grey); }
.main__nav .active { text-decoration: underline; text-decoration-skip-ink: none; color: #fff; }
.main__nav a:hover { color: #fff; }

.news { display: grid; gap: 20px; grid-template-rows: auto; grid-template-columns: repeat(3, 1fr); }

.news__item { grid-column-start: 1; grid-column-end: 4; padding: 40px; border-radius: 12px; display: flex; flex-direction: column; background: var(--main-2); color: #fff; }

.news__item_medium { grid-column-start: 1; grid-column-end: 3; }
.news__item_medium .news__thumbnail img { height: 187px; }

.news__item-header { font-family: var(--font-family); font-weight: 400; font-size: 16px; letter-spacing: 0.01em; color: var(--main-lightest-grey); margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; }

.news__item-term { color: var(--primary); max-width: calc(100% - 170px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news__item-term:hover { text-decoration: underline; }

.news__thumbnail { display: block; margin-bottom: 20px; }
.news__thumbnail img { border-radius: 12px; height: 280px; object-fit: cover; width: 100%; }

.content ul, .content ol { margin-left: 1em; }

.news__item-title { font-family: var(--font-family); font-weight: 600; font-size: 24px; line-height: 1.5; letter-spacing: 0.01em; color: #fff; margin-bottom: 10px; flex: 1 1 auto; }
.news__item-title a:hover { color: var(--primary); }

.news__item-excerpt { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 1.5; letter-spacing: 0.01em; color: var(--main-lightest-grey); margin-bottom: 20px; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -ms-line-clamp: 3; -webkit-line-clamp: 3; line-clamp: 3; display: -webkit-box; display: box; -webkit-box-orient: vertical; box-orient: vertical; }
.news__item-excerpt p { margin-bottom: 0; }

.news__item-more { display: inline-block; font-family: var(--font-family); font-weight: 600; font-size: 16px; letter-spacing: 0.01em; text-decoration: underline; text-decoration-skip-ink: none; color: #fff; }
.news__item-more:hover { text-decoration: none; }

.news__item_min { grid-column-start: 3; grid-column-end: 4; }
.news__item_min .news__thumbnail img { height: 187px; }

.main__box { margin-bottom: 150px; }
.main__box:last-child { margin-bottom: 0; }

.main__box-title { font-family: var(--font-family); font-weight: 500; font-size: 48px; /* line-height: 48px; */ line-height: 1; letter-spacing: -0.02em; text-align: center; color: var(--main-lightest-grey); position: relative; }

.main__box-desc { font-family: var(--font-family); font-weight: 400; font-size: 16px; /* line-height: 24px; */ line-height: 1.5; text-align: center; color: #8f9098; margin-bottom: 60px; }

.page-top__desc_2 { position: relative; left: -120px; padding-bottom: 30px; margin-left: -200px; text-wrap: balance; }

.rates { display: flex; flex-direction: column; gap: 20px; }

.rate { padding: 20px 24px; border-radius: 12px; background: var(--main-2); display: flex; align-items: center; gap: 16px; }

.rate__flag { flex: 0 0 46px; }
.rate__flag img { width: 46px; height: 46px; border-radius: 50%; }

.rate__info { margin-right: auto; }

.rate__code { font-family: var(--font-family); font-size: 24px; letter-spacing: 0.01em; color: #fff; }

.rate__title { font-family: var(--font-family); font-weight: 400; font-size: 16px; letter-spacing: 0.01em; color: var(--main-lightest-grey); }

.rate__course { text-align: right; }

.rate__value { font-family: var(--font-family); font-size: 24px; letter-spacing: 0.01em; text-align: right; color: #fff; }

.rate__diff { font-family: var(--font-family); font-weight: 500; font-size: 16px; letter-spacing: 0.01em; text-align: right; color: var(--green-default); }
.rate__diff._minus { background: var(--red-darkest); }

.page-top__desc_3 { margin-left: -840px; max-width: 410px; padding-bottom: 30px; }

._after-decor, ._after-decor2 { position: relative; width: fit-content; margin-left: auto; margin-right: auto; }
._after-decor span, ._after-decor2 span { position: relative; }
._after-decor::before, ._after-decor2::before { left: 0; top: 38px; content: ''; position: absolute; width: calc(50% + 51vw); height: 7px; background: linear-gradient(90deg, rgba(0, 45, 38, 0.5) 3.85%, rgba(1, 142, 120, 0.5) 51.13%, rgba(2, 244, 207, 0.5) 100%); border-radius: 10px 0 0 10px; }

._after-decor2::before { border-radius: 0 10px 10px 0; background: linear-gradient(90deg, rgba(2, 244, 207, 0.5) 0%, rgba(1, 142, 120, 0.5) 16.35%, rgba(0, 45, 38, 0.5) 41.35%, rgba(0, 45, 38, 0.5) 48.08%, rgba(1, 142, 120, 0.5) 74.52%, rgba(2, 244, 207, 0.5) 100%); left: auto; right: 0; }

.coinrates { display: flex; gap: 72px; align-items: flex-start; }

.coinrates__nav { flex: 0 0 555px; display: flex; flex-direction: column; gap: 20px; position: relative; }
.coinrates__nav::before { border-radius: 100%; background: var(--primary); top: 85px; left: 165px; width: 233px; height: 233px; filter: blur(200.29999px); content: ''; position: absolute; }

.coinrates__nav-link { display: flex; align-items: center; gap: 15px; position: relative; overflow: hidden; border-radius: 12px; padding: 20px 24px; border: 2px solid rgba(2, 244, 207, 0.15); background: var(--main-2); }
.coinrates__nav-link img { flex: 0 0 46px; }
.coinrates__nav-link::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 10px; background: rgba(2, 244, 207, 0.15); opacity: 0; }
.coinrates__nav-link.active::after { opacity: 1; }

.coinrates__nav-info { margin-right: auto; text-align: left; }

.coinrates__nav-code { font-family: var(--font-family); font-weight: 700; font-size: 24px; letter-spacing: 0.01em; color: #fff; }

.coinrates__nav-title { font-family: var(--font-family); font-weight: 350; font-size: 16px; letter-spacing: 0.01em; color: var(--main-lightest-grey); }

.coinrates__course { text-align: right; }

.coinrates__value { font-family: var(--font-family); font-size: 24px; letter-spacing: 0.01em; text-align: right; color: #fff; }

.coinrates__diff { font-family: var(--font-family); font-size: 16px; letter-spacing: 0.01em; text-align: right; color: var(--green-default); }
.coinrates__diff._minus { font-family: var(--font-family); font-weight: 500; font-size: 16px; letter-spacing: 0.01em; text-align: right; color: var(--red-darkest); }

.coinrates__tab { flex: 1 1 auto; }

.tab { display: none; }
.tab.active { display: block; }

.coinrate { background: var(--main-2); border-radius: 10px; border: 2px solid rgba(2, 244, 207, 0.15); padding: 40px 40px 0; position: relative; overflow: hidden; }
.coinrate::before, .coinrate::after { content: ''; position: absolute; width: 77px; height: 81px; border-radius: 100%; background: var(--primary); filter: blur(150px); }
.coinrate::before { width: 85px; height: 90px; left: -45px; bottom: -45px; }
.coinrate::after { top: -15px; right: -32px; }

.coinrate__title { font-family: var(--font-family); font-weight: 400; font-size: 32px; /* line-height: 32px; */ line-height: 1; letter-spacing: -0.1em; color: var(--main-lightest-grey); margin-bottom: 90px; }

.coinrate__graph { display: flex; justify-content: center; align-items: flex-end; height: 260px; gap: 24px; }

.coinrate__col { border-radius: 5px 5px 0 0; width: 16px; background: var(--green-light); }
.coinrate__col._minus { background: var(--red-darkest); }

.page-template-profile .header { position: relative; }

.profile { padding-bottom: 150px; padding-top: 24px; }

.breadcrumbs { margin-bottom: 40px; font-family: var(--font-family); font-weight: 400; font-size: 16px; /* line-height: 24px; */ line-height: 1.5; color: var(--main-lightest-grey); }
.breadcrumbs span, .breadcrumbs a:hover { color: #fff; }

.profile__before { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; gap: 20px; }

.profile__title { font-family: var(--font-family); font-weight: 500; font-size: 48px; /* line-height: 48px; */ line-height: 1; letter-spacing: -0.02em; text-align: center; color: var(--main-lightest-grey); width: fit-content; position: relative; }
.profile__title span { position: relative; }
.profile__title::before { right: 0; top: 38px; content: ''; position: absolute; width: calc(100% + 51vw - 690px); height: 7px; background: linear-gradient(90deg, rgba(2, 244, 207, 0.5) 0%, rgba(1, 142, 120, 0.5) 16.35%, rgba(0, 45, 38, 0.5) 41.35%, rgba(0, 45, 38, 0.5) 48.08%, rgba(1, 142, 120, 0.5) 74.52%, rgba(2, 244, 207, 0.5) 100%); border-radius: 0 10px 10px 0; }

.profile__message { font-family: var(--font-family); font-weight: 400; font-size: 0.8rem; color: #34c759; }
.profile__message ._red { color: red; }

.profile__flex { display: flex; gap: 20px; }

.profile__side { flex: 0 0 325px; }

.profile__menu { list-style: none; margin: 0; }
.profile__menu .sep { background: rgba(2, 244, 207, 0.15); opacity: 0.5; margin: 24px 0; height: 1px; }

.profile__link { display: flex; align-items: center; padding: 20px; gap: 20px; font-family: var(--font-family); font-weight: 400; font-size: 16px; text-align: center; color: #fff; border-radius: 12px; }
.profile__link.active { background: var(--main-2); }
.profile__link.active .profile__link-icon { opacity: 1; }
.profile__link i { font-family: var(--font-family); font-weight: 600; font-size: 12px; line-height: 20px; text-align: center; color: #fff; font-style: normal; width: 20px; height: 20px; background: #02f4cf; border-radius: 100%; }
.profile__link:hover .profile__link-icon { opacity: 1; }

.profile__link-icon { font-size: 0; opacity: 0.5; transition: opacity 0.3s; }

.profile__main { flex: 1 1 auto; border-radius: 0.6rem; overflow: hidden; background: var(--main-2); }

.profile__header { display: flex; justify-content: space-between; padding: 30px 40px 20px; display: flex; align-items: flex-end; }

.profile__tabs { display: flex; border-bottom: 2px solid var(--main-lightest-grey); }
.profile__tabs button { background: transparent; position: relative; font-family: var(--font-family); font-weight: 400; font-size: 16px; width: 247px; height: 40px; text-align: center; color: var(--main-lightest-grey); }
.profile__tabs button.active::after { content: ''; position: absolute; left: 0; right: 0; top: 100%; height: 2px; background: #02f4cf; }

.profile__submit { font-family: var(--second-family); font-weight: 600; font-size: 16px; text-align: center; color: var(--main-white); display: flex; align-items: center; height: 48px; gap: 16px; border: 1px solid rgba(2, 244, 207, 0.15); border-radius: 100px; padding: 0 24px; background: transparent; transition: all 0.3s; }
.profile__submit.input-toggle { position: absolute; width: 17px; height: 16px; background: transparent; font-size: 0; color: var(--main-lightest-grey); border: 0; top: 16px; right: 16px; padding: 0; }
.profile__submit.input-toggle:hover, .profile__submit.input-toggle.active { color: var(--primary); background: transparent; }
.profile__submit:hover { background: #fff; color: var(--primary); }

.profile__box { padding: 40px; }

.profile__form { display: flex; gap: 40px; align-items: flex-start; }

.profile .auth__label { font-family: var(--font-family); font-size: 14px; }
.profile .auth__input, .profile .card-box__input { font-family: var(--font-family); font-weight: 400; font-size: 16px; color: #fff; border-radius: 10px; padding: 10px 30px; }
.profile .auth__input.active, .profile .active.card-box__input { border-color: #02f4cf; }
.profile .tel-code, .profile .tel-prefix { padding: 13px 20px 12px; }
.profile .auth__telegram .auth__input, .profile .auth__telegram .card-box__input { padding-left: 45px; }
.profile .tel-prefix { padding-left: 58px; }

.profile__form-avatar { flex: 0 0 170px; border-radius: 50%; overflow: hidden; position: relative; cursor: pointer; transition: all 0.3s; }
.profile__form-avatar:hover { background-color: rgba(109, 109, 109, 0.1); }
.profile__form-avatar input { position: absolute; left: 0; top: 0; width: 0; height: 0; opacity: 0; }
.profile__form-avatar::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/ico__camera.png) 50% 50% no-repeat; }
.profile__form-avatar span { font-size: 80px; display: block; line-height: 168px; text-align: center; text-transform: uppercase; border: 1px solid #c5c6cc; border-radius: 50%; }
.profile__form-avatar img { width: 170px; height: 170px; object-fit: cover; }

#file { position: absolute; left: 0; top: 0; width: 0; height: 0; opacity: 0; }

.profile__form-fields { flex: 0 0 526px; }

.profile__password { display: flex; flex-direction: column; justify-content: center; align-items: center; padding-bottom: 60px; }

.profile__password-title, .profile__box-title { font-family: var(--font-family); font-weight: 500; font-size: 20px; text-align: center; color: #fff; margin-bottom: 10px; }

.profile__password-label, .profile__box-desc { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 1.5; text-align: center; color: #8f9098; margin-bottom: 40px; }

.profile__password-flex { display: flex; width: 410px; gap: 20px; position: relative; align-items: center; }
.profile__password-flex .auth__input, .profile__password-flex .card-box__input { margin-bottom: 0; }

.profile__submit:disabled { pointer-events: none; filter: grayscale(100%); }

.profile__delete { border-top: 1px solid #c5c6cc; padding-top: 40px; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 1.5; text-align: center; color: #8f9098; margin-left: -20px; margin-right: -20px; }

.profile__delete-text { text-wrap: balance; margin-bottom: 40px; }

.btn_high { padding: 15px 34px; }

@media (max-width: 1600px) { .first-box { background-size: auto; } }
.profile__form-flex { display: grid; grid-template-columns: auto 540px auto; }

.profile__center .profile__password-flex { width: 100%; margin-bottom: 20px; }
.profile__center .profile__password-flex:last-child { margin-bottom: 0; }

.card-box { display: flex; padding-right: 30px; justify-content: space-between; align-items: center; }
.card-box input:nth-child(2) { width: 185px; }
.card-box input:nth-child(3) { width: 48px; }
.card-box input:nth-child(4) { width: 32px; }

input:read-only { color: #8f9098 !important; }

.card-box__icon { width: 40px; height: 40px; background: url(../images/mastercard.svg) 50% 50% no-repeat; background-size: contain; }
.card-box__icon[title="_visa"] { background: url(../images/visa.svg) 50% 50% no-repeat; background-size: contain; }
.card-box__icon[title="_maestro"] { background: url(../images/maestro.svg) 50% 50% no-repeat; background-size: contain; }
.card-box__icon[title="_iban"] { background: url(../images/bank.svg) 50% 50% no-repeat; background-size: contain; }

.card-box__input { padding: 0 !important; border: 0 !important; border-radius: 0 !important; }

.profile__btns { display: flex; flex-direction: column; align-items: flex-end; gap: 20px; }
.profile__btns button { min-width: 130px; }

._delete { color: #ff3b30; }

.profile__sep { margin: 40px -20px; height: 1px; background: #c5c6cc; }

.profile__alert { border-radius: 0.5rem; padding: 0.8rem; display: flex; align-items: center; background: rgba(52, 199, 89, 0.15); gap: 8px; }
.profile__alert::before { content: ''; width: 16px; height: 16px; background: url(../images/ico__success.svg); }

.history { display: flex; gap: 10px; flex-direction: column; }

.history__item { border-radius: 12px; padding: 10px 40px; background: var(--main-1); display: flex; align-items: center; gap: 16px; }
.history__item._cancel { filter: grayscale(100%); }
.history__item._start { background-color: rgba(255, 255, 0, 0.2); }
.history__item._paid { background-color: rgba(0, 255, 0, 0.2); }

.history__item-image img { width: 46px; height: 46px; }

.history__item-code { font-family: var(--font-family); font-weight: 700; font-size: 16px; letter-spacing: 0.01em; color: #fff; }

.history__item-data { font-family: var(--font-family); font-weight: 400; font-size: 12px; letter-spacing: 0.01em; color: #8f9098; }

.history__item-fiat { font-family: var(--font-family); font-weight: 700; font-size: 16px; letter-spacing: 0.01em; text-align: right; color: #fff; }

.history__item-money { margin-left: auto; text-align: right; }

.history__item-value { font-family: var(--font-family); font-weight: 500; font-size: 12px; letter-spacing: 0.01em; text-align: right; color: #02f4cf; }
.history__item-value._cashout { color: #34c759; }

.notifications { margin-bottom: 40px; }
.notifications:last-child { margin-bottom: 0; }

.notifications__title { font-family: var(--font-family); font-weight: 600; font-size: 16px; letter-spacing: 0.01em; color: #fff; margin-bottom: 20px; }

.notify { display: flex; align-items: flex-start; gap: 20px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #c5c6cc; }
.notify:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }

.notify__icon { flex: 0 0 50px; }

.notify__content { flex: 1 1 auto; }

.notify__header { display: flex; align-items: center; margin-bottom: 5px; gap: 20px; }

.notify__title { flex: 1 1 auto; }

.notify__new { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 1.5; text-align: right; color: #ff3b30; }

.notify__date { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 1.5; text-align: right; color: #8f9098; }

.notify__text { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 1.5; color: #8f9098; }
.notify__text * { margin-bottom: 0; }

.support__item { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #c5c6cc; }
.support__item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }

.support__item-title { font-family: var(--font-family); font-weight: 600; font-size: 20px; color: #fff; margin-bottom: 5px; }

.support__item-text { font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 1.5; color: #8f9098; }

.popup { padding: 60px; width: 1360px; background: transparent; display: none; }
.popup .fancybox-close-small { color: #fff; width: 40px; height: 40px; padding: 0; }

.popup_small { width: 700px; }

.popup__inner { border-radius: 20px; padding: 50px 115px; background: var(--main-1); }

.form__textarea { border: 1px solid rgba(2, 244, 207, 0.15); border-radius: 20px; padding: 30px; width: 100%; height: 256px; resize: none; background: var(--main-2); margin-bottom: 20px; font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 1.5; color: #fff; }

.cashout { max-width: 554px; margin-left: auto; margin-right: auto; }

.cashout__title { font-family: var(--font-family); font-weight: 500; font-size: 24px; text-align: center; color: #fff; margin-bottom: 20px; }

.cashout__balance { background: var(--main-1); border-radius: 12px; padding: 40px; font-family: var(--font-family); font-weight: 400; font-size: 16px; text-align: center; color: #fff; position: relative; overflow: hidden; border: 1px solid rgba(2, 244, 207, 0.15); border-radius: 12px; margin-bottom: 40px; }
.cashout__balance::before, .cashout__balance::after { content: ''; width: 52px; height: 59px; position: absolute; border-radius: 100%; background: var(--primary); filter: blur(148.60001px); }
.cashout__balance::before { width: 61px; height: 58px; left: -16px; top: -11px; }
.cashout__balance::after { right: 0; bottom: 0; }

.cashout__balance-value { font-family: var(--font-family); font-weight: 600; font-size: 32px; text-align: center; color: #fff; margin-bottom: 20px; }
.cashout__balance-value::before { content: '$'; }

.cashout__form { display: grid; gap: 30px; grid-template-columns: 1fr 1fr; }

.cashout__form-cell_large { grid-column-start: 1; grid-column-end: 3; }

.cashout__form-label { font-family: var(--second-family); font-weight: 700; font-size: 14px; letter-spacing: 0.01em; color: var(--main-lightest-grey); margin-bottom: 4px; }

.cashout__cost { position: relative; }
.cashout__cost::before { content: '$'; position: absolute; left: 20px; top: 0; font-family: var(--font-family); font-weight: 600; font-size: 20px; line-height: 55px; text-align: center; color: #fff; }

.cashout__cost-notice { font-size: 14px; line-height: 24px; color: #8F9098; }

.cashout__input { border: 1px solid rgba(2, 244, 207, 0.15); border-radius: 10px; height: 55px; border-radius: 10px; padding-left: 32px; width: 100%; font-family: var(--font-family); font-weight: 600; font-size: 20px; line-height: 1.2; background: var(--main-2); color: #fff; }

.cashout__select { position: relative; }
.cashout__select.active .cashout__select-icon { transform: rotate(180deg); }
.cashout__select.active .cashout__select-body { display: block; }

.cashout__select-header { display: flex; cursor: pointer; align-items: center; height: 55px; padding-left: 20px; padding-right: 20px; gap: 12px; font-family: var(--font-family); font-weight: 400; font-size: 16px; color: #fff; border-radius: 10px; border: 1px solid rgba(2, 244, 207, 0.15); border-radius: 10px; background: var(--main-2); }

.cashout__select-flag { width: 36px; padding-right: 4px; }

.cashout__select-title { flex: 1 1 auto; }

.cashout__select-code { font-family: var(--font-family); font-weight: 700; font-size: 16px; letter-spacing: 0.01em; color: #fff; }

.cashout__select-currency { font-family: var(--font-family); font-weight: 400; font-size: 12px; letter-spacing: 0.01em; color: #8f9098; }

.cashout__select-icon { margin-left: auto; flex: 0 0 20px; height: 20px; background: url(../images/ico__select.svg) 50% 50% no-repeat; }

.cashout__select-body { position: absolute; box-shadow: 0 5px 8px 0 rgba(109, 109, 109, 0.1), 0 -2px 8px 0 rgba(109, 109, 109, 0.07); background: var(--main-2); border-radius: 10px; padding: 16px 0; top: 100%; left: 0; width: 100%; display: none; margin-top: 8px; z-index: 10; font-family: var(--font-family); font-weight: 400; font-size: 16px; color: #fff; }
.cashout__select-body ul { list-style: none; margin: 0; }

.cashout__select-item { padding: 8px 20px; display: flex; align-items: center; gap: 12px; cursor: pointer; }
.cashout__select-item.active { background: url(../images/ico__active.svg) 90% 50% no-repeat; background-position: right 20px top 50%; pointer-events: none; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ }

input[type=number] { -moz-appearance: textfield; /* Firefox */ }

.cashout__qr { margin-bottom: 20px; padding-top: 20px; }

.cashout__copy { display: flex; align-items: center; margin-bottom: 20px; word-break: break-all; border-radius: 12px; padding: 10px 20px; margin-left: auto; margin-right: auto; font-family: var(--font-family); font-weight: 500; font-size: 16px; line-height: 1.5; letter-spacing: 0.01em; color: #fff; gap: 20px; background: var(--main-1); }

.cashout__copy-btn { color: var(--primary); font-size: 0; background: transparent; }
.cashout__copy-btn:hover { opacity: 0.8; }

.cashout_min { max-width: 485px; }

.cashout__total { border: 1px solid rgba(2, 244, 207, 0.15); border-radius: 12px; margin-bottom: 40px; padding: 20px; background: var(--main-1); font-family: var(--font-family); font-weight: 400; font-size: 16px; text-align: center; color: #fff; }

.cashout__total-value { margin-top: 20px; font-family: var(--font-family); font-weight: 400; font-size: 32px; text-align: center; color: #fff; }

@keyframes rotateMe { 0% { transform: rotate(0deg); }
  50% { transform: rotate(180deg); }
  100% { transform: rotate(360deg); } }
.profile__success { text-align: center; position: relative; max-width: 234px; margin-left: auto; margin-right: auto; }
.profile__success::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/loader.svg) 50% 50% no-repeat; opacity: 0; animation: rotateMe 5s linear infinite; }
.profile__success.loading::before { opacity: 1; }
.profile__success.loading img { opacity: 0; }