@charset "UTF-8";
@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; color: #133758; font-family: Steppe; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ }

@-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: #342C1B; }

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 { 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%; }

:root { --Blue: #1977FD; --dark-blue: #133758; --white: #FFF; --blue-light-2: #6D98DC; --red: #FF5A5A; --light-blue: #E0ECFF; }

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

/*!
 * 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: 10px; left: 0; color: var(--dark-blue); line-height: 24px; 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: 230px; z-index: -1; }

.datepicker-container:after, .datepicker-container:before { content: ''; position: absolute; width: 20px; height: 17px; top: auto; bottom: 100%; left: 20px; margin-bottom: -1px; margin-right: 0; border-right: 0; border-bottom: 1px solid #fff; background-image: url(../images/polygon.svg); }

.datepicker-dropdown { box-sizing: content-box; position: absolute; z-index: 1; border: 0.5px solid #E0ECFF; border-radius: 5px; padding: 10px 18px; margin-top: 10px; }

.datepicker-inline { position: static; }

.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; list-style: none; width: 33.4px; margin: 0; padding: 0; text-align: center; }

.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: var(--Blue); }

.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: 22px; }

.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; font-size: 12px; font-weight: 600; }

.datepicker-panel > ul:first-child { border-bottom: 0.5px solid #BDBDBD; display: flex; justify-content: space-between; }
.datepicker-panel > ul:first-child::before, .datepicker-panel > ul:first-child::after { display: none; }

.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; padding-top: 5px; }

.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: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

@media (min-width: 576px) { .container { max-width: 540px; } }
@media (min-width: 768px) { .container { max-width: 720px; } }
@media (min-width: 992px) { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1390px; } }
.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: -15px; margin-left: -15px; }

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

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

.col, .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: 15px; padding-left: 15px; }

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

.col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 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; } }
/* 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; }

@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: 700; 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: 800; 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: 'icomoon'; src: url("../fonts/icomoon.eot?2qn8f"); src: url("../fonts/icomoon.eot?2qn8f#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?2qn8f") format("truetype"), url("../fonts/icomoon.woff?2qn8f") format("woff"), url("../fonts/icomoon.svg?2qn8f#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; }
[class^="ico__"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ico__arrow-down:before { content: "\e900"; color: #6d98dc; }

.ico__calendar:before { content: "\e901"; color: #133758; }

.ico__chat:before { content: "\e902"; color: #1977fd; }

.ico__check:before { content: "\e903"; color: #1977fd; }

.ico__coin .path1:before { content: "\e904"; color: white; }

.ico__coin .path2:before { content: "\e905"; margin-left: -1em; color: #e0ecff; }

.ico__coin .path3:before { content: "\e906"; margin-left: -1em; color: white; }

.ico__coin .path4:before { content: "\e907"; margin-left: -1em; color: #e0ecff; }

.ico__coin .path5:before { content: "\e908"; margin-left: -1em; color: white; }

.ico__coin .path6:before { content: "\e909"; margin-left: -1em; color: white; }

.ico__coin .path7:before { content: "\e90a"; margin-left: -1em; color: white; opacity: 0.17; }

.ico__coin .path8:before { content: "\e90b"; margin-left: -1em; color: white; opacity: 0.17; }

.ico__dots:before { content: "\e90c"; color: #133758; }

.ico__edit:before { content: "\e90d"; }

.ico__file:before { content: "\e90e"; color: #6d98dc; }

.ico__info:before { content: "\e90f"; }

.ico__pass:before { content: "\e911"; color: #6d98dc; }

.ico__plus:before { content: "\e912"; color: #1977fd; }

.ico__question:before { content: "\e914"; }

.ico__search:before { content: "\e915"; color: #133758; }

.ico__select:before { content: "\e916"; color: #133758; }

.ico__sell:before { content: "\e917"; color: #1977fd; }

.ico__send:before { content: "\e918"; color: #6d98dc; }

.ico__slider-left:before { content: "\e919"; color: #1977fd; }

.ico__slider-right:before { content: "\e91a"; color: #1977fd; }

.ico__star:before { content: "\e91b"; color: #ffde34; }

.ico__success:before { content: "\e91c"; color: #1977fd; }

.ico__telegram:before { content: "\e91d"; color: #fff; }

.ico__users:before { content: "\e91e"; }

.ico__vk:before { content: "\e91f"; color: #4c75a3; }

.ico__wallet:before { content: "\e920"; color: #1977fd; }

.ico__youtube:before { content: "\e921"; color: #e13325; }

a { transition: all 0.3s; }

.wrapper { min-height: 100%; width: 100%; display: flex; flex-direction: column; position: relative; }

.header { background: #F3F9FF; position: relative; z-index: 30; }

.header__row { align-items: center; justify-content: space-between; height: 100px; }

.logo { margin-right: 30px; }

.header__menu { display: flex; list-style: none; margin: 0; gap: 60px; }
.header__menu li a { color: var(--dark-blue); font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; }
.header__menu li a:hover { color: var(--Blue); }
.header__menu li.current-menu-item a { font-weight: 800; color: var(--Blue); }

.header__search { position: relative; width: 325px; margin-right: 30px; }

.header__search-input { width: 100%; height: 45px; border-radius: 100px; border: 0.5px solid var(--blue-light-2); background: #FFF; padding-left: 30px; padding-right: 65px; color: var(--dark-blue); font-family: Steppe; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; }

.header__search-submit { position: absolute; top: 10px; right: 30px; width: 25px; height: 25px; cursor: pointer; transition: all 0.3s; background: url(../images/ico__search.svg) 50% 50% no-repeat; }
.header__search-submit:hover { opacity: 0.8; }

.header__btn { display: inline-block; position: relative; color: #FFF; font-family: Steppe; font-size: 20px; font-style: normal; font-weight: 500; line-height: 21px; padding: 12px 64px; border-radius: 100px; overflow: hidden; background: var(--Blue); }
.header__btn span { position: relative; z-index: 2; display: block; }
.header__btn::before { content: ''; position: absolute; background: linear-gradient(90deg, #1774fd 0%, #339dff 100%); left: 0; top: 0; width: 100%; height: 100%; transition: all 0.3s; }
.header__btn:hover::before { opacity: 0; }

.nav-btn { background: transparent; cursor: pointer; }
.nav-btn::before, .nav-btn::after, .nav-btn span { content: ''; display: block; width: 30px; height: 2px; background: var(--dark-blue); position: relative; transition: all 0.3s; }
.nav-btn span { margin: 6px 0; }
.nav-btn.active::before, .nav-btn.active span { transform: rotate(-45deg); }
.nav-btn.active::before { top: 8px; }
.nav-btn.active::after { transform: rotate(45deg); top: -8px; }

.noscroll { overflow: hidden; }

.nav { position: fixed; top: 0; left: 0; right: 0; z-index: 20; bottom: 0; transform: translateY(-110%); overflow-y: auto; background: #fff; padding: 120px 0 20px; opacity: 0; pointer-events: none; transition: all 0.4s; }
.nav.active { pointer-events: all; opacity: 1; transform: translateY(0); }

.section { padding: 60px 0 40px; position: relative; overflow: hidden; }

.section__title { display: flex; align-items: center; color: var(--Blue); font-family: Steppe; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 20px; }
.section__title::before { content: ''; margin-right: 10px; width: 16px; height: 16px; flex-shrink: 0; border-radius: 50%; border: 3px solid var(--Blue); position: relative; top: -2px; }

.slider-arrows { display: flex; gap: 10px; }
.slider-arrows .slick-arrow { background-color: #F3F9FF; color: var(--Blue); width: 50px; height: 25px; border-radius: 5px; cursor: pointer; transition: all 0.3s; display: flex; align-items: center; justify-content: center; font-size: 0; }
.slider-arrows .slick-arrow:hover { background-color: #D2E1F9; }

.news-slider { margin-left: -10px; margin-right: -10px; }
.news-slider .slick-dots { margin-top: 20px; list-style: none; display: flex; justify-content: center; margin-bottom: 0; font-size: 0; gap: 10px; }
.news-slider .slick-dots li button { width: 5px; height: 5px; font-size: 0; border-radius: 100px; background-color: #D2E1F9; display: block; }
.news-slider .slick-dots li.slick-active button { background-color: var(--blue-light-2); }

.news-slider__item { padding-left: 10px; padding-right: 10px; }

.news-slider__link { display: block; overflow: hidden; }
.news-slider__link img { width: 100%; border-radius: 20px; }
.news-slider__link:hover { opacity: 0.9; }

.categories { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }

.categories__button { position: relative; overflow: hidden; border-radius: 10px; background: #F3F9FF; display: flex; gap: 30px; padding: 10px 20px; color: var(--dark-blue); font-family: Steppe; font-size: 20px; font-style: normal; font-weight: 500; line-height: 1.3; align-items: center; }
.categories__button:hover, .categories__button.current { color: var(--white, #FFF); }
.categories__button:hover::before, .categories__button.current::before { opacity: 1; }
.categories__button::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(64deg, #0a4eb1 3.63%, #227bfe 96.37%); opacity: 0; transition: opacity 0.3s; }
.categories__button .categories__button-icon { border-radius: 15.2px; border: 0.8px solid #FFF; background: radial-gradient(141.42% 141.42% at 0% 0%, rgba(250, 250, 250, 0.2) 0%, rgba(246, 246, 246, 0) 100%); backdrop-filter: blur(4.8px); }

.categories__button-icon { border-radius: 15.2px; border: 0.8px solid #FFF; background: radial-gradient(141.42% 141.42% at 0% 0%, rgba(250, 250, 250, 0.2) 0%, rgba(246, 246, 246, 0) 100%); backdrop-filter: blur(4.8px); width: 60px; height: 60px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; position: relative; }

.categories__button-title { position: relative; }

.catalog { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; row-gap: 40px; }

.catalog__item { position: relative; }

.catalog__item-labels, .game__labels { position: absolute; display: flex; gap: 10px; z-index: 2; left: 20px; top: 20px; }

.catalog__item-label, .game__label { color: #FFF; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; padding: 3px 11px; border-radius: 100px; background: var(--dark-blue); }
.catalog__item-label[data-label="new"], [data-label="new"].game__label { background: var(--red); }
.catalog__item-label[data-label="top"], [data-label="top"].game__label { background: var(--Blue); }

.catalog__item-link { display: block; margin-bottom: 10px; }
.catalog__item-link img { aspect-ratio: 1/1; width: 100%; height: auto; border-radius: 20px; }

.catalog__item-title { margin-bottom: 10px; }
.catalog__item-title a { color: var(--dark-blue); font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; padding: 18px; text-align: center; display: block; border-radius: 10px; background: #F3F9FF; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.catalog__item-title a:hover { background-color: var(--dark-blue); color: #fff; }

.catalog__item-currency { color: var(--white); font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; text-align: center; padding: 11px; border-radius: 100px; background: var(--Blue); }

.pagination { margin-top: 40px; }

.pagination__arrows { display: flex; justify-content: flex-end; gap: 10px; }

.pagination__total { color: var(--Blue); font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; margin-top: 20px; text-align: right; }

.pagination__link { width: 50px; height: 25px; display: flex; align-items: center; justify-content: center; color: var(--Blue); background-color: #F3F9FF; border-radius: 5px; font-size: 0; padding-top: 4px; }
.pagination__link i { font-size: 10px; }
.pagination__link:hover { background-color: #D2E1F9; }

span.pagination__link { pointer-events: none; }

.footer { margin-top: 60px; background: #F3F9FF; padding: 60px 0; }

.footer__widget-title { font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 30px; }

.footer__menu { list-style: none; margin: 0; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; }
.footer__menu li { margin-bottom: 30px; }
.footer__menu li:last-child { margin-bottom: 0; }
.footer__menu li a { color: var(--Blue); }
.footer__menu li a:hover { text-decoration: underline; }

._fxdc { display: flex; align-items: flex-end; flex-direction: column; justify-content: space-between; }

.footer__social { display: flex; gap: 26px; }

.footer__social-link { width: 50px; height: 50px; flex-shrink: 0; color: #fff; }
.footer__social-link svg { width: 50px; height: 50px; }
.footer__social-link:hover { opacity: 0.85; }

.footer__social-link_yt { font-size: 53px; background: transparent; }

.copyright { display: flex; flex-direction: column; align-items: flex-end; gap: 20px; color: var(--dark-blue); font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ }
.copyright a { text-decoration: underline; color: inherit; }
.copyright a:hover { text-decoration: none; }

.footer__logo { margin-bottom: 20px; }

.copy { color: var(--dark-blue); font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ }
.copy *:last-child { margin-bottom: 0; }

.breadcrumbs { padding: 40px 0; color: #9D9FA4; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; }
.breadcrumbs .current { color: var(--blue-light-2); }
.breadcrumbs a { color: inherit; }
.breadcrumbs a:hover { text-decoration: underline; }

.section_pt0 { padding-top: 0; }

.userform { border-radius: 20px; background: #F3F9FF; padding: 40px 15px 50px; font-size: 20px; }

.userform__title { font-size: 2em; font-style: normal; font-weight: 500; line-height: normal; text-align: center; margin-bottom: 45px; }

.userform__field { margin-left: auto; margin-right: auto; margin-bottom: 40px; max-width: 670px; position: relative; }

.userform__label { font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 10px; }

.userform__input, .comment__textarea, .wpcf7-textarea { width: 100%; border-radius: 20px; border: 1px solid var(--light-blue); background: #FFF; padding-left: 30px; padding-right: 30px; height: 60px; color: var(--dark-blue); font-family: Steppe; font-size: inherit; font-style: normal; font-weight: 400; line-height: normal; }

.comment__textarea, .wpcf7-textarea { height: 120px; resize: none; padding-top: 10px; max-width: 800px; margin-left: auto; margin-right: auto; display: block; }
.comment__textarea + .userform__notice, .wpcf7-textarea + .userform__notice { text-align: center; }

.comment__rating { display: flex; justify-content: center; align-items: center; margin-bottom: 20px; gap: 0; width: fit-content; margin-left: auto; margin-right: auto; }
.comment__rating input { width: 30px; height: 30px; background: url(../images/ico__star.svg) 50% 50% no-repeat; cursor: pointer; }
.comment__rating input:hover ~ input, .comment__rating input:checked ~ input { filter: grayscale(100%); }

@keyframes spin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

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

.userform__submit { border-radius: 100px; background: linear-gradient(90deg, #1774fd 0%, #339dff 100%); margin-top: 20px; width: 100%; height: 60px; color: #FFF; font-family: Steppe; font-size: inherit; font-style: normal; font-weight: 700; line-height: normal; position: relative; overflow: hidden; }
.userform__submit span { position: relative; z-index: 2; }
.userform__submit::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1774FD; opacity: 0; transition: all 0.3s; }
.userform__submit::after { content: ''; position: absolute; left: 50%; top: 50%; width: 22px; height: 22px; margin-left: -11px; margin-top: -11px; border: 2px solid transparent; border-radius: 50%; border-left-color: #fff; opacity: 0; animation: spin 2s linear infinite; }
.userform__submit[disabled] { color: transparent; }
.userform__submit[disabled]::after { opacity: 1; }
.userform__submit:hover::before { opacity: 1; }

.checkout__box .btn::after, .checkout__box .order__form-submit::after, .checkout__box .game__btn::after { content: ''; position: absolute; left: 50%; top: 50%; width: 22px; height: 22px; margin-left: -11px; margin-top: -11px; border: 2px solid transparent; border-radius: 50%; border-left-color: #fff; opacity: 0; animation: spin 2s linear infinite; }
.checkout__box .btn[disabled], .checkout__box [disabled].order__form-submit, .checkout__box [disabled].game__btn { color: transparent; }
.checkout__box .btn[disabled]::after, .checkout__box [disabled].order__form-submit::after, .checkout__box [disabled].game__btn::after { opacity: 1; }

[disabled] { pointer-events: none; }

.userform__footer { display: flex; text-align: center; flex-direction: column; align-items: center; justify-content: center; gap: 20px; color: var(--blue-light-2); text-align: center; font-family: Steppe; font-style: normal; font-weight: 400; line-height: normal; }
.userform__footer a { color: var(--Blue); }
.userform__footer a:hover { text-decoration: underline; }

.userform__google { margin-bottom: 20px; }

.userform__notice { color: var(--red); font-family: Steppe; font-size: 0.8em; font-style: normal; font-weight: 400; line-height: normal; margin-top: 10px; display: none; }
.userform__notice._blue { color: var(--Blue); }

.userform__input-wrap { position: relative; }
.userform__input-wrap input { padding-right: 60px; }

.userform__icon { position: absolute; right: 30px; width: 30px; height: 30px; top: 15px; background: url(../images/ico__warning.svg) 50% 50% no-repeat; }
.userform__icon:hover .userform__icon-hover { opacity: 1; }

.userform__icon-hover { position: absolute; border-radius: 20px; background: #FFF; left: 100%; margin-left: 50px; top: -15px; padding: 22px 25px; color: var(--red); font-family: Steppe; font-size: 0.8em; font-style: normal; font-weight: 400; line-height: normal; width: 310px; border: 1px solid var(--light-blue); opacity: 0; pointer-events: none; transition: all 0.3s; }
.userform__icon-hover ul { margin-left: 1em; margin-bottom: 0; }
.userform__icon-hover ul li { margin-bottom: 0.5em; }
.userform__icon-hover ul li:last-child { margin-bottom: 0; }
.userform__icon-hover::before { content: ''; position: absolute; right: 100%; margin-right: -1px; width: 17px; height: 20px; top: 19px; border-right: 1px solid #fff; background: url(../images/polygon_left.svg) 0 0 no-repeat; }

.userform__success { display: flex; flex-direction: column; gap: 50px; align-items: center; justify-content: center; text-align: center; }

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

.header__user { width: 50px; height: 50px; border: 1px solid #D2E1F9; border-radius: 50%; padding: 4px; position: relative; }
.header__user img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background-color: var(--Blue); }

.header__avatar-text { border-radius: 50%; width: 40px; height: 40px; text-align: center; font-size: 20px; color: #fff; line-height: 38px; padding-top: 2px; font-weight: 700; text-transform: uppercase; background-color: var(--Blue); }

.header__islogin { position: absolute; width: 15px; height: 15px; border: 2px solid #F3F9FF; border-radius: 50%; top: 0; right: 0; background: #3AFF36; }

.header__link { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; position: relative; color: var(--Blue); }
.header__link:hover { color: var(--dark-blue); }
.header__link i { font-size: 25px; }

.header__chat-count { width: 13px; height: 13px; border: 2px solid #F3F9FF; border-radius: 50%; position: absolute; right: 0; top: 0; background-color: #FF3636; }

.reviews { border-radius: 20px; background: #F3F9FF; padding: 50px; }

.review { margin-bottom: 20px; padding: 20px; display: grid; grid-template-columns: 210px 1fr; column-gap: 40px; row-gap: 20px; grid-template-rows: auto 1fr auto; grid-template-areas: "image header" "image content" "image footer"; border-radius: 20px; background-color: #fff; }
.review:last-child { margin-bottom: 0; }

.review__image { grid-area: image; }
.review__image img { width: 100%; aspect-ratio: 1/1; height: auto; border-radius: 20px; }

.review__header { grid-area: header; display: flex; align-items: center; justify-content: space-between; }

.review__author { display: flex; align-items: center; }

.review__avatar { width: 50px; flex: 0 0 50px; margin-right: 10px; height: 50px; border: 1px solid #E0ECFF; border-radius: 50%; padding: 4px; position: relative; }
.review__avatar img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background-color: var(--Blue); }

.review__avatar-text { width: 40px; height: 40px; border-radius: 50%; text-align: center; font-size: 20px; color: #fff; font-weight: 700; background-color: var(--Blue); padding-top: 2px; line-height: 38px; }

.review__avatar-offline, .review__avatar-online { position: absolute; width: 15px; height: 15px; border: 2px solid #F3F9FF; border-radius: 50%; top: 0; right: 0; background-color: #FF3636; }

.review__author-name { color: var(--dark-blue); font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; margin-bottom: 6px; }

.review__author-count { color: #FFF; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; padding: 3px 11px; width: fit-content; border-radius: 100px; background: var(--dark-blue); }

.review__rating { display: flex; }
.review__rating i { width: 36px; height: 36px; background: url(../images/ico__star.svg) 50% 50% no-repeat #F3F9FF; border: 3px solid #FFF; border-radius: 50%; margin-left: -8px; background-size: 14px auto; }

.review__content { grid-area: content; font-size: 20px; }
@media screen and (min-width: 1200px) { .review__content { padding-right: 250px; } }

.review__footer { grid-area: footer; display: flex; align-items: center; justify-content: space-between; gap: 20px; }

.review__links { display: flex; align-items: center; gap: 20px; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; }
.review__links a { color: var(--Blue); text-decoration-line: underline; }
.review__links a:hover { text-decoration: none; }
.review__links a:last-child { color: var(--red); }

.review__date { flex-shrink: 0; color: var(--dark-blue); font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.2; padding: 14px 24px 10px; border-radius: 50px; background: #F3F9FF; }

.review__avatar-online { background: #3AFF36; }

.game { display: grid; gap: 40px; grid-template-columns: 325px 1fr; }

.game__image img { width: 100%; aspect-ratio: 1/1; object-fit: cover; border-radius: 20px; }

.game__info { font-size: 20px; display: flex; flex-direction: column; }

.game__title, .content h1, .page-title { color: var(--dark-blue); font-size: 2em; font-style: normal; font-weight: 500; line-height: normal; margin-bottom: 10px; }
.game__title::first-letter, .content h1::first-letter, .page-title::first-letter { text-transform: uppercase; }

.game__desc { flex-grow: 1; margin-bottom: 20px; }

.content { line-height: 1.6; }
.content > *:last-child { margin-bottom: 0; }
.content a { color: var(--Blue); text-decoration: underline; }
.content a:hover { text-decoration: none; }
.content ul:not([class]) { margin-left: 1em; }
.content ol:not([class]) { margin-left: 1.5em; }
.content table { width: 100%; margin-bottom: 1.25em; }
.content table td { padding: 0.5em; border: 1px solid; }
.content h2:not([class]) { color: var(--dark-blue); font-size: 24px; font-weight: 500; line-height: normal; margin-bottom: 40px; }

.article { margin-bottom: 1.5em; }

.article__date { font-style: italic; }

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

.game__rating { display: flex; }
.game__rating i { width: 52px; height: 52px; background: url(../images/ico__star.svg) 50% 50% no-repeat var(--Blue); border: 3px solid #FFF; border-radius: 50%; margin-left: -10px; background-size: 22px auto; }

.game__total { color: var(--white); font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; padding: 15px 20px 14px 53px; background: url(../images/ico__users.svg) 21px 50% no-repeat var(--dark-blue); border-radius: 50px; }

.game__toall a, .game__tosingle a { color: var(--Blue); font-size: 20px; text-decoration-line: underline; }
.game__toall a:hover, .game__tosingle a:hover { text-decoration: none; }

.review_game { grid-template-columns: 1fr; grid-template-areas: "header" "content" "footer"; }
.review_game .review__content { min-height: 92px; }

.support { display: flex; gap: 40px; margin-bottom: 40px; align-items: flex-start; }
.support:last-child { margin-bottom: 0; }

.support__desc { font-size: 20px; line-height: 1.5; flex: 1 1 auto; }

.support__info { flex: 0 0 60.6%; padding: 40px 40px 47px 11.8%; position: relative; border-radius: 20px; background: url(../images/support-bg.jpg) 50% 50% no-repeat; background-size: cover; }

.support__decor { position: absolute; top: 0; bottom: 0; left: 20px; display: flex; align-items: center; width: 36.65%; }
.support__decor img { width: auto; height: auto; max-width: 100%; max-height: 100%; }

.support__offer { border-radius: 10px; background: linear-gradient(270deg, #ffffff 70.74%, #207fdb 112.18%); padding: 20px 20px 21px 35.72%; font-size: 20px; font-weight: 600; line-height: 1.5; }

.support__title { font-size: 1.8em; line-height: 1.27; }

.support__time { margin-top: 1em; }

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

.btn, .order__form-submit, .game__btn { display: inline-block; border-radius: 100px; background: linear-gradient(90deg, #1774fd 0%, #339dff 100%); position: relative; overflow: hidden; font-size: 20px; font-weight: 700; text-align: center; color: #fff; padding: 12px 24px; line-height: none; min-width: 210px; }
.btn span, .order__form-submit span, .game__btn span { position: relative; display: block; }
.btn::before, .order__form-submit::before, .game__btn::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--Blue); opacity: 0; transition: opacity 0.3s; }
.btn:hover::before, .order__form-submit:hover::before, .game__btn:hover::before { opacity: 1; }

.btn_large, .order__form-submit { display: block; margin-left: auto; margin-right: auto; max-width: 610px; width: 100%; }

.faq__item { margin-bottom: 20px; border-radius: 10px; background: #F3F9FF; transition: background-color 0.3s; }
.faq__item:last-child { margin-bottom: 0; }
.faq__item.active { background-color: var(--light-blue); }
.faq__item.active .faq__item-icon { transform: rotate(180deg); }
.faq__item.active .faq__item-title { font-weight: 600; }

.faq__item-header { padding: 18px 60px; display: flex; align-items: center; cursor: pointer; color: var(--dark-blue); font-size: 20px; line-height: normal; gap: 1em; text-wrap: balance; }

.faq__item-title { flex: 1 1 auto; transition: all 0.3s; }

.faq__item-icon { width: 25px; height: 15px; flex-shrink: 0; background: url(../images/ico__arrow-down.svg) 50% 50% no-repeat; transition: all 0.3s; }

.faq__item-body { color: var(--dark-blue); font-size: 20px; font-weight: 400; line-height: 1.6; padding: 22px 60px 40px; display: none; }

.blog { display: grid; gap: 20px; grid-template-columns: repeat(4, 1fr); }

.blog__link { display: block; }
.blog__link img { width: 100%; border-radius: 20px; }

.game__labels { position: static; margin-bottom: 20px; }
@media screen and (min-width: 1200px) { .game__labels { margin-bottom: 40px; } }

.section_pt20 { padding-top: 20px; }

.notice { font-size: 16px; font-weight: 400; line-height: 1.5; text-wrap: balance; display: flex; align-items: center; padding: 16px 40px; gap: 40px; border-radius: 20px; margin-bottom: 20px; background: rgba(255, 90, 90, 0.15); }
.notice:last-child { margin-bottom: 0; }

.notice__icon { width: 40px; height: 40px; flex-shrink: 0; background: #fff; border-radius: 50%; color: var(--red); font-size: 27px; display: flex; align-items: flex-end; justify-content: center; }

.goods__wrap { padding: 35px 50px; border-radius: 20px; background: #F3F9FF; }
.goods__wrap:last-child { margin-bottom: 0; }
.goods__wrap._ovh .goods { max-height: 330px; overflow: hidden; }

.goods__order-wrap { margin-top: 40px; display: none; }

.btn_high, .order__form-submit { padding-top: 18px; padding-bottom: 18px; }

.goods { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; transition: all 0.3s; padding-top: 5px; margin-left: -5px; padding-left: 5px; }

.good { border-radius: 10px; background: #FFF; display: flex; padding: 0 0 0 10px; align-items: center; gap: 20px; position: relative; }
.good.active { box-shadow: inset 0 0 0 1px #FFE588; background: #FFF5D1; }

.good__number { position: absolute; color: var(--Blue); font-size: 12px; font-style: normal; font-weight: 600; line-height: 18px; left: -5px; top: -5px; border: 1px solid #FFE588; background: #fff; width: 20px; height: 20px; border-radius: 50%; text-align: center; }

.good__checkbox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 2; }

.good__image { flex: 0 0 60px; }
.good__image img { width: 60px; height: 60px; border-radius: 10px; object-fit: cover; }

.good__body { padding-top: 10px; padding-bottom: 10px; flex: 1 1 auto; }

.good__title { font-size: 20px; font-weight: 500; line-height: 1.2; margin-bottom: 5px; }

.good__price { color: var(--Blue); font-size: 20px; display: flex; gap: 10px; }
.good__price del { font-size: 16px; color: var(--red); }

.good__info { flex: 0 0 40px; display: flex; flex-direction: column; border-radius: 0px 10px 10px 0px; background: var(--red); overflow: hidden; justify-content: center; gap: 20px; align-self: stretch; align-items: center; position: relative; z-index: 3; }
.good__info:empty { display: none; }

.good__info-link { width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: flex-end; justify-content: center; font-size: 13px; padding-bottom: 1px; background-color: #fff; color: var(--red); }

.good__overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 10px; z-index: 5; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.2); }
.good__overlay span { color: #FFF; font-family: Steppe; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; padding: 7px 29px; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.7); background: rgba(255, 30, 30, 0.15); backdrop-filter: blur(10px); }

.good:has(.good__overlay) .good__image, .good:has(.good__overlay) .good__info, .good:has(.good__overlay) .good__body { filter: grayscale(100%); }

._ended span { border: 1px solid rgba(255, 255, 255, 0.7); background: rgba(99, 161, 255, 0.15); }

.goods__more { position: relative; text-align: center; padding-top: 20px; }
.goods__more::before { content: ''; position: absolute; background: linear-gradient(0deg, rgba(20, 20, 20, 0.1) 0%, rgba(20, 20, 20, 0) 100%); mix-blend-mode: multiply; pointer-events: none; left: 0; right: 0; bottom: 100%; height: 42px; }

.btn_light, .game__btn { font-size: 16px; font-weight: 500; }

.modal { display: none; width: 600px; border-radius: 10px; }

._success { background: #F3F9FF; }
._success .notice__icon { font-size: 20px; padding-bottom: 5px; color: var(--Blue); background-color: #C9E4FF; }

.order { border-radius: 20px; background: #F3F9FF; margin-bottom: 20px; padding: 50px 60px; display: flex; gap: 40px; justify-content: space-between; }
.order:last-child { margin-bottom: 0; }

.order__form { flex: 1 1 auto; max-width: 610px; }

.order__form-label { font-size: 20px; font-weight: 500; margin-bottom: 10px; }

.order__form-input { width: 100%; margin-bottom: 20px; border-radius: 10px; border: 0.5px solid var(--blue-light-2); background: #FFF; font-size: 20px; padding-left: 1.5em; padding-right: 1em; height: 3em; color: inherit; font-family: inherit; }

.order__form-submit { cursor: pointer; transition: all 0.3s; margin-top: 20px; width: 100%; max-width: 100%; }
.order__form-submit[disabled] { filter: grayscale(100%); }

.order__preims { flex: 1 1 auto; max-width: 540px; }

.order__preim-list { display: flex; gap: 20px; flex-wrap: wrap; }

.order__preim { display: flex; gap: 5px; }
.order__preim::before { content: ''; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--blue-light-2); background: url(../images/ico__plus.svg) 50% 50% no-repeat #fff; }
.order__preim span { color: var(--Blue); font-size: 16px; font-weight: 400; line-height: normal; padding-left: 20px; padding-right: 20px; display: flex; align-items: center; height: 40px; border-radius: 5px; border: 0.5px solid var(--blue-light-2); background: #FFF; }

.section__title._red { color: var(--red); }
.section__title._red::before { border-color: var(--red); }

.step-list { list-style: none; margin-bottom: 60px; font-size: 20px; line-height: 1.6; color: var(--dark-blue); }
.step-list:last-child { margin-bottom: 0; }
.step-list li { margin-bottom: 20px; display: flex; flex-wrap: wrap; }
.step-list li:last-child { margin-bottom: 0; }
.step-list li:last-child .step-list__gallery { margin-bottom: 0; }

.step-list__count + div { flex: 1 1 auto; max-width: calc(100% - 3.4em); }

.step-list__count { font-size: 1.2em; font-style: normal; font-weight: 500; line-height: normal; margin-right: 5px; opacity: 0.5; }

.step-list__gallery { flex: 0 0 100%; display: flex; margin-top: 20px; margin-bottom: 20px; gap: 20px; }
.step-list__gallery img { border-radius: 20px; flex-shrink: 1; }

.btn_block { display: block; }

.game__btn-wrap { margin-bottom: 20px; }

.game__desc a { text-decoration: none; }
.game__desc a:hover { text-decoration: underline; }

.game__btn { display: block; max-width: 310px; }
.game__btn::before { opacity: 1; }
.game__btn:hover { opacity: 0.8; }

.game__links { color: var(--dark-blue); font-size: 16px; font-weight: 400; line-height: 1.87; }
.game__links a { color: var(--Blue); text-decoration: underline; }
.game__links a:hover { text-decoration: none; }

.game__tosingle a { color: var(--red); }

.game__footer_single { margin-top: 40px; }
@media screen and (min-width: 1200px) { .game__footer_single .game__toall, .game__footer_single .game__tosingle { margin-left: 20px; margin-right: 20px; } }

.profile { display: grid; grid-template-columns: 440px 1fr; gap: 20px; }

@media screen and (min-width: 1200px) { .profile_support { margin-bottom: 200px; } }

.profile__user { border-radius: 20px; background: #F3F9FF; padding: 40px 15px 25px; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.profile__avatar-form { width: 250px; height: 250px; border: 1px solid #E0ECFF; position: relative; border-radius: 50%; padding: 24px; }

.profile__avatar { width: 200px; height: 200px; border-radius: 50%; background-color: var(--Blue); color: #FFF; font-size: 96px; font-style: normal; font-weight: 800; line-height: 200px; text-align: center; overflow: hidden; text-transform: uppercase; }
.profile__avatar img { display: block; width: 200px; height: 200px; object-fit: cover; }

.profile__avatar-change { position: absolute; right: 30px; bottom: 11px; }

.profile__avatar-link { width: 59px; height: 59px; border-radius: 50%; border: 3px solid #F3F9FF; background-color: var(--red); color: #fff; font-size: 28px; display: flex; justify-content: center; align-items: flex-end; padding-bottom: 8px; cursor: pointer; transition: all 0.3s; }
.profile__avatar-link:hover { background-color: #F3F9FF; color: var(--red); }

.profile__avatar-choice { position: absolute; left: 50%; width: 380px; transform: translateX(-50%); top: 100%; margin-top: 20px; padding: 30px 39px 16px; border-radius: 20px; background: #FFF; border: 1px solid #E0ECFF; z-index: 5; pointer-events: none; opacity: 0; transition: all 0.3s; }
.profile__avatar-choice.active { pointer-events: all; opacity: 1; }
.profile__avatar-choice::before { content: ''; position: absolute; width: 20px; height: 17px; top: auto; bottom: 100%; right: 50%; margin-right: -10px; margin-bottom: -1px; border-bottom: 1px solid #fff; background-image: url(../images/polygon.svg); }

.avatars { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 15px; }

.avatars__item { position: relative; }
.avatars__item input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.avatars__item input:checked ~ .avatars__item-image { border-color: var(--red); }

.avatars__item-image { border: 1px solid #E0ECFF; padding: 5px; aspect-ratio: 1/1; border-radius: 50%; }
.avatars__item-image img { width: 100%; height: 100%; border-radius: 50%; background-color: var(--Blue); }

.noavatars { text-align: center; }
.noavatars a { color: var(--Blue); text-decoration: underline; }
.noavatars a:hover { text-decoration: none; }

.profile__fields { border-radius: 20px; background: #F3F9FF; padding: 40px 90px 40px 20px; }

.profile__form .userform__field { margin-bottom: 20px; }

.profile__user-name { color: var(--dark-blue); font-size: 20px; font-style: normal; font-weight: 400; line-height: 1.2; padding: 4px 12px; margin-top: 20px; text-decoration-line: underline; border-radius: 5px; border: 1px solid var(--light-blue, #E0ECFF); background: #FFF; }

.userform__remember { text-align: right; margin-top: 10px; }
.userform__remember a { color: var(--Blue); text-decoration: underline; }
.userform__remember a:hover { text-decoration: none; }

.profile__form-submit { font-size: 20px; background: transparent; color: var(--Blue); text-decoration: underline; margin-top: 8px; }
.profile__form-submit:hover { text-decoration: none; }

.profile__wallet { border-radius: 20px; background: linear-gradient(0deg, #6aa6ff 0%, #0d6efd 100%); padding: 30px 40px 30px; display: flex; flex-direction: column; gap: 40px; overflow: hidden; color: #fff; }

.profile__wallet-title { align-self: flex-start; margin-left: -40px; padding-left: 40px; border-radius: 0px 10px 10px 0px; background: #0063F0; position: relative; padding-top: 7px; padding-bottom: 4px; font-size: 20px; font-weight: 600; padding-right: 23px; }
.profile__wallet-title a { position: absolute; width: 24px; height: 24px; right: -8px; top: -6px; background: url(../images/info.svg) no-repeat; }

.profile__wallet-info { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; align-items: center; }

.profile__wallet-info-title { font-size: 20px; font-weight: 600; flex: 0 0 100%; }

.profile__wallet-total { font-size: 36px; padding-right: 36px; background: url(../images/ico__coin.svg) 100% 50% no-repeat; line-height: normal; font-weight: 600; }

.profile__wallet-link a { font-size: 20px; text-decoration: underline; color: #fff; }
.profile__wallet-link a:hover { text-decoration: none; }

.profile__orders { border-radius: 20px; background: #F3F9FF; padding: 30px 50px; }

.profile__orders-title, .profile__sales-title { width: fit-content; font-size: 20px; font-weight: 500; line-height: 1.2; padding: 7px 22px; display: flex; align-items: center; gap: 20px; border-radius: 10px; background: #E0ECFF; margin-bottom: 20px; }
.profile__orders-title a, .profile__sales-title a { color: var(--Blue); text-decoration-line: underline; }
.profile__orders-title a:hover, .profile__sales-title a:hover { text-decoration: none; }
.profile__orders-title::after, .profile__sales-title::after { content: ''; width: 35px; height: 35px; background: url(../images/ico__wallet.svg) 50% 50% no-repeat; }

.profile__orders-subtitle { font-size: 20px; margin-bottom: 15px; }

.profile__orders-desc { opacity: 0.7; line-height: 1.5; }

.checkout { display: flex; flex-direction: column; gap: 40px; }

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

.checkout__game-image { flex: 0 0 95px; }
.checkout__game-image img { aspect-ratio: 1/1; object-fit: cover; border-radius: 10px; }

.checkout__game-info { font-size: 20px; }

.checkout__game-title { margin-bottom: 10px; font-weight: 500; }
.checkout__game-title a { color: var(--Blue); text-decoration: underline; }
.checkout__game-title a:hover { text-decoration: none; }

.checkout__box .good { background: #F3F9FF; margin-bottom: 20px; }
.checkout__box .good:last-child { margin-bottom: 0; }

.section__title a { font-weight: 500; color: inherit; text-decoration: underline; }
.section__title a:hover { text-decoration: none; }

.checkout__fields { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }

.checkout__field { position: relative; }

.checkout__label { font-size: 20px; font-weight: 500; margin-bottom: 10px; }

.checkout__input { width: 100%; font-size: 20px; font-weight: 500; height: 3em; padding-left: 1.5em; border-radius: 10px; border: 0.5px solid var(--blue-light-2, #6D98DC); background: #FFF; }

.pay-list { display: grid; gap: 20px; grid-template-columns: repeat(4, 1fr); }

.pay-list__label { display: block; margin: 0; cursor: pointer; position: relative; }
.pay-list__label input { position: absolute; width: 0; height: 0; opacity: 0; }
.pay-list__label input:checked ~ .pay-list__item-info { box-shadow: inset 0 0 0 1px var(--Blue); }

.pay-list__item-info { border-radius: 10px; background: #F3F9FF; text-align: center; padding: 20px 15px 40px; }

.pay-list__item-logo { height: 50px; margin-bottom: 15px; }

.pay-list__item-title { font-size: 20px; font-weight: 500; }

.checkout__total { display: flex; flex-direction: column; gap: 20px; border-radius: 20px; background: #F3F9FF; padding: 30px 50px; }

.checkout__total-item { display: flex; align-items: center; justify-content: space-between; font-size: 20px; }
.checkout__total-item::after { content: ''; flex: 1 1 auto; margin-left: 0.5em; height: 0.65em; margin-right: 0.5em; border-bottom: 1px dashed #6D98DC; }

.checkout__total-item-value { order: 2; font-weight: bold; color: var(--Blue); }
.checkout__total-item-value br { display: none; }
.checkout__total-item-value a { font-weight: 500; text-decoration: underline; color: inherit; }
.checkout__total-item-value a:hover { text-decoration: none; }
.checkout__total-item-value ._ready { color: #04DC00; }
.checkout__total-item-value ._start { color: #DCC600; }
.checkout__total-item-value ._cancel { color: #DC0000; }

select option { font-family: Steppe; }

.checkout__success { padding: 20px 15px 50px; text-align: center; font-size: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; border-radius: 20px; background: #F3F9FF; }

.checkout__success-icon { padding: 16px; }

.checkout__success-title { font-weight: 600; font-size: 1.6em; color: var(--Blue); }

.checkout__success-desc a { color: var(--Blue); text-decoration: underline; }
.checkout__success-desc a:hover { text-decoration: none; }

.orders { padding: 50px; border-radius: 20px; background: #F3F9FF; }

.filter__before { color: var(--Blue); font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 10px; }

.filter { border-radius: 20px; background: #FFF; display: grid; gap: 40px; padding: 20px 40px 35px; grid-template-columns: 1fr 1fr 1fr auto auto; align-items: flex-end; margin-bottom: 25px; }

.filter__label { color: var(--dark-blue); font-family: Steppe; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 10px; }

.SumoSelect { display: block; width: 100%; position: relative; }
.SumoSelect select { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }

.open { z-index: 5; }

.CaptionCont { border-radius: 5px; border: 0.5px solid var(--blue-light-2); background: var(--white); display: flex; height: 35px; align-items: center; padding-left: 15px; padding-right: 15px; position: relative; margin: 0; font-size: 16px; gap: 10px; cursor: pointer; }
.CaptionCont span { flex: 1 1 auto; white-space: nowrap; text-overflow: ellipsis; }
.CaptionCont .placeholder { color: var(--blue-light-2); }
.CaptionCont label { width: 20px; height: 20px; flex-shrink: 0; margin: 0; background: url(../images/ico__select.svg) 50% 50% no-repeat; }

.open .CaptionCont label { transform: rotate(180deg); }
.open .optWrapper { display: block; }

.optWrapper { position: absolute; left: 0; top: 100%; height: auto !important; width: 100%; margin-top: 22px; border: 0.5px solid #E0ECFF; border-radius: 5px; padding: 15px; background: #fff; z-index: 10; display: none; }
.optWrapper::before { content: ''; position: absolute; width: 20px; height: 17px; top: auto; bottom: 100%; left: 20px; margin-bottom: -1px; margin-right: 0; border-right: 0; border-bottom: 1px solid #fff; background-image: url(../images/polygon.svg); }

.options { list-style: none; margin: 0; overflow-y: auto; max-height: 200px; overflow-x: hidden; }
.options::-webkit-scrollbar { border-radius: 100px; width: 3px; background: rgba(109, 152, 220, 0.3); }
.options::-webkit-scrollbar-thumb { border-radius: 100px; width: 3px; background: rgba(109, 152, 220, 0.7); }
.options .disabled { display: none; }
.options li { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 0.5px solid rgba(109, 152, 220, 0.5); color: var(--Blue); }
.options li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
.options li label { cursor: pointer; margin: 0; }
.options li._base, .options li._start { color: #DCC600; }
.options li._ready { color: #04DC00; }
.options li._cancel { color: #DC0000; }

.SumoSelect:has(._base.selected) .CaptionCont, .SumoSelect:has(._start.selected) .CaptionCont { color: #DCC600; }

.SumoSelect:has(._ready.selected) .CaptionCont { color: #04DC00; }

.SumoSelect:has(._paid.selected) .CaptionCont { color: var(--Blue); }

.SumoSelect:has(._cancel.selected) .CaptionCont { color: #DC0000; }

.filter__submit { color: var(--Blue); font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; text-decoration-line: underline; background: transparent; cursor: pointer; }
.filter__submit:hover { text-decoration: none; }

.filter__reset { color: var(--red); font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; text-decoration-line: underline; background: transparent; cursor: pointer; }
.filter__reset:hover { text-decoration: none; }

.filter__date { height: 35px; width: 100%; border-radius: 5px; border: 0.5px solid var(--blue-light-2); background: url(../images/ico__calendar.svg) 90% 50% no-repeat var(--white); padding-left: 15px; background-position: right 15px top 50%; font-size: 16px; }
.filter__date::-webkit-input-placeholder { color: var(--blue-light-2); }

.filter__input { height: 35px; width: 130px; border-radius: 5px; border: 0.5px solid var(--blue-light-2); background: var(--white); padding-left: 15px; font-size: 16px; }
.filter__input::-webkit-input-placeholder { color: var(--blue-light-2); }

.orders__header { display: flex; border-radius: 20px; background: #FFF; gap: 40px; padding: 18px 40px; font-size: 20px; line-height: none; margin-bottom: 20px; }

.orders__cell_1 { flex: 0 0 200px; }
.orders__cell_1 img { border-radius: 20px; aspect-ratio: 1/1; width: 100%; height: auto; }

.orders__cell_2 { flex: 1 1 auto; }

.orders__cell_3 { flex: 0 0 110px; margin-right: 60px; }

.orders__cell_4 { flex: 0 0 120px; text-align: center; margin-right: 24px; }

.v-toggle { position: absolute; right: 30px; height: 60px; bottom: 0; width: 30px; background: url(../images/ico__eye.svg) 50% 50% no-repeat; background-size: contain; cursor: pointer; transition: all 0.3s; }
.v-toggle:hover { opacity: 0.8; }
.v-toggle.active { background-image: url(../images/ico__eye-closed.svg); }

.orders__cell_5 { flex: 0 0 120px; }
@media screen and (min-width: 1200px) { .orders__cell_5 { text-align: center; } }

.orders__item { margin-bottom: 20px; display: flex; padding: 20px 40px; gap: 40px; border-radius: 20px; background: #FFF; font-size: 20px; font-weight: 500; }
.orders__item:last-child { margin-bottom: 0; }

.orders__title { font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; margin-bottom: 10px; }
.orders__title a { color: var(--Blue); text-decoration: underline; }
.orders__title a:hover { text-decoration: none; }

.orders__info { font-size: 16px; font-weight: normal; }
.orders__info ul { margin-top: 10px; margin-left: 20px; margin-bottom: 0; }
.orders__info ul li { margin-bottom: 8px; }
.orders__info ul li:last-child { margin-bottom: 0; }

.orders__price { text-align: center; color: var(--Blue); }
.orders__price del { display: block; margin-top: 5px; font-size: 0.8em; color: var(--red); }

.orders__status { color: var(--Blue); }
.orders__status._base, .orders__status._start { color: #DCC600; }
.orders__status._ready { color: #04DC00; }
.orders__status._cancel { color: #DC0000; }

.profile__sales { text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 20px; background: #F3F9FF; padding: 40px; font-size: 20px; }

.profile__sales-title::after { background-image: url(../images/ico__sell.svg); }

.profile__stat { display: grid; gap: 20px; grid-template-columns: repeat(4, 1fr); }

.profile__stat-item { border-radius: 20px; background: #F3F9FF; padding: 40px 30px; }

.profile__stat-item-title { margin-bottom: 40px; }

.profile__stat-item-count { font-size: 48px; color: var(--Blue); }
.profile__stat-item-count::after { content: " шт"; font-size: 20px; }

.profile__stat-item_4 .profile__stat-item-count { color: #04DC00; }

.chat__wrap { display: grid; grid-template-columns: 375px 1fr; gap: 20px; }

.chat__aside { display: flex; flex-direction: column; }

.chat__aside-title { color: var(--dark-blue); font-family: Steppe; font-size: 24px; font-style: normal; font-weight: 600; line-height: 1.25; margin-bottom: 20px; pointer-events: none; }

.chat-cards { flex-grow: 1; overflow-y: auto; padding: 20px 15px; border-radius: 20px; background: #F3F9FF; display: flex; gap: 20px; flex-direction: column; }
.chat-cards::-webkit-scrollbar { display: none; }

.chat-card { display: flex; border-radius: 10px; align-items: center; padding-left: 5px; padding-right: 5px; align-items: center; position: relative; color: var(--dark-blue); }
.chat-card:last-child { margin-bottom: 0; }
.chat-card._current { background: #E1F0FF; }
.chat-card._sticky { order: -1; background: #EBF4EF; }
.chat-card._sticky .chat-card__date { padding-left: 15px; background: url(../images/ico__sticky.svg) 0 50% no-repeat; }
.chat-card._support { order: -2; }

.chat-card__avatar { flex: 0 0 70px; width: 70px; height: 70px; border: 1px solid #E0ECFF; padding: 6px; position: relative; border-radius: 50%; }
.chat-card__avatar img { width: 56px; height: 56px; object-fit: cover; border-radius: 50%; background-color: var(--Blue); }

.chat-card__user-status { position: absolute; top: 1px; right: 1px; width: 21px; height: 21px; border: 3px solid #fff; border-radius: 50%; background-color: #3AFF36; }
.chat-card__user-status._offline { background-color: #FF3636; }

.chat-card__user-text { width: 56px; height: 56px; padding-top: 2px; font-size: 24px; text-align: center; color: #fff; background-color: var(--Blue); line-height: 54px; border-radius: 50%; text-transform: uppercase; font-weight: 700; }

.chat-card__info { flex: 1 1 auto; white-space: nowrap; padding-left: 15px; overflow: hidden; }

.chat-card__user { font-size: 16px; color: #000; font-weight: 600; margin-bottom: 7px; }

.chat-card__date { position: absolute; top: 10px; right: 5px; font-size: 12px; }

.chat-card__text { padding-right: 20px; text-overflow: ellipsis; overflow: hidden; color: var(--dark-blue); }

.chat-card__count { position: absolute; right: 5px; bottom: 13px; width: 20px; height: 20px; font-size: 12px; color: #fff; font-weight: 500; background: var(--Blue); text-align: center; padding-top: 1px; line-height: 19px; border-radius: 50%; }
.chat-card__count:empty { display: none; }

.row_gap-30 { row-gap: 30px; }

.chat__header { position: relative; display: flex; align-items: center; }
@media screen and (min-width: 1200px) { .chat__header { top: -20px; } }

.chat__header_single { top: 0; }

.chat__header-manager { flex: 1 1 auto; gap: 15px; display: flex; position: relative; align-items: center; }

.chat__header-manager-avatar { flex: 0 0 50px; width: 50px; height: 50px; border: 1px solid #D2E1F9; border-radius: 50%; padding: 4px; position: relative; }
.chat__header-manager-avatar img { width: 40px; height: 40px; background-color: var(--Blue); object-fit: cover; border-radius: 50%; }
.chat__header-manager-avatar::after { content: ''; position: absolute; width: 15px; height: 15px; border: 2px solid #F3F9FF; border-radius: 50%; top: 0; right: 0; background: #3AFF36; }
.chat__header-manager-avatar._offline::after { background: #DC0000; }

.chat__header-manager-avatar-text { border-radius: 50%; width: 40px; height: 40px; text-align: center; font-size: 20px; color: #fff; line-height: 38px; padding-top: 2px; font-weight: 700; text-transform: uppercase; background-color: var(--Blue); }

.chat__header-manager-info { color: #000; font-family: Steppe; font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; }
.chat__header-manager-info .bold { font-weight: 600; margin-bottom: 4px; }
.chat__header-manager-info ._start { color: #DCC600; }
.chat__header-manager-info ._paid { color: #1977FD; }
.chat__header-manager-info ._ready { color: #04DC00; }
.chat__header-manager-info ._cancel { color: #DC0000; }

.chat-header__order-status { font-weight: 600; }

.chat__header-menu { position: relative; }

.chat__header-menu-toggle { width: 25px; height: 25px; font-size: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s; }
.chat__header-menu-toggle:hover { opacity: 0.9; }

.chat__header-menu-options { position: absolute; white-space: nowrap; right: 0; border-radius: 10px; z-index: 10; background: #E1F0FF; top: 100%; width: 280px; margin-top: 17px; padding: 15px; opacity: 0; pointer-events: none; transition: all 0.3s; }
.chat__header-menu-options.active { opacity: 1; pointer-events: all; }
.chat__header-menu-options a { color: #133758; }
.chat__header-menu-options a:hover { color: var(--Blue); }
.chat__header-menu-options ul { list-style: none; margin: 0; }
.chat__header-menu-options ul li { padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #6D98DC; }
.chat__header-menu-options ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }

.chat__box { border-radius: 20px; background: #F3F9FF; height: 675px; position: relative; }

.chat__body { position: absolute; right: 10px; top: 20px; bottom: 20px; left: 25px; padding-right: 15px; padding-left: 15px; overflow-y: auto; }
.chat__body::-webkit-scrollbar { border-radius: 100px; background: #E1F0FF; width: 3px; }
.chat__body::-webkit-scrollbar-thumb { border-radius: 100px; background: #BAD6F3; width: 3px; }

.chat__start { margin-bottom: 40px; }

.chat__start-content { text-align: center; color: var(--dark-blue); text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; line-height: 1.2; display: flex; flex-direction: column; gap: 20px; }
.chat__start-content a { color: var(--Blue); font-weight: 500; }

.chat__start-game { display: flex; align-items: center; justify-content: center; gap: 20px; }
.chat__start-game a { font-weight: 500; }

.chat__start-game-image { flex: 0 0 95px; }
.chat__start-game-image img { aspect-ratio: 1/1; width: 100%; border-radius: 10px; }

.chat__start-game-info { display: flex; flex-direction: column; text-align: left; gap: 10px; }
.chat__start-game-info a { text-decoration: underline; }
.chat__start-game-info a:hover { text-decoration: none; }

.chat__start-game-price { font-size: 20px; font-weight: 600; }

.chat__start-fields { text-align: left; line-height: 1.2; }

.chat__start-fields-header { margin-bottom: 10px; }
.chat__start-fields-header a { font-weight: 400; text-decoration: underline; }
.chat__start-fields-header a:hover { text-decoration: none; }

.chat__start-field { border-radius: 10px; background: #E1F0FF; height: 75px; padding: 0 20px; display: flex; flex-direction: column; justify-content: center; margin-bottom: 20px; color: var(--dark-blue, #133758); font-family: Steppe; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; }
.chat__start-field:last-child { margin-bottom: 0; }
.chat__start-field input { background: transparent; padding: 0; font: inherit; border: 0; }

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

._manager .chat__message_manager { background: #E1F0FF; align-self: flex-end; padding: 15px 90px 12px 20px; }
._manager .chat__message_manager .chat__message-status { display: block; }
._manager .chat__message_manager .chat__message-date { margin-right: 25px; }
._manager .chat__message_manager::before { left: auto; right: -10px; background: url(../images/polygon-2.svg); }

._user .chat__message_user { background: #E1F0FF; align-self: flex-end; padding: 15px 90px 12px 20px; }
._user .chat__message_user .chat__message-status { display: block; }
._user .chat__message_user .chat__message-date { margin-right: 25px; }
._user .chat__message_user::before { left: auto; right: -10px; background: url(../images/polygon-2.svg); }

.chat__message { border-radius: 10px; position: relative; max-width: 630px; background: #EBF4EF; padding: 15px 75px 12px 25px; position: relative; }
.chat__message::before { content: ''; position: absolute; bottom: -3px; left: -10px; width: 22px; height: 25px; background: url(../images/polygon-1.svg); }
.chat__message._system { color: #000; }
.chat__message._system .chat__message-content::before { content: 'Системное оповещение: '; opacity: 0.5; }

.chat__start-decor { height: 163px; background: url(../images/decor.png) 50% 50% no-repeat; background-size: contain; }

.support__after { max-width: 800px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 40px; }

.chat__message-content a { color: var(--Blue); text-decoration: underline; }
.chat__message-content a:hover { text-decoration: none; }

.chat__message-date { position: absolute; right: 20px; bottom: 12px; color: var(--blue-light-2); font-size: 12px; line-height: 1; }

.chat__message-status { position: absolute; width: 20px; height: 20px; bottom: 8px; right: 20px; background: url(../images/status-1.svg) 50% 50% no-repeat; display: none; }

.chat__message-status_0 { background-image: url(../images/status-0.svg); }

.chat__form { margin-top: 20px; position: relative; }

.chat__form-file { position: absolute; left: 20px; width: 20px; height: 20px; top: 20px; overflow: hidden; z-index: 2; cursor: pointer; background: url(../images/ico__file.svg) 50% 50% no-repeat; }
.chat__form-file input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0 !important; cursor: pointer; }
.chat__form-file:hover { opacity: 0.8; }
.chat__form-file.loading { pointer-events: none; filter: grayscale(100%); }

.chat__form-box { padding-right: 70px; position: relative; }

.chat__form-input { border-radius: 10px; background: #F3F9FF; width: 100%; height: 60px; padding-left: 60px; color: var(--dark-blue, #133758); font-family: Steppe; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; }

.chat__form-submit { position: absolute; right: 0; bottom: 0; border-radius: 10px; background: #E1F0FF; width: 60px; height: 60px; color: var(--blue-light-2); font-size: 0; display: flex; align-items: center; justify-content: center; }
.chat__form-submit:hover { color: var(--Blue); }
.chat__form-submit[disabled] { pointer-events: none; filter: grayscale(100%); }

.wpcf7 p { margin-bottom: 0; }
.wpcf7 br { display: none; }

.wpcf7-textarea { margin-bottom: 30px; }

.wpcf7-submit { background: linear-gradient(90deg, #1774fd 0%, #339dff 100%); height: 45px; font-size: 16px; width: 100%; color: #fff; border-radius: 10px; cursor: pointer; transition: all 0.3s; }
.wpcf7-submit:hover { opacity: 0.8; }

[data-name="your-subject"] { display: none; }

.submitting .wpcf7-submit { pointer-events: none; filter: grayscale(100%); }

.screen-reader-response, .wpcf7-not-valid-tip { display: none !important; }

.wpcf7-response-output { text-align: center; margin-top: 1em; font-weight: bold; }
.wpcf7-response-output:empty { display: none; }

.modal_large { width: 1360px; padding-top: 96px; padding-bottom: 96px; }

.modal__title { color: var(--dark-blue); text-align: center; font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; margin-bottom: 40px; }

.modal__subtitle { font-size: 20px; font-weight: 700; margin-bottom: 40px; text-align: center; }

.modal__btns { display: flex; justify-content: center; gap: 40px; }

.modal__btn { border-radius: 100px; background: var(--Blue, #1977FD); flex: 1 1 auto; max-width: 210px; height: 50px; color: var(--white, #FFF); text-align: center; font-family: Steppe; font-size: 20px; font-style: normal; font-weight: 500; cursor: pointer; transition: all 0.3s; line-height: normal; }
.modal__btn:hover { opacity: 0.8; }

.modal__btn_reset { background: var(--dark-blue, #133758); }

.chat__header-order { flex: 0 0 auto; position: relative; margin-right: 10px; }

.chat__header-order-btn, .bill-chat-link { color: #FFF; cursor: pointer; transition: all 0.3s; font-family: Steppe; font-size: 15px; font-style: normal; font-weight: 600; line-height: normal; padding: 14px 25px; border-radius: 100px; background: var(--Blue, #1977FD); }
.chat__header-order-btn:hover, .bill-chat-link:hover { background: var(--dark-blue, #133758); }

.chat__header-order-box { position: absolute; top: 100%; right: 0; width: 515px; max-width: 80vw; padding: 20px; margin-top: 10px; border-radius: 10px; background: #FFF; z-index: 40; display: none; }
.chat__header-order-box ul { list-style: none; margin: 0; }
.chat__header-order-box ul li { margin-bottom: 10px; border-radius: 10px; background: rgba(25, 119, 253, 0.2); transition: background-color 0.3s; font-size: 20px; }
.chat__header-order-box ul li:last-child { margin-bottom: 0; }
.chat__header-order-box ul li a { display: flex; align-items: center; justify-content: center; justify-content: space-between; color: inherit; padding: 15px 20px; }
.chat__header-order-box ul li a::after { content: ''; width: 30px; height: 30px; flex-shrink: 0; background: url(../images/ico__status.svg) 50% 50% no-repeat; }
.chat__header-order-box ul li._current { pointer-events: none; background: #1977FD; color: #fff; }
.chat__header-order-box ul li._current a::after { background-image: url(../images/ico__status-current.svg); }
.chat__header-order-box ul li._start { background: rgba(243, 221, 18, 0.2); }
.chat__header-order-box ul li._start._current { background: #F3DD12; }
.chat__header-order-box ul li._ready { background: rgba(4, 220, 0, 0.2); }
.chat__header-order-box ul li._ready._current { background: #04DC00; }
.chat__header-order-box ul li._cancel { background: rgba(220, 0, 0, 0.2); }
.chat__header-order-box ul li._cancel._current { background-color: #DC0000; }

.chat__header-order-overlay { opacity: 0.3; background: #000; mix-blend-mode: multiply; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 30; cursor: pointer; display: none; }

.chat__message-delimiter { opacity: 0.8; font-size: 14px; display: flex; gap: 10px; align-items: center; justify-content: center; }
.chat__message-delimiter::before, .chat__message-delimiter::after { opacity: 0.5; content: ''; flex: 1 1 auto; border-bottom: 1px dashed currentColor; }

@media (max-width: 1366px) { .goods__wrap { padding-left: 30px; padding-right: 30px; }
  .orders { padding: 20px; }
  .filter, .orders__item { padding: 20px; gap: 20px; }
  .orders__header { gap: 20px; padding-left: 20px; padding-right: 20px; }
  .orders__cell_3, .orders__cell_4 { margin-right: 20px; } }
@media (max-width: 1199px) { .modal_large { padding-top: 40px; padding-bottom: 40px; }
  .chat-cards { flex-direction: row; overflow-x: auto; scroll-snap-type: x mandatory; }
  .chat__header { top: 0; margin-bottom: 20px; }
  .chat__wrap { display: block; }
  .chat__aside { margin-bottom: 20px; }
  .chat-cards { overflow-x: auto; width: 100%; }
  .chat-card { flex: 0 0 300px; max-width: 300px; }
  .chat-card__user { max-width: 165px; overflow: hidden; text-overflow: ellipsis; }
  .filter { grid-template-columns: repeat(3, 1fr); }
  .chat__wrap { grid-template-columns: 1fr; }
  .filter__input { width: 100%; }
  .orders__header { display: none; }
  .orders__item { flex-wrap: wrap; justify-content: space-between; }
  .orders__status br { display: none; }
  .orders__cell_4 { flex: 0 0 180px; }
  .orders__price { text-align: left; }
  .orders__cell_2 { width: calc(100% - 221px); }
  .order { padding: 40px 30px; }
  .profile__fields, .profile__orders { padding-right: 20px; padding-left: 20px; }
  .order__form-input { font-size: 16px; }
  .order__preim { font-size: 14px; }
  .order__preim span { height: 36px; }
  .order__preim::before { flex: 0 0 36px; width: 36px; height: 36px; }
  .notice { padding: 16px; border-radius: 10px; gap: 20px; }
  .goods { grid-template-columns: 1fr 1fr; }
  .support__desc, .support__offer { font-size: 16px; }
  .support { gap: 20px; }
  .faq__item-header, .faq__item-body { padding-left: 20px; padding-right: 20px; }
  .catalog, .categories { grid-template-columns: repeat(3, 1fr); }
  .game__info { font-size: 16px; }
  .userform__icon { z-index: 5; }
  .reviews { padding: 20px; }
  .review { grid-template-areas: "image header" "image content" "footer footer"; gap: 20px; }
  .userform__icon-hover { left: auto; right: -30px; top: 100%; margin-top: 20px; width: 280px; font-size: 14px; }
  .userform__icon-hover::before { width: 20px; height: 17px; top: auto; bottom: 100%; right: 35px; margin-bottom: -1px; margin-right: 0; border-right: 0; border-bottom: 1px solid #fff; background-image: url(../images/polygon.svg); }
  .header__search { width: 100%; margin-bottom: 30px; }
  .header__menu { flex-direction: column; gap: 20px; margin-bottom: 30px; }
  .header__row { height: 80px; }
  .nav { padding-top: 100px; }
  .blog { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 991px) { .game__footer_single { flex-wrap: wrap; }
  .chat__header_single .chat__header-order-box { right: auto; left: 0; }
  .profile, .pay-list { grid-template-columns: 1fr 1fr; }
  .checkout__input { font-size: 16px; }
  .v-toggle { height: 48px; }
  .checkout__total { padding: 20px; }
  .profile__user, .profile__wallet, .profile__sales { order: -1; }
  .profile__fields, .profile__orders, .profile__stat { grid-column-end: 3; grid-column-start: 1; }
  .profile__wallet { padding-left: 20px; padding-right: 20px; }
  .goods { grid-template-columns: 1fr; }
  .order { flex-wrap: wrap; }
  .step-list { font-size: 16px; }
  .blog { grid-template-columns: repeat(2, 1fr); }
  .support { flex-wrap: wrap; }
  .support > * { flex: 0 0 100%; }
  .faq__item-header, .faq__item-body { font-size: 16px; }
  .footer__social { margin-bottom: 20px; }
  .game { grid-template-columns: 175px 1fr; gap: 20px; }
  .review__content { font-size: 16px; }
  .review__links { gap: 5px; flex-direction: column; align-items: flex-start; }
  .review__header { align-items: flex-start; gap: 20px; flex-direction: column; justify-content: flex-start; }
  .review { grid-template-columns: 140px 1fr; grid-template-areas: "image header" "content content" "footer footer"; }
  .review_game { grid-template-columns: 1fr; grid-template-areas: "header" "content" "footer"; }
  .review_game .review__content { min-height: 0; }
  .review_game .review__header { flex-direction: row; justify-content: space-between; align-items: center; }
  .catalog, .categories { grid-template-columns: repeat(2, 1fr); }
  ._fxdc, .copyright { align-items: flex-start; }
  .copyright { margin-bottom: 40px; }
  .footer__menu { margin-bottom: 40px; } }
@media (max-width: 767px) { .chat__box { height: 95vh; min-height: 200px; }
  .modal__subtitle { font-size: 16px; margin-bottom: 20px; }
  .modal__btns { gap: 20px; }
  .modal__title { font-size: 20px; margin-bottom: 20px; }
  .chat__header-order-btn { font-size: 0; padding: 0; width: 45px; height: 45px; border-radius: 50%; background: url(../images/ico__edit.svg) 50% 50% no-repeat var(--Blue) !important; background-size: 60%; }
  .profile, .checkout__fields { grid-template-columns: 1fr; }
  .filter { grid-template-columns: 1fr 1fr; }
  .checkout__success { padding: 20px 15px; border-radius: 10px; font-size: 16px; }
  .checkout__success-icon { padding: 0; }
  .pay-list__item-title, .checkout__total-item { font-size: 16px; }
  .profile__orders, .profile__fields, .profile__stat { grid-column-end: 2; order: -1; }
  .profile__stat { grid-template-columns: 1fr 1fr; }
  .userform__label { font-size: 16px; }
  .catalog, .categories { grid-template-columns: 1fr 1fr; gap: 15px; }
  .goods__wrap { padding: 15px 20px 20px; }
  .notice { font-size: 14px; }
  .order { padding: 20px; }
  .catalog { row-gap: 25px; }
  .categories__button { gap: 0; font-size: 12px; padding-top: 0; padding-bottom: 0; padding-left: 10px; padding-right: 10px; }
  .categories__button-title { margin-left: -15px; }
  .catalog__item-title a { font-size: 12px; padding: 12px 6px; }
  .catalog__item-currency { font-size: 11px; padding: 8px; }
  .catalog__item-labels, .game__labels { top: 10px; left: 10px; right: 10px; flex-wrap: wrap; }
  .catalog__item-label, .game__label { font-size: 11px; }
  .footer__widget-title { font-size: 16px; }
  .footer__menu { font-size: 16px; }
  .footer__menu li { margin-bottom: 16px; }
  .footer__menu li:last-child { margin-bottom: 0; }
  .categories__button-icon { transform: scale(0.6); transform-origin: 0 50%; }
  .support__info { padding: 0; }
  .support__offer { padding-left: 40%; }
  .game { grid-template-columns: 1fr; }
  .review__footer { flex-wrap: wrap; }
  .review__links { flex: 0 0 100%; }
  .userform__success { gap: 30px; }
  .userform__field { margin-bottom: 30px; }
  .userform__submit { margin-top: 10px; }
  .userform { padding: 30px 15px; }
  .section { padding-bottom: 0; }
  .copy { font-size: 12px; line-height: 1.5; }
  .userform__title { margin-bottom: 30px; }
  .userform { font-size: 16px; }
  .breadcrumbs { padding-top: 30px; padding-bottom: 30px; }
  .orders__cell_4 { margin-right: 0; } }
@media (max-width: 575px) { .good__title, .good__price { font-size: 16px; }
  .profile__orders-desc { font-size: 12px; }
  .profile__avatar-choice { width: 300px; right: -50px; left: auto; transform: translateX(0); padding: 20px 20px 15px; }
  .profile__avatar-choice::before { right: 26%; }
  .filter { grid-template-columns: 1fr; }
  .orders__cell_2 { flex: 0 0 100%; }
  .orders__item { font-size: 16px; }
  .orders__cell_4 { flex: 0 0 auto; }
  .orders__cell_3 { margin-right: 0; }
  .avatars { gap: 10px; }
  .good { gap: 15px; }
  .order__preim-list { gap: 15px; }
  .order { border-radius: 10px; }
  .goods__wrap { border-radius: 10px; }
  .step-list__gallery { margin-top: 10px; margin-bottom: 10px; gap: 10px; }
  .order__preim span { font-size: 12px; padding: 0 12px; height: 30px; }
  .game__btn { max-width: 100%; }
  .order__form-label { font-size: 16px; }
  .order__preim::before { display: none; }
  .review { gap: 15px; padding: 15px; grid-template-columns: 110px 1fr; }
  .review__author-name { font-size: 16px; }
  .reviews { padding: 15px; }
  .game__footer { flex-wrap: wrap; }
  .game__rating { flex: 0 0 100%; }
  .review_game { grid-template-columns: 1fr; }
  .review_game .review__header { flex-direction: column; align-items: flex-start; }
  .support__decor { left: 15px; width: 25%; }
  .support__offer { padding-left: 32%; }
  .blog { grid-template-columns: 1fr 1fr; gap: 15px; }
  .blog__link img, .news-slider__link img, .catalog__item-link img { border-radius: 10px; }
  .news-slider__item { width: 280px; }
  .copyright { font-size: 12px; }
  .checkout__total { border-radius: 10px; padding: 15px; gap: 10px; }
  .pay-list { gap: 10px; }
  .pay-list__item-title { font-size: 14px; }
  .checkout__label { font-size: 16px; }
  .pay-list__item-info { padding-bottom: 20px; }
  .checkout__total-item { font-size: 13px; }
  .header__row { height: 54px; }
  .logo { width: 130px; }
  ._chatpage { position: fixed; overflow: hidden; width: 100%; height: 100%; }
  ._chatpage .breadcrumbs-wrap { position: absolute; top: 72px; left: 0; right: 0; }
  ._chatpage .breadcrumbs { padding: 0; }
  ._chatpage .section { padding: 0; }
  ._chatpage .footer { display: none; }
  .chat-card { max-width: 100%; flex: 0 0 auto; }
  .chat-card__avatar { width: 54px; height: 54px; flex: 0 0 54px; }
  .chat-card__user-status { width: 16px; height: 16px; }
  .chat-card__user-text { width: 40px; height: 40px; font-size: 20px; line-height: 38px; padding-top: 2px; }
  .chat-card__avatar img { width: 40px; height: 40px; }
  .chat__wrap { position: fixed; top: 102px; right: 0; left: 0; bottom: 0; }
  .chat__aside-title { margin-left: 15px; width: fit-content; pointer-events: all; cursor: pointer; }
  .chat-cards { position: absolute; left: -100%; width: 100%; bottom: 0; background: #fff; top: 25px; padding-top: 15px; z-index: 50; transition: all 0.3s; flex-direction: column; gap: 10px; }
  .chat-cards.active { left: 0; padding-left: 15px; padding-right: 15px; overflow-y: auto; overflow-x: hidden; }
  .chat__section { position: absolute; top: 40px; bottom: 0; }
  .chat__form { position: absolute; bottom: 0; left: 0; right: 0; padding: 8px; background: #fff; }
  .chat__form-submit { width: 50px; height: 50px; top: 0; border-radius: 5px; right: 0; }
  .chat__form-input { height: 50px; border-radius: 5px; padding-left: 50px; }
  .chat__form-box { padding-right: 58px; }
  .chat__form-file { top: 23px; left: 18px; }
  .chat-card__user { font-size: 14px; margin-bottom: 3px; line-height: 1.25; }
  .chat__body { left: 0; right: 0; bottom: 70px; padding-top: 10px; top: 0; }
  .chat__message-content { font-size: 14px; }
  .chat__list { gap: 10px; }
  .chat__start { margin-bottom: 20px; }
  .chat__box { height: auto; flex: 1 1 auto; background: #F3F9FF; border-radius: 5px 5px 0 0; }
  .chat__section { display: flex; flex-direction: column; left: 0; right: 0; }
  .chat__start-field { height: 56px; padding-left: 15px; padding-right: 15px; font-size: 14px; }
  .chat__start-fields-header { font-size: 12px; }
  .chat__start-content { font-size: 14px; gap: 10px; }
  .chat__start-game-image { flex: 0 0 77px; }
  .chat__start-game-info { gap: 5px; }
  .chat__start-game-price { font-size: 16px; }
  .chat__start-game { margin-bottom: 10px; }
  .chat-card__text { font-size: 12px; line-height: 1.25; }
  .chat__section .chat__header { padding-left: 15px; padding-right: 15px; flex-wrap: wrap; }
  .chat__section .chat__header-order { flex: 0 0 100%; order: 2; margin-top: 10px; }
  .chat__section .chat__header-order-btn { font-size: 14px; padding: 8px; width: 100%; background-image: none !important; height: auto; border-radius: 100px; text-align: center; }
  .chat__section .chat__header-order-box { width: 100%; padding: 15px; border-radius: 10px; max-width: 100%; }
  .chat__section .chat__header-order-box ul li a { height: 33px; padding-top: 2px; padding-bottom: 0; font-size: 14px; padding-left: 15px; padding-right: 15px; }
  .chat__section .chat__header-order-box ul li a::after { position: relative; top: -2px; transform: scale(0.6); transform-origin: 100% 50%; }
  .chat__header-manager-info { font-size: 12px; }
  .chat__header-manager-info .bold { font-size: 14px; margin-bottom: 2px; }
  .chat-card__date { top: 3px; }
  .chat-card__count { width: 16px; height: 16px; line-height: 15px; bottom: 10px; }
  .modal__title { font-size: 14px; margin-bottom: 1em; font-weight: 500; line-height: none; }
  .modal__btns { flex-direction: column; gap: 10px; max-width: 160px; margin-left: auto; margin-right: auto; }
  .modal__subtitle { font-size: 12px; font-weight: 500; line-height: normal; margin-bottom: 20px; } }
@media (max-width: 400px) { .checkout__total-item { font-size: 12px; }
  .checkout__total-item-value { white-space: nowrap; } }