/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
  overflow-x: hidden;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Remove margin
 */
figure {
  margin: 0;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* Blockquote
   ========================================================================== */
blockquote {
  margin: 0;
}

.fade {
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    -webkit-transition: none;
    transition: none;
  }
}

.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    -webkit-transition: none;
    transition: none;
  }
}

.navbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5rem 1rem;
}

.navbar .container,
.navbar .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1299.98px) {
  .navbar-expand-xxl > .container,
  .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1300px) {
  .navbar-expand-xxl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xxl > .container,
  .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1399.98px) {
  .navbar-expand-xxxl > .container,
  .navbar-expand-xxxl > .container-fluid, .navbar-expand-xxxl > .container-sm, .navbar-expand-xxxl > .container-md, .navbar-expand-xxxl > .container-lg, .navbar-expand-xxxl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1400px) {
  .navbar-expand-xxxl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-xxxl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-xxxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxxl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xxxl > .container,
  .navbar-expand-xxxl > .container-fluid, .navbar-expand-xxxl > .container-sm, .navbar-expand-xxxl > .container-md, .navbar-expand-xxxl > .container-lg, .navbar-expand-xxxl > .container-xl {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .navbar-expand-xxxl .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-xxxl .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1499.98px) {
  .navbar-expand-xxxxl > .container,
  .navbar-expand-xxxxl > .container-fluid, .navbar-expand-xxxxl > .container-sm, .navbar-expand-xxxxl > .container-md, .navbar-expand-xxxxl > .container-lg, .navbar-expand-xxxxl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1500px) {
  .navbar-expand-xxxxl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-xxxxl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-xxxxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxxxl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xxxxl > .container,
  .navbar-expand-xxxxl > .container-fluid, .navbar-expand-xxxxl > .container-sm, .navbar-expand-xxxxl > .container-md, .navbar-expand-xxxxl > .container-lg, .navbar-expand-xxxxl > .container-xl {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .navbar-expand-xxxxl .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-xxxxl .navbar-toggler {
    display: none;
  }
}

.navbar-expand {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}

.navbar-expand .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
  color: #fff;
}

.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

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

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

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1300px) {
  .dropdown-menu-xxl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1400px) {
  .dropdown-menu-xxxl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxxl-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1500px) {
  .dropdown-menu-xxxxl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxxxl-right {
    right: 0;
    left: auto;
  }
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropleft .dropdown-toggle::after {
  display: none;
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

/**
 * Swiper 6.3.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 20, 2020
 */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

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

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

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

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

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

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

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

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

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

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

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
          transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
          transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-blue {
  --swiper-pagination-color: #007bff;
}

.swiper-pagination-indigo {
  --swiper-pagination-color: #6610f2;
}

.swiper-pagination-purple {
  --swiper-pagination-color: #6f42c1;
}

.swiper-pagination-pink {
  --swiper-pagination-color: #e83e8c;
}

.swiper-pagination-red {
  --swiper-pagination-color: #dc3545;
}

.swiper-pagination-orange {
  --swiper-pagination-color: #fd7e14;
}

.swiper-pagination-yellow {
  --swiper-pagination-color: #ffc107;
}

.swiper-pagination-green {
  --swiper-pagination-color: #28a745;
}

.swiper-pagination-teal {
  --swiper-pagination-color: #20c997;
}

.swiper-pagination-cyan {
  --swiper-pagination-color: #17a2b8;
}

.swiper-pagination-white {
  --swiper-pagination-color: #fff;
}

.swiper-pagination-gray {
  --swiper-pagination-color: #6c757d;
}

.swiper-pagination-gray-dark {
  --swiper-pagination-color: #343a40;
}

.swiper-pagination-lock {
  display: none;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}

.swiper-button-prev.swiper-button-blue,
.swiper-button-next.swiper-button-blue {
  --swiper-navigation-color: #007bff;
}

.swiper-button-prev.swiper-button-indigo,
.swiper-button-next.swiper-button-indigo {
  --swiper-navigation-color: #6610f2;
}

.swiper-button-prev.swiper-button-purple,
.swiper-button-next.swiper-button-purple {
  --swiper-navigation-color: #6f42c1;
}

.swiper-button-prev.swiper-button-pink,
.swiper-button-next.swiper-button-pink {
  --swiper-navigation-color: #e83e8c;
}

.swiper-button-prev.swiper-button-red,
.swiper-button-next.swiper-button-red {
  --swiper-navigation-color: #dc3545;
}

.swiper-button-prev.swiper-button-orange,
.swiper-button-next.swiper-button-orange {
  --swiper-navigation-color: #fd7e14;
}

.swiper-button-prev.swiper-button-yellow,
.swiper-button-next.swiper-button-yellow {
  --swiper-navigation-color: #ffc107;
}

.swiper-button-prev.swiper-button-green,
.swiper-button-next.swiper-button-green {
  --swiper-navigation-color: #28a745;
}

.swiper-button-prev.swiper-button-teal,
.swiper-button-next.swiper-button-teal {
  --swiper-navigation-color: #20c997;
}

.swiper-button-prev.swiper-button-cyan,
.swiper-button-next.swiper-button-cyan {
  --swiper-navigation-color: #17a2b8;
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #fff;
}

.swiper-button-prev.swiper-button-gray,
.swiper-button-next.swiper-button-gray {
  --swiper-navigation-color: #6c757d;
}

.swiper-button-prev.swiper-button-gray-dark,
.swiper-button-next.swiper-button-gray-dark {
  --swiper-navigation-color: #343a40;
}

.swiper-button-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}

table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}

table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111111;
}

table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111111;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
}

table.dataTable thead .sorting {
  background-image: url("../images/sort_both.png");
}

table.dataTable thead .sorting_asc {
  background-image: url("../images/sort_asc.png");
}

table.dataTable thead .sorting_desc {
  background-image: url("../images/sort_desc.png");
}

table.dataTable thead .sorting_asc_disabled {
  background-image: url("../images/sort_asc_disabled.png");
}

table.dataTable thead .sorting_desc_disabled {
  background-image: url("../images/sort_desc_disabled.png");
}

table.dataTable tbody tr {
  background-color: white;
}

table.dataTable tbody tr.selected {
  background-color: #b0bed9;
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #dddddd;
}

table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}

table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #dddddd;
}

table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}

table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #abb9d3;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: whitesmoke;
}

table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  background-color: #a9b7d1;
}

table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #f9f9f9;
}

table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad4;
}

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}

table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}

table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}

table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b3cd;
}

table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a7b5ce;
}

table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b6d0;
}

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #f9f9f9;
}

table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fbfbfb;
}

table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fdfdfd;
}

table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad4;
}

table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #adbbd6;
}

table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}

table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ebebeb;
}

table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #eeeeee;
}

table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a1aec7;
}

table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a2afc8;
}

table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a4b2cb;
}

table.dataTable.no-footer {
  border-bottom: 1px solid #111111;
}

table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}

table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px;
}

table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}

table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}

table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}

table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}

.dataTables_wrapper .dataTables_length {
  float: left;
}

.dataTables_wrapper .dataTables_length select {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  padding: 4px;
}

.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}

.dataTables_wrapper .dataTables_filter input {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  margin-left: 3px;
}

.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}

.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333333 !important;
  border: 1px solid #979797;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);
  /* Chrome10+,Safari5.1+ */
  /* FF3.6+ */
  /* IE10+ */
  /* Opera 11.10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(gainsboro));
  background: linear-gradient(to bottom, white 0%, gainsboro 100%);
  /* W3C */
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);
  /* Chrome10+,Safari5.1+ */
  /* FF3.6+ */
  /* IE10+ */
  /* Opera 11.10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#111111));
  background: linear-gradient(to bottom, #585858 0%, #111111 100%);
  /* W3C */
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  /* FF3.6+ */
  /* IE10+ */
  /* Opera 11.10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#2b2b2b), to(#0c0c0c));
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  -webkit-box-shadow: inset 0 0 3px #111;
          box-shadow: inset 0 0 3px #111;
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}

.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333333;
}

.dataTables_wrapper .dataTables_scroll {
  clear: both;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111111;
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none;
}

.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}

@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}

html,
body {
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

body {
  font-size: 16px;
  line-height: 1.2;
  font-family: "Montserrat", Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  font-weight: normal;
  font-style: normal;
  color: #fff;
  background-color: #0e111b;
}

body.menu-open {
  overflow: hidden;
}

body.menu-open .header {
  background-color: rgba(16, 23, 34, 0.9);
}

.container {
  max-width: calc(1280px + 40px);
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

@media (min-width: 992px) {
  .container {
    max-width: calc(1280px + 120px);
    padding: 0 60px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: calc(1280px + 160px);
    padding: 0 80px;
  }
}

a {
  color: #fff;
  text-decoration: none;
}

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

section {
  position: relative;
}

section:not(.hero)::after {
  content: '';
  position: absolute;
  right: 0;
  left: auto;
  bottom: 0;
  width: 50%;
  height: 20px;
  background-color: #006cff;
  z-index: 1;
}

@media (max-width: 1399.98px) {
  section:not(.hero)::after {
    height: 14px;
  }
}

section:not(.hero).section-decor-left::after {
  content: '';
  position: absolute;
  right: auto;
  left: left;
  bottom: 0;
  width: 50%;
  height: 20px;
  background-color: #006cff;
  z-index: 1;
}

@media (max-width: 1399.98px) {
  section:not(.hero).section-decor-left::after {
    height: 14px;
  }
}

section.section-decor-none::after {
  content: none;
}

section.section-decor-under::after {
  content: '';
  position: absolute;
  right: 0;
  left: auto;
  bottom: -20px;
  width: 50%;
  height: 20px;
  background-color: #006cff;
  z-index: 1;
}

@media (max-width: 1399.98px) {
  section.section-decor-under::after {
    height: 14px;
  }
}

@media (max-width: 1399.98px) {
  section.section-decor-under::after {
    bottom: -14px;
  }
}

section.section-bg-dark-light {
  background-color: #101420;
}

section[class^="-setting"], section[class*="-setting"] {
  padding: 6vw 0 5.2vw;
}

@media (max-width: 991.98px) {
  section[class^="-setting"], section[class*="-setting"] {
    padding: 50px 0;
  }
}

section[class^="-setting"].bg-light, section[class*="-setting"].bg-light {
  background-color: #101420;
}

section[class^="-setting"] .section-title h2, section[class*="-setting"] .section-title h2 {
  margin-bottom: 40px;
}

section[class^="-setting"] .item, section[class*="-setting"] .item {
  padding: 40px;
  -webkit-box-shadow: 0 10px 30px 0 rgba(65, 65, 141, 0.17);
          box-shadow: 0 10px 30px 0 rgba(65, 65, 141, 0.17);
}

@media (max-width: 1199.98px) {
  section[class^="-setting"] .item, section[class*="-setting"] .item {
    padding: 20px;
  }
}

@media (max-width: 767.98px) {
  section[class^="-setting"] .item, section[class*="-setting"] .item {
    padding-left: 10px;
    padding-right: 10px;
  }
}

section[class^="-setting"] .item.item-py-lg, section[class*="-setting"] .item.item-py-lg {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (max-width: 1199.98px) {
  section[class^="-setting"] .item.item-py-lg, section[class*="-setting"] .item.item-py-lg {
    padding: 20px;
  }
}

@media (max-width: 767.98px) {
  section[class^="-setting"] .item.item-py-lg, section[class*="-setting"] .item.item-py-lg {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.accent {
  color: #006cff;
}

.accent-gradient {
  background: -webkit-linear-gradient(45deg, #0691fd, #7e77e2);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn {
  display: inline-block;
  min-width: 200px;
  padding: 14px 20px;
  color: #fff;
  text-align: center;
  background: -webkit-linear-gradient(45deg, #fd6d50 0%, #fe415c 100%);
  background: linear-gradient(45deg, #fd6d50 0%, #fe415c 100%);
  border: 0;
  border-radius: 10px;
  -webkit-box-shadow: 0 11px 26px -5px #d53a51;
          box-shadow: 0 11px 26px -5px #d53a51;
  -webkit-transition: background .3s ease-in;
  transition: background .3s ease-in;
}

@media (max-width: 1199.98px) {
  .btn {
    min-width: 180px;
    padding: 12px 16px;
  }
}

.btn:hover {
  background: -webkit-linear-gradient(135deg, #fd6d50 0%, #fe415c 100%);
  background: linear-gradient(-45deg, #fd6d50 0%, #fe415c 100%);
}

.btn:focus {
  outline: none;
}

.btn.btn-lg {
  padding: 18px 20px;
}

@media (max-width: 1499.98px) {
  .btn.btn-lg {
    padding: 16px 20px;
  }
}

@media (max-width: 991.98px) {
  .btn.btn-lg {
    padding: 14px 18px;
  }
}

.btn.btn-lg.btn-with-arrow svg {
  width: 10px;
}

.btn.btn-fs-lg {
  font-size: 20px;
}

@media (max-width: 1499.98px) {
  .btn.btn-fs-lg {
    font-size: 18px;
  }
}

@media (max-width: 991.98px) {
  .btn.btn-fs-lg {
    font-size: 16px;
  }
}

.btn.btn-with-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btn.btn-with-arrow span {
  display: inline-block;
  margin-right: 16px;
}

.btn.btn-with-arrow svg {
  width: 7px;
}

.btn.btn-transparent {
  background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  border: 2px solid #006cff;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: background .3s ease-in, border-color .1s ease-in;
  transition: background .3s ease-in, border-color .1s ease-in;
}

.btn.btn-transparent:hover {
  background: -webkit-linear-gradient(45deg, #fd6d50 0%, #fe415c 100%);
  background: linear-gradient(45deg, #fd6d50 0%, #fe415c 100%);
  border-color: transparent;
}

.btn.btn-transparent.gradient {
  -webkit-box-shadow: 0 5px 16px 0 rgba(65, 65, 141, 0);
          box-shadow: 0 5px 16px 0 rgba(65, 65, 141, 0);
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

.btn.btn-transparent.gradient:hover {
  border: 2px solid #006cff;
  background: none;
  -webkit-box-shadow: 0 5px 16px 0 rgba(65, 65, 141, 0.5);
          box-shadow: 0 5px 16px 0 rgba(65, 65, 141, 0.5);
}

.btn.btn-transparent.gradient.active, .btn.btn-transparent.gradient:active {
  color: #fff;
  border-color: transparent;
  background: -webkit-linear-gradient(45deg, #0691fd 0%, #7e77e2 100%);
  background: linear-gradient(45deg, #0691fd 0%, #7e77e2 100%);
}

.section-title {
  margin-bottom: 30px;
}

.section-title.with-media.with-media__first img {
  margin-left: 0;
}

.section-title.with-media img {
  vertical-align: bottom;
  margin: 0 10px;
  max-width: 70px;
}

@media (max-width: 1499.98px) {
  .section-title.with-media img {
    max-width: 60px;
  }
}

@media (max-width: 1199.98px) {
  .section-title.with-media img {
    max-width: 50px;
    margin: 0 8px;
  }
}

@media (max-width: 991.98px) {
  .section-title.with-media img {
    max-width: 40px;
  }
}

.section-title h2 {
  margin-bottom: 30px;
  line-height: 1;
}

.section-title h2 {
  font-size: 36px;
}

@media screen and (min-width: 768px) {
  .section-title h2 {
    font-size: calc(36px + 34 * ((100vw - 768px) / 832));
  }
}

@media screen and (min-width: 1600px) {
  .section-title h2 {
    font-size: 70px;
  }
}

@media (max-width: 1499.98px) {
  .section-title h2 {
    margin-bottom: 20px;
  }
}

.section-title p {
  position: relative;
  padding-left: 105px;
}

.section-title p {
  font-size: 18px;
}

@media screen and (min-width: 768px) {
  .section-title p {
    font-size: calc(18px + 12 * ((100vw - 768px) / 632));
  }
}

@media screen and (min-width: 1400px) {
  .section-title p {
    font-size: 30px;
  }
}

@media (max-width: 1499.98px) {
  .section-title p {
    padding-left: 82px;
  }
}

@media (max-width: 991.98px) {
  .section-title p {
    padding-left: 65px;
  }
}

.section-title p::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 75px;
  height: 20px;
  background-color: #006cff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 1499.98px) {
  .section-title p::before {
    width: 60px;
    height: 16px;
  }
}

@media (max-width: 991.98px) {
  .section-title p::before {
    width: 50px;
    height: 10px;
  }
}

.section-title p .accent {
  font-weight: 700;
}

.icon-hover-grad {
  position: relative;
}

.icon-hover-grad svg {
  display: block;
  margin-right: 9px;
  -webkit-transition: opacity .3s ease-in, visibility .3s ease-in;
  transition: opacity .3s ease-in, visibility .3s ease-in;
}

.icon-hover-grad svg:first-child {
  opacity: 1;
  visibility: visible;
}

.icon-hover-grad svg:last-child {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}

.custom-vert-align .txt-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: inherit;
}

.custom-vert-align .txt-holder .container {
  padding-top: 30px;
  padding-bottom: 30px;
}

.table-settings {
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  -webkit-transition: border-color .3s ease-in;
  transition: border-color .3s ease-in;
}

.table-settings.table-with-header.dataTable thead {
  display: table-header-group;
}

@media (max-width: 1199.98px) {
  .table-settings.table-with-header.dataTable thead {
    display: table-caption;
  }
}

@media (max-width: 1199.98px) {
  .table-settings.table-with-header.dataTable thead tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.table-settings.table-with-header.dataTable thead tr:first-child th:first-child {
  border-top-left-radius: 9px;
}

.table-settings.table-with-header.dataTable thead tr:first-child th:last-child {
  border-top-right-radius: 9px;
}

.table-settings.table-with-header.dataTable tbody tr:first-child td:first-child {
  border-top-left-radius: 0;
}

.table-settings.table-with-header.dataTable tbody tr:first-child td:last-child {
  border-top-right-radius: 0;
}

@media (max-width: 1199.98px) {
  .table-settings[id^="-setting"].dataTable tbody tr td, .table-settings[id*="-setting"].dataTable tbody tr td {
    padding: 0;
  }
  .table-settings[id^="-setting"].dataTable tbody tr td > span,
  .table-settings[id^="-setting"].dataTable tbody tr td .dtr-data span, .table-settings[id*="-setting"].dataTable tbody tr td > span,
  .table-settings[id*="-setting"].dataTable tbody tr td .dtr-data span {
    display: inline-block;
    padding: 21px 12px;
  }
}

.table-settings:hover.dataTable.no-footer {
  border-color: #006cff;
}

.table-settings.dataTable {
  border-radius: 9px;
}

.table-settings.dataTable.no-footer {
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
}

.table-settings.dataTable thead {
  display: none;
}

.table-settings.dataTable tbody tr {
  background-color: #0e111b;
}

@media (max-width: 1199.98px) {
  .table-settings.dataTable tbody tr.parent td:nth-child(2) {
    text-align: right;
  }
}

@media (max-width: 1199.98px) {
  .table-settings.dataTable tbody tr.parent td.min-desktopMd:not(.dtr-control) {
    text-align: right;
  }
}

@media (max-width: 991.98px) {
  .table-settings.dataTable tbody tr.parent td.dtr-control + td {
    text-align: right;
  }
}

@media (min-width: 1200px) {
  .table-settings.dataTable tbody tr:first-child td {
    padding-top: 47px;
  }
}

.table-settings.dataTable tbody tr:first-child td:first-child {
  border-top-left-radius: 9px;
}

@media (min-width: 1200px) {
  .table-settings.dataTable tbody tr:first-child td:last-child {
    border-top-right-radius: 9px;
  }
}

@media (max-width: 991.98px) {
  .table-settings.dataTable tbody tr:first-child td:nth-child(2) {
    border-top-right-radius: 9px;
  }
}

@media (min-width: 992px) {
  .table-settings.dataTable tbody tr:first-child td:nth-child(4) {
    border-top-right-radius: 9px;
  }
}

@media (min-width: 1200px) {
  .table-settings.dataTable tbody tr:last-child td {
    padding-bottom: 47px;
  }
}

.table-settings.dataTable tbody tr:last-child td:first-child {
  border-bottom-left-radius: 9px;
}

.table-settings.dataTable tbody tr:last-child td:last-child {
  border-bottom-right-radius: 9px;
}

.table-settings.dataTable tbody tr.even {
  background-color: #131722;
}

@media (max-width: 1199.98px) {
  .table-settings.dataTable tbody tr.even {
    background-color: #0e111b;
  }
}

.table-settings.dataTable tbody tr.even td:first-child {
  border-left-color: #0e111b;
}

.table-settings.dataTable tbody tr.even td:last-child {
  border-right-color: #0e111b;
}

@media (min-width: 1440px) {
  .table-settings.dataTable tbody tr:hover {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 10px 14px 0 rgba(0, 108, 255, 0.75);
            box-shadow: 0 10px 14px 0 rgba(0, 108, 255, 0.75);
  }
}

.table-settings.dataTable tbody tr td {
  padding: 21px 12px;
}

@media (max-width: 991.98px) {
  .table-settings.dataTable tbody tr td {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

.table-settings.dataTable tbody tr td:first-child {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: transparent;
}

@media (min-width: 1200px) {
  .table-settings.dataTable tbody tr td:first-child {
    padding-left: 36px;
  }
}

.table-settings.dataTable tbody tr td:last-child {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: transparent;
}

@media (min-width: 1200px) {
  .table-settings.dataTable tbody tr td:last-child {
    padding-right: 36px;
  }
}

@media (min-width: 1200px) {
  .table-settings.dataTable tbody tr td.child:first-child {
    padding-left: 36px;
  }
}

@media (min-width: 1200px) {
  .table-settings.dataTable tbody tr td.child:last-child {
    padding-right: 12px;
  }
}

@media (max-width: 991.98px) {
  .table-settings.dataTable tbody tr td:nth-child(even) {
    font-size: 14px;
  }
}

.table-settings.dataTable tbody tr td:nth-child(odd) {
  font-size: 12px;
  color: #555a6f;
  text-transform: uppercase;
}

.table-settings.dataTable tbody tr td:nth-child(odd) li:nth-child(even) {
  width: calc(50% - 10px);
  padding-left: 10px;
  font-size: 16px;
  color: #fff;
  text-transform: none;
}

@media (max-width: 991.98px) {
  .table-settings.dataTable tbody tr td:nth-child(odd) li:nth-child(even) {
    font-size: 14px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .table-settings.dataTable tbody tr td:nth-child(4) {
    border-radius: 9px;
  }
}

.table-settings.dataTable tbody tr td.td-with-popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.table-settings.dataTable tbody tr td:focus {
  outline: none;
}

.table-settings.dataTable tbody tr td span.disabled {
  color: #a3182b;
}

.table-settings.dataTable tbody tr td span.enabled {
  color: #209e5b;
}

.table-settings.dataTable tbody tr td span.accent {
  color: #006cff;
}

.various-settings ul,
.video-settings ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.various-settings li,
.video-settings li {
  width: 50%;
  list-style: none;
}

.various-settings li:nth-child(even),
.video-settings li:nth-child(even) {
  text-align: right;
}

.slider-games .swiper-button-prev, .slider-games .swiper-button-next, .team-block .swiper-button-prev, .team-block .swiper-button-next {
  width: 30px;
  height: 30px;
  color: #0e111b;
  background-color: #fff;
  border-radius: 50%;
  -webkit-transition: background-color .3s ease-in;
  transition: background-color .3s ease-in;
}

.slider-games .swiper-button-prev:hover, .slider-games .swiper-button-next:hover, .team-block .swiper-button-prev:hover, .team-block .swiper-button-next:hover {
  background-color: #006cff;
}

.slider-games .swiper-button-prev:hover::after, .slider-games .swiper-button-next:hover::after, .team-block .swiper-button-prev:hover::after, .team-block .swiper-button-next:hover::after {
  color: #fff;
}

.slider-games .swiper-button-prev:focus, .slider-games .swiper-button-next:focus, .team-block .swiper-button-prev:focus, .team-block .swiper-button-next:focus {
  outline: none;
}

.slider-games .swiper-button-prev::after, .slider-games .swiper-button-next::after, .team-block .swiper-button-prev::after, .team-block .swiper-button-next::after {
  color: #0e111b;
  font-size: 12px;
  -webkit-transition: color .3s ease-in;
  transition: color .3s ease-in;
}

.slider-games .swiper-button-disabled.swiper-button-prev, .slider-games .swiper-button-disabled.swiper-button-next, .team-block .swiper-button-disabled.swiper-button-prev, .team-block .swiper-button-disabled.swiper-button-next {
  opacity: .5;
}

.main.main--default-template {
  padding: 140px 0 60px;
}

@media (max-width: 1199.98px) {
  .main.main--default-template {
    padding: 90px 0 50px;
  }
}

.main.main--default-template ol,
.main.main--default-template ul,
.main.main--default-template h1,
.main.main--default-template h2,
.main.main--default-template h3,
.main.main--default-template h4,
.main.main--default-template h5,
.main.main--default-template h6 {
  margin-bottom: 24px;
}

.main.main--default-template h1,
.main.main--default-template h2,
.main.main--default-template h3,
.main.main--default-template h4,
.main.main--default-template h5,
.main.main--default-template h6,
.main.main--default-template img {
  margin-bottom: 28px;
  color: #006cff;
}

.main.main--default-template h1 {
  font-size: 32px;
}

.main.main--default-template h2 {
  font-size: 28px;
}

.main.main--default-template h3 {
  font-size: 24px;
}

.main.main--default-template h4 {
  font-size: 22px;
}

.main.main--default-template h5 {
  font-size: 20px;
}

.main.main--default-template h6 {
  font-size: 18px;
}

.main.main--default-template p {
  margin-bottom: 20px;
}

.main.main--default-template ul,
.main.main--default-template ol {
  list-style: none;
}

.main.main--default-template li {
  margin-bottom: 16px;
}

.main.main--default-template ul li {
  position: relative;
  padding-left: 22px;
}

.main.main--default-template ul li::before {
  content: '';
  position: absolute;
  top: 7px;
  left: 6px;
  width: 6px;
  height: 6px;
  background: #006cff;
  border-radius: 50%;
}

.main.main--default-template ol {
  counter-reset: my-awesome-counter;
}

.main.main--default-template ol li {
  padding-left: 8px;
  counter-increment: my-awesome-counter;
}

.main.main--default-template ol li::before {
  content: counter(my-awesome-counter) ". ";
  color: #006cff;
}

.main.main--default-template a {
  color: #006cff;
  overflow-wrap: break-word;
  -webkit-transition: color .3s ease-in;
  transition: color .3s ease-in;
}

.main.main--default-template a:hover {
  color: #4ec9fd;
}

.main.main--default-template p {
  line-height: 1.4;
}

.main.main--default-template div {
  margin-bottom: 14px;
  overflow-x: auto;
}

.main.main--default-template div::-webkit-scrollbar {
  height: 6px;
  border-radius: 2px;
}

.main.main--default-template div::-webkit-scrollbar-thumb {
  background: #fff;
}

.main.main--default-template table {
  width: 100%;
  padding-bottom: 10px;
  font-size: 14px;
  border-collapse: separate;
  border-spacing: 0;
  -webkit-box-shadow: 0 10px 30px 0 rgba(65, 65, 141, 0.17);
          box-shadow: 0 10px 30px 0 rgba(65, 65, 141, 0.17);
}

.main.main--default-template table thead tr {
  background: -webkit-linear-gradient(45deg, #0691fd 0%, #7e77e2 100%);
  background: linear-gradient(45deg, #0691fd 0%, #7e77e2 100%);
}

.main.main--default-template table thead th {
  padding: 14px 10px;
  font-weight: 500;
}

.main.main--default-template table thead th:first-child {
  border-top-left-radius: 8px;
}

.main.main--default-template table thead th:last-child {
  border-top-right-radius: 8px;
}

.main.main--default-template table tbody tr:first-child td, .main.main--default-template table tbody tr:only-child td {
  border-top: 0;
}

.main.main--default-template table tbody tr:nth-child(even) {
  background: #101420;
}

.main.main--default-template table tbody td {
  vertical-align: top;
  padding: 12px 10px;
  border: 1px solid #006cff;
}

.abilities-setting .item.item {
  padding-bottom: 0;
}

.abilities-setting h4 {
  font-size: 12px;
  text-transform: uppercase;
  color: #555a6f;
}

.abilities-setting .key {
  width: 42px;
  min-height: 42px;
  border-radius: 4px;
}

.abilities-setting .row {
  margin-bottom: 48px;
  padding: 0 20px;
}

@media (max-width: 991.98px) {
  .abilities-setting .row {
    margin-bottom: 32px;
  }
}

@media (max-width: 767.98px) {
  .abilities-setting .row {
    margin-bottom: 26px;
  }
}

.abilities-setting .row-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -20px;
}

.abilities-setting .row > div {
  padding: 20px 20px calc(20px - 15px) 20px;
  background: #131722;
  border-radius: 9px;
}

@media (max-width: 767.98px) {
  .abilities-setting .row > div {
    padding: 16px 12px 5px 16px;
  }
}

.abilities-setting h4 {
  margin-bottom: 17px;
}

@media (max-width: 767.98px) {
  .abilities-setting h4 {
    margin-bottom: 12px;
  }
}

.abilities-setting .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.abilities-setting .list.list-with-icons .without-icon {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.abilities-setting .list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.abilities-setting .list li:not(:last-child) {
  margin-right: 36px;
}

@media (max-width: 991.98px) {
  .abilities-setting .list li:not(:last-child) {
    margin-right: 26px;
  }
}

@media (max-width: 767.98px) {
  .abilities-setting .list li:not(:last-child) {
    margin-right: 16px;
  }
}

.abilities-setting .list .icon {
  margin-bottom: 20px;
  max-height: 42px;
}

.abilities-setting .key {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 12px;
  padding: 8px;
  color: #0e111b;
  font-weight: 600;
  background: -webkit-linear-gradient(17deg, #a1a1a1 0%, white 100%);
  background: linear-gradient(73deg, #a1a1a1 0%, white 100%);
  -webkit-box-shadow: inset 0 0 0 2px #fff;
          box-shadow: inset 0 0 0 2px #fff;
  -webkit-filter: drop-shadow(0 0 2px #686a70);
          filter: drop-shadow(0 0 2px #686a70);
  border: 1px solid #686a70;
}

@media (max-width: 767.98px) {
  .abilities-setting .key {
    font-size: 14px;
  }
}

.abilities-setting .key::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.7);
}

.abilities-setting .key.lg {
  min-width: 108px;
}

.abilities-setting .key span {
  position: relative;
}

.abilities-setting .img-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 12px;
}

.abilities-setting .img-holder img {
  max-height: 42px;
  width: auto;
}

.abilities-setting .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}

.abilities-setting .btn-group .key {
  margin-bottom: 0;
}

.abilities-setting .title,
.abilities-setting .subtitle,
.abilities-setting .or {
  font-size: 12px;
}

.abilities-setting .subtitle,
.abilities-setting .or {
  color: #505b78;
}

.abilities-setting .subtitle {
  margin-top: 10px;
}

.abilities-setting .or {
  margin: 0 5px;
}

.calculator-section {
  padding: 5vw 0 4.5vw;
}

.calculator-section .card {
  border: 2px solid #006cff;
  border-radius: 10px;
  -webkit-box-shadow: 0 10px 16px 0 rgba(0, 108, 255, 0.75);
          box-shadow: 0 10px 16px 0 rgba(0, 108, 255, 0.75);
  overflow: hidden;
}

.calculator-section .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 36px 34px 26px 50px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .3s ease-in, visibility .3s ease-in;
  transition: opacity .3s ease-in, visibility .3s ease-in;
}

@media (max-width: 1199.98px) {
  .calculator-section .row {
    padding: 26px 26px 24px 26px;
  }
}

@media (max-width: 767.98px) {
  .calculator-section .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 26px 18px 24px 18px;
  }
}

.calculator-section .row.row__res {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.calculator-section .row:nth-child(even) {
  background-color: #131722;
}

.calculator-section .row .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(46% + 20px);
  padding-right: 20px;
}

@media (max-width: 767.98px) {
  .calculator-section .row .title.mb-lg {
    margin-bottom: 20px;
  }
}

@media (max-width: 1199.98px) {
  .calculator-section .row .title {
    width: calc(36% + 20px);
  }
}

@media (max-width: 767.98px) {
  .calculator-section .row .title {
    width: 100%;
    margin-bottom: 8px;
    padding-right: 0;
  }
}

.calculator-section .row .title .accent {
  display: inline-block;
  margin-right: 5px;
}

.calculator-section .row .content {
  width: calc(100% - 46%);
}

@media (max-width: 1199.98px) {
  .calculator-section .row .content {
    width: calc(100% - 36%);
  }
}

@media (max-width: 767.98px) {
  .calculator-section .row .content {
    width: 100%;
  }
}

.calculator-section .row .content.with-slider {
  padding: 0 10px;
}

.calculator-section input {
  width: 77%;
  padding: 15px 18px;
  background: #333746;
  border: 0;
  border-radius: 10px;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

@media (max-width: 767.98px) {
  .calculator-section input {
    width: 100%;
  }
}

.calculator-section input.invalid {
  -webkit-box-shadow: 0 0 0 2px #ff0000;
          box-shadow: 0 0 0 2px #ff0000;
}

.calculator-section input::-webkit-input-placeholder {
  color: #aeaeae;
}

.calculator-section input::-moz-placeholder {
  color: #aeaeae;
}

.calculator-section input:-ms-input-placeholder {
  color: #aeaeae;
}

.calculator-section input::-ms-input-placeholder {
  color: #aeaeae;
}

.calculator-section input::placeholder {
  color: #aeaeae;
}

.calculator-section input:focus {
  color: #0e111b;
  background: #fff;
  outline: none;
}

.calculator-section .chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767.98px) {
  .calculator-section .chart {
    margin-top: 15px;
    text-align: center;
  }
}

.calculator-section .chart .legend ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  margin-top: 15px;
}

@media (max-width: 767.98px) {
  .calculator-section .chart .legend ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.calculator-section .chart .legend ul li {
  font-size: 12px;
}

@media (max-width: 767.98px) {
  .calculator-section .chart .legend ul li {
    width: 100%;
  }
}

.calculator-section .chart .legend ul li:not(:last-child) {
  margin-right: 15px;
}

.calculator-section .chart .legend ul li span {
  display: inline-block;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  margin: 0 5px;
}

.calculator-section .chart .legend ul li span.green {
  background-color: #3faf4e;
}

.calculator-section .chart .legend ul li span.yellow {
  background-color: #ebfc08;
}

.calculator-section .chart .legend ul li span.red {
  background-color: #ff4d00;
}

.calculator-section .result > span:first-child {
  display: inline-block;
  margin-bottom: 16px;
  font-size: 18px;
}

@media (max-width: 767.98px) {
  .calculator-section .result > span:first-child {
    font-size: 16px;
  }
}

.calculator-section .result > span:first-child.mb-lg {
  margin-bottom: 26px;
}

.calculator-section .result > span + p {
  margin-bottom: 30px;
}

@media (max-width: 767.98px) {
  .calculator-section .result > span + p {
    margin-bottom: 22px;
  }
}

.calculator-section .result > span + div {
  margin-bottom: 12px;
}

.calculator-section .result > p:first-of-type, .calculator-section .result > p:only-of-type, .calculator-section .result > p:last-of-type {
  font-size: 22px;
}

@media (max-width: 767.98px) {
  .calculator-section .result > p:first-of-type, .calculator-section .result > p:only-of-type, .calculator-section .result > p:last-of-type {
    font-size: 20px;
  }
}

.calculator-section .result > p:first-of-type span, .calculator-section .result > p:only-of-type span, .calculator-section .result > p:last-of-type span {
  font-weight: 600;
}

.calculator-section .result > p:last-of-type {
  margin-top: 20px;
}

.calculator-section .result > p:only-of-type {
  margin-top: 0;
}

.calculator-section .res-game,
.calculator-section .res-game-name,
.calculator-section .sens-level {
  -webkit-transition: color .3s ease-in;
  transition: color .3s ease-in;
}

.calculator-section .res-game.low,
.calculator-section .res-game-name.low,
.calculator-section .sens-level.low {
  color: #3faf4e;
}

.calculator-section .res-game.medium,
.calculator-section .res-game-name.medium,
.calculator-section .sens-level.medium {
  color: #ecfd06;
}

.calculator-section .res-game.high,
.calculator-section .res-game-name.high,
.calculator-section .sens-level.high {
  color: #fd4400;
}

.calculator-section .res-game,
.calculator-section .res-game-name,
.calculator-section .res-val {
  font-size: 26px;
}

@media screen and (min-width: 768px) {
  .calculator-section .res-game,
  .calculator-section .res-game-name,
  .calculator-section .res-val {
    font-size: calc(26px + 24 * ((100vw - 768px) / 832));
  }
}

@media screen and (min-width: 1600px) {
  .calculator-section .res-game,
  .calculator-section .res-game-name,
  .calculator-section .res-val {
    font-size: 50px;
  }
}

.calculator-section .res-game,
.calculator-section .res-game-name {
  margin-right: 11px;
  font-weight: 600;
}

.calculator-section .res-game.fortnite,
.calculator-section .res-game-name.fortnite {
  color: #1522a4;
}

.calculator-section .res-game.cs,
.calculator-section .res-game-name.cs {
  color: #f29d1b;
}

.calculator-section .res-game.valorant,
.calculator-section .res-game-name.valorant {
  color: #ff3444;
}

.calculator-section .res-game span,
.calculator-section .res-game-name span {
  color: #fff;
  font-weight: normal;
}

.calculator-section .res-val {
  display: inline-block;
  padding: 10px 13px;
  background: -webkit-linear-gradient(45deg, #209e5b 0%, #0e703c 100%);
  background: linear-gradient(45deg, #209e5b 0%, #0e703c 100%);
  border-radius: 14px;
}

.commands-setting .item {
  font-size: 12px;
}

.commands-setting .item .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 767.98px) {
  .commands-setting .item .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.commands-setting .item .row:not(:last-child) {
  margin-bottom: 20px;
}

.commands-setting .item .name {
  width: 30%;
}

@media (max-width: 767.98px) {
  .commands-setting .item .name {
    width: 100%;
    margin-bottom: 8px;
  }
}

@media (max-width: 767.98px) {
  .commands-setting .item .name + div {
    width: 100%;
  }
}

.commands-setting .item .value {
  word-break: break-all;
}

.comments {
  padding: 6vw 0 6.2vw;
}

@media (max-width: 991.98px) {
  .comments {
    padding: 50px 0;
  }
}

.comments--anchor.nav-anchor__holder {
  padding-top: 0;
}

@media (max-width: 575.98px) {
  .comments .section-title h2 {
    font-size: 28px;
  }
}

.comments .navigation {
  display: none;
}

.comments #comments,
.comments .commentlist,
.comments .comment-respond {
  max-width: 670px;
  width: 100%;
}

.comments #comments {
  margin-bottom: 22px;
}

.comments .comment-reply-title {
  margin-bottom: 22px;
}

.comments .comment-reply-title > a {
  color: #006cff;
}

.comments #cancel-comment-reply-link {
  color: #999dac;
  -webkit-transition: color .3s ease-in;
  transition: color .3s ease-in;
}

.comments #cancel-comment-reply-link:hover {
  color: #4ec9fd;
}

.comments p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #999dac;
  overflow-wrap: break-word;
}

.comments p.comment-notes, .comments p.comment-form-cookies-consent, .comments p.form-submit {
  display: block;
}

.comments p:not(:last-of-type) {
  margin-bottom: 16px;
}

.comments p.comment-form-email {
  margin-bottom: 22px;
}

.comments p.comment-form-cookies-consent {
  margin-bottom: 22px;
}

.comments p.comment-form-cookies-consent input {
  margin-right: 6px;
}

.comments label {
  margin-bottom: 8px;
}

.comments input,
.comments textarea {
  padding: 8px 10px;
  color: #fff;
  background: #0e111b;
  border: 2px solid #006cff;
  border-radius: 4px;
}

.comments input:focus-visible,
.comments textarea:focus-visible {
  outline: none;
}

.comments textarea {
  resize: none;
}

.comments .required {
  color: #fe415c;
}

.comments .submit {
  display: inline-block;
  min-width: 200px;
  padding: 14px 20px;
  color: #fff;
  text-align: center;
  background: -webkit-linear-gradient(45deg, #fd6d50 0%, #fe415c 100%);
  background: linear-gradient(45deg, #fd6d50 0%, #fe415c 100%);
  border: 0;
  border-radius: 10px;
  -webkit-box-shadow: 0 11px 26px -5px #d53a51;
          box-shadow: 0 11px 26px -5px #d53a51;
  -webkit-transition: background .3s ease-in;
  transition: background .3s ease-in;
}

.comments .submit:hover {
  background: -webkit-linear-gradient(135deg, #fd6d50 0%, #fe415c 100%);
  background: linear-gradient(-45deg, #fd6d50 0%, #fe415c 100%);
}

.comments .error {
  margin-top: 6px;
  color: #fe415c;
  font-size: 14px;
}

.comments .commentlist {
  margin-bottom: 36px;
  list-style: none;
}

.comments .commentlist .comment {
  margin-bottom: 20px;
}

.comments .commentlist .comment-author, .comments .commentlist .comment-meta, .comments .commentlist .comment-awaiting-moderation {
  margin-bottom: 10px;
}

.comments .commentlist .comment-author .fn,
.comments .commentlist .comment-author .says {
  font-style: normal;
}

.comments .commentlist .comment-author .fn {
  color: #006cff;
  font-weight: 600;
}

.comments .commentlist .comment-awaiting-moderation,
.comments .commentlist .comment-meta a {
  color: #999dac;
}

.comments .commentlist .comment-awaiting-moderation {
  display: block;
  font-style: normal;
}

.comments .commentlist .comment .reply {
  margin-top: 20px;
}

.comments .commentlist .comment-reply-link {
  display: inline-block;
  min-width: 120px;
  padding: 8px 16px;
  color: #fff;
  text-align: center;
  background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  border: 2px solid #006cff;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: background .3s ease-in, border-color .1s ease-in;
  transition: background .3s ease-in, border-color .1s ease-in;
  border-radius: 10px;
}

.comments .commentlist .comment-reply-link:hover {
  background: -webkit-linear-gradient(45deg, #fd6d50 0%, #fe415c 100%);
  background: linear-gradient(45deg, #fd6d50 0%, #fe415c 100%);
  border-color: transparent;
}

.comments .commentlist .comment p {
  display: block;
  color: #fff;
}

.comments .children {
  margin: 20px 0 0 28px;
  list-style: none;
}

@media (max-width: 767.98px) {
  .comments .children {
    margin-left: 20px;
  }
}

.favorite-game {
  padding: 6.8vw 0 8.4vw;
  background-color: #101420;
}

@media (max-width: 991.98px) {
  .favorite-game {
    padding: 70px 0 40px;
  }
}

.favorite-game.simple .btn-holder {
  margin-top: 0;
}

.favorite-game .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 4.3vw;
}

@media (max-width: 1399.98px) {
  .favorite-game .list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 -20px 60px;
  }
}

@media (max-width: 1299.98px) {
  .favorite-game .list {
    margin-top: 42px;
  }
}

.favorite-game .item {
  margin-bottom: 60px;
  padding-top: 4.7vw;
  max-width: 400px;
  width: 100%;
}

.favorite-game .item:not(:last-child) {
  margin-right: 50px;
}

@media (max-width: 1399.98px) {
  .favorite-game .item:not(:last-child) {
    margin-right: 0;
  }
}

@media (max-width: 1299.98px) {
  .favorite-game .item:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 1399.98px) {
  .favorite-game .item {
    padding: 86px 20px 0;
  }
}

@media (max-width: 767.98px) {
  .favorite-game .item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-width: 400px;
    margin-bottom: 40px;
    padding-top: 70px;
  }
}

.favorite-game .item-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background-color: transparent;
  border-radius: 3.2em;
  border: 2px solid transparent;
  -webkit-box-shadow: 0 12px 20px 1px rgba(33, 33, 33, 0.75);
          box-shadow: 0 12px 20px 1px rgba(33, 33, 33, 0.75);
  -webkit-transition: border-color .3s ease-in, background-color .3s ease-in;
  transition: border-color .3s ease-in, background-color .3s ease-in;
}

@media (max-width: 1499.98px) {
  .favorite-game .item-holder {
    border-radius: 3em;
  }
}

.favorite-game .item-holder:hover {
  border-color: #006cff;
  background-color: #181c29;
  -webkit-box-shadow: 0 26px 32px 1px rgba(0, 108, 255, 0.75);
          box-shadow: 0 26px 32px 1px rgba(0, 108, 255, 0.75);
}

.favorite-game .item-holder:hover .icon-hover-grad svg:first-child {
  opacity: 0;
  visibility: hidden;
}

.favorite-game .item-holder:hover .icon-hover-grad svg:last-child {
  opacity: 1;
  visibility: visible;
}

.favorite-game .item:nth-child(2) .item__media::before {
  background: -webkit-linear-gradient(45deg, #926009, #f3a925);
}

.favorite-game .item:nth-child(2) .number {
  color: #f3a925;
  background: -webkit-linear-gradient(45deg, #926009, #f3a925);
}

.favorite-game .item:last-child .item__media::before {
  background: -webkit-linear-gradient(45deg, #b9333e, #ff3444);
}

.favorite-game .item:last-child .number {
  color: #ff4957;
  background: -webkit-linear-gradient(45deg, #b9333e, #ff3444);
}

.favorite-game .item__media {
  position: relative;
  height: 230px;
  text-align: center;
}

@media (max-width: 1499.98px) {
  .favorite-game .item__media {
    height: 214px;
  }
}

@media (max-width: 1399.98px) {
  .favorite-game .item__media {
    height: 208px;
  }
}

@media (max-width: 440px) {
  .favorite-game .item__media {
    height: 210px;
  }
}

@media (max-width: 380px) {
  .favorite-game .item__media {
    height: 190px;
  }
}

.favorite-game .item__media::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  height: 100%;
  border-radius: 3.2em;
  background: -webkit-linear-gradient(45deg, #1522a4, #4ec9fd);
}

@media (max-width: 1499.98px) {
  .favorite-game .item__media::before {
    border-radius: 3em;
  }
}

.favorite-game .item__media .characters {
  position: relative;
  max-width: 400px;
  width: 100%;
  top: -41%;
}

@media (max-width: 1499.98px) {
  .favorite-game .item__media .characters {
    top: 50%;
    -webkit-transform: translateY(-56%);
            transform: translateY(-56%);
  }
}

.favorite-game .item__media .logo {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 30px;
  z-index: 2;
}

.favorite-game .item__media .number {
  position: absolute;
  right: 0px;
  bottom: -11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 66px;
  height: 66px;
  color: #47b1ef;
  font-size: 30px;
  background: -webkit-linear-gradient(45deg, #1522a4, #4ec9fd);
  border-radius: 50%;
}

@media (max-width: 1499.98px) {
  .favorite-game .item__media .number {
    width: 50px;
    height: 50px;
    font-size: 24px;
  }
}

.favorite-game .item__media .number::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 46px;
  height: 46px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: inherit;
  border-radius: 50%;
}

@media (max-width: 1499.98px) {
  .favorite-game .item__media .number::before {
    width: 34px;
    height: 34px;
  }
}

.favorite-game .item__media .number span {
  position: absolute;
}

.favorite-game .item__info {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 50px 24px 0;
}

@media (max-width: 1499.98px) {
  .favorite-game .item__info {
    padding-top: 38px;
  }
}

@media (max-width: 991.98px) {
  .favorite-game .item__info {
    padding: 50px 20px 0;
  }
}

.favorite-game .item__info h4 {
  position: relative;
  margin-bottom: 1.7vw;
  padding-top: 25px;
}

.favorite-game .item__info h4 {
  font-size: 24px;
}

@media screen and (min-width: 1200px) {
  .favorite-game .item__info h4 {
    font-size: calc(24px + 6 * ((100vw - 1200px) / 300));
  }
}

@media screen and (min-width: 1500px) {
  .favorite-game .item__info h4 {
    font-size: 30px;
  }
}

@media (max-width: 1199.98px) {
  .favorite-game .item__info h4 {
    padding-top: 20px;
  }
}

@media (max-width: 991.98px) {
  .favorite-game .item__info h4 {
    margin-bottom: 20px;
  }
}

.favorite-game .item__info h4::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 10px;
  background-color: #006cff;
  border-radius: 4px;
}

@media (max-width: 1199.98px) {
  .favorite-game .item__info h4::before {
    width: 36px;
    height: 8px;
  }
}

.favorite-game .statistics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: .8vw;
}

@media (max-width: 1299.98px) {
  .favorite-game .statistics {
    padding-bottom: 5px;
  }
}

.favorite-game .statistics__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}

.favorite-game .statistics__item:not(:last-child) {
  margin-right: 36px;
  margin-right: 12px;
}

.favorite-game .statistics svg {
  color: #5b6177;
  margin-right: 17px;
}

.favorite-game .statistics .info > span {
  display: block;
}

.favorite-game .statistics .info > span:last-child {
  color: #5b6177;
  font-size: 14px;
}

.favorite-game .statistics .info span:first-child {
  font-weight: 700;
}

.favorite-game .statistics .info span:first-child {
  font-size: 18px;
}

@media screen and (min-width: 1200px) {
  .favorite-game .statistics .info span:first-child {
    font-size: calc(18px + 7 * ((100vw - 1200px) / 300));
  }
}

@media screen and (min-width: 1500px) {
  .favorite-game .statistics .info span:first-child {
    font-size: 25px;
  }
}

.favorite-game .btn-holder {
  margin-top: -17px;
  border-radius: 17px 17px 3.2em 3.2em;
  overflow: hidden;
}

@media (max-width: 1499.98px) {
  .favorite-game .btn-holder {
    border-radius: 17px 17px 3em 3em;
  }
}

.favorite-game .btn-holder div {
  padding: 31px 24px;
  background-color: #0e111b;
}

@media (max-width: 1199.98px) {
  .favorite-game .btn-holder div {
    padding: 24px 24px;
  }
}

@media (max-width: 991.98px) {
  .favorite-game .btn-holder div {
    padding: 25px 20px;
  }
}

.favorite-game .btn {
  font-size: 16px;
}

.favorite-game .small-gamers {
  padding: 15px 20px 28px;
  background-color: #202636;
  border-top-right-radius: 17px;
  border-top-left-radius: 17px;
}

@media (max-width: 1499.98px) {
  .favorite-game .small-gamers {
    padding: 10px 20px 24px;
  }
}

@media (max-width: 1399.98px) {
  .favorite-game .small-gamers__item:nth-child(6), .favorite-game .small-gamers__item:nth-child(7) {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .favorite-game .small-gamers {
    padding: 10px 20px 22px;
  }
  .favorite-game .small-gamers .small-gamers__item {
    width: 30px;
  }
  .favorite-game .small-gamers .small-gamers__item img {
    max-width: 30px;
  }
}

.slider-games {
  position: relative;
}

.slider-games .img-holder {
  position: relative;
  height: 118px;
}

.slider-games .img-holder div {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 104px;
  border-radius: 32px;
  z-index: -1;
  -webkit-box-shadow: 0 4px 14px 0 rgba(0, 108, 255, 0);
          box-shadow: 0 4px 14px 0 rgba(0, 108, 255, 0);
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

.slider-games .img-holder img {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  max-width: calc(154px - 4px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.slider-games .swiper-container {
  margin: 0 -10px;
  -webkit-mask-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 16px, white calc(100% - 16px), rgba(255, 255, 255, 0) 100%);
          mask-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 16px, white calc(100% - 16px), rgba(255, 255, 255, 0) 100%);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.slider-games .swiper-slide {
  width: 154px !important;
  margin: 0 10px;
  text-align: center;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-transition: -webkit-filter .3s ease-in;
  transition: -webkit-filter .3s ease-in;
  transition: filter .3s ease-in;
  transition: filter .3s ease-in, -webkit-filter .3s ease-in;
}

.slider-games .swiper-slide:hover, .slider-games .swiper-slide.selected {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  cursor: pointer;
}

.slider-games .swiper-slide.selected .img-holder div {
  -webkit-box-shadow: 0 4px 14px 0 rgba(0, 108, 255, 0.75);
          box-shadow: 0 4px 14px 0 rgba(0, 108, 255, 0.75);
}

.slider-games .swiper-slide.selected .img-holder div::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 32px;
  -webkit-box-shadow: 0 0 0 2px #006cff;
          box-shadow: 0 0 0 2px #006cff;
}

.slider-games .swiper-slide[data-game-name="fortnite"] .img-holder div {
  background: -webkit-linear-gradient(45deg, #1522a4, #4ec9fd);
}

.slider-games .swiper-slide[data-game-name="cs"] .img-holder div {
  background: -webkit-linear-gradient(45deg, #926009, #f3a925);
}

.slider-games .swiper-slide[data-game-name="valorant"] .img-holder div {
  background: -webkit-linear-gradient(45deg, #b9333e, #ff3444);
}

.slider-games .swiper-slide h4 {
  margin-top: 14px;
  color: #006cff;
  font-size: 16px;
  font-weight: normal;
}

.slider-games .swiper-button-prev {
  left: -15px;
}

.slider-games .swiper-button-next {
  right: calc(-15px + -10px);
}

.footer {
  padding: 50px 0 60px;
}

@media (max-width: 767.98px) {
  .footer {
    padding-bottom: 40px;
  }
}

.footer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 32px;
}

@media (max-width: 991.98px) {
  .footer__nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (max-width: 767.98px) {
  .footer__nav {
    margin-bottom: 0;
  }
}

.footer .main-info {
  max-width: 312px;
  width: 100%;
  margin-right: 20px;
}

@media (max-width: 1199.98px) {
  .footer .main-info {
    max-width: 250px;
  }
}

@media (max-width: 991.98px) {
  .footer .main-info {
    width: 100%;
    max-width: none;
    margin-bottom: 30px;
    margin-right: 0;
  }
}

.footer .logo {
  display: block;
  margin-bottom: 3.6vw;
  font-size: 24px;
  font-weight: 700;
}

@media (max-width: 1299.98px) {
  .footer .logo {
    font-size: 22px;
  }
}

@media (max-width: 991.98px) {
  .footer .logo {
    margin-bottom: 32px;
    font-size: 18px;
  }
}

.footer .logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer .logo span:first-of-type {
  color: #006cff;
}

.footer .copyright {
  font-size: 12px;
  color: #5b6177;
}

.footer .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: calc(100% - 312px - 20px);
  padding-top: 26px;
}

@media (max-width: 1299.98px) {
  .footer .nav {
    padding-top: 22px;
  }
}

@media (max-width: 1199.98px) {
  .footer .nav {
    width: calc(100% - 250px - 20px);
  }
}

@media (max-width: 991.98px) {
  .footer .nav {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    padding-top: 0;
  }
}

@media (max-width: 767.98px) {
  .footer .nav {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media (max-width: 767.98px) {
  .footer .nav .item {
    width: 50%;
    margin-bottom: 30px;
    padding-right: 15px;
  }
}

@media (max-width: 575.98px) {
  .footer .nav .item {
    width: 100%;
  }
}

.footer .nav .item:not(:last-child) {
  margin-right: 10%;
}

@media (max-width: 1199.98px) {
  .footer .nav .item:not(:last-child) {
    margin-right: 5%;
  }
}

@media (max-width: 767.98px) {
  .footer .nav .item:not(:last-child) {
    margin-right: 0;
  }
}

.footer .nav li {
  list-style: none;
}

.footer .nav li:not(last-child) {
  margin-bottom: 4px;
}

.footer .nav li a {
  display: inline-block;
  padding: 8px 0;
  font-size: 14px;
  -webkit-transition: color .3s;
  transition: color .3s;
}

.footer .nav li a.with-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer .nav li a.with-icon img {
  margin-right: 11px;
}

.footer .nav li a:hover {
  color: #006cff;
}

.footer .nav h4 {
  position: relative;
  margin-bottom: 56px;
}

@media (max-width: 1299.98px) {
  .footer .nav h4 {
    margin-bottom: 42px;
  }
}

.footer .nav h4::before {
  content: '';
  position: absolute;
  bottom: -26px;
  left: 0;
  width: 40px;
  height: 10px;
  border-radius: 4px;
  background-color: #1522a4;
}

.footer__bottom p {
  max-width: 575px;
  width: 100%;
  color: #5b6177;
  font-size: 13px;
  line-height: 1.7;
}

.footer__bottom a {
  color: #c2c2c2;
}

.footer__bottom a.accent {
  color: #006cff;
}

.footer .socials {
  margin-bottom: 2.6vw;
}

@media (max-width: 991.98px) {
  .footer .socials {
    margin-bottom: 22px;
  }
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 50px;
  background-color: #101722;
  z-index: 9999;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(17, 17, 20, 0.75);
          box-shadow: 0px 10px 30px 0px rgba(17, 17, 20, 0.75);
}

@media (max-width: 1199.98px) {
  .header {
    padding: 14px 20px;
  }
}

.header .navbar {
  padding: 0;
  display: block;
}

@media (max-width: 1199.98px) {
  .header .navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.header .navbar-inner {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header .navbar .navbar-collapse {
  -webkit-box-flex: initial;
      -ms-flex-positive: initial;
          flex-grow: initial;
}

.header .navbar-toggler {
  margin-right: -.75rem;
  border-radius: 0;
}

.header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon span:first-child {
  -webkit-transform: rotate(-45deg) translate(-5.5px, 5.5px);
          transform: rotate(-45deg) translate(-5.5px, 5.5px);
}

.header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon span:nth-child(2) {
  opacity: 0;
  visibility: hidden;
}

.header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon span:last-child {
  -webkit-transform: rotate(45deg) translate(-5.5px, -5.5px);
          transform: rotate(45deg) translate(-5.5px, -5.5px);
}

.header .navbar-toggler:focus {
  outline: none;
}

.header .navbar-toggler-icon {
  height: auto;
}

.header .navbar-toggler-icon span {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
}

.header .navbar-toggler-icon span:first-child, .header .navbar-toggler-icon span:last-child {
  -webkit-transform: rotate(0deg) translate(0, 0);
          transform: rotate(0deg) translate(0, 0);
  -webkit-transition: -webkit-transform .3s ease-in;
  transition: -webkit-transform .3s ease-in;
  transition: transform .3s ease-in;
  transition: transform .3s ease-in, -webkit-transform .3s ease-in;
}

.header .navbar-toggler-icon span:nth-child(2) {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .3s ease-in, visibility .3s ease-in;
  transition: opacity .3s ease-in, visibility .3s ease-in;
}

.header .navbar-toggler-icon span:not(:last-child) {
  margin-bottom: 6px;
}

@media (max-width: 1199.98px) {
  .header .navbar-nav {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
}

.header .navbar-nav > li {
  padding-right: 50px;
  padding-right: 25px;
}

@media (max-width: 1499.98px) {
  .header .navbar-nav > li {
    padding-right: 10px;
  }
}

@media (max-width: 1199.98px) {
  .header .navbar-nav > li {
    padding: 0 10px;
  }
}

.header .navbar-nav > li:not(:last-child) {
  position: relative;
}

.header .navbar-nav > li:not(:last-child)::after {
  content: "/";
  color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -3px;
}

@media (max-width: 1199.98px) {
  .header .navbar-nav > li:not(:last-child)::after {
    display: none;
  }
}

.header .navbar-nav > li:not(:first-child) {
  padding-left: 50px;
  padding-left: 25px;
}

@media (max-width: 1499.98px) {
  .header .navbar-nav > li:not(:first-child) {
    padding-left: 10px;
  }
}

.header .navbar-nav > li.dropdown {
  position: relative;
}

.header .navbar-nav > li.dropdown:hover > ul {
  opacity: 1;
  visibility: visible;
}

.header .navbar-nav > li.dropdown > ul {
  width: 250px;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  background-color: #101722;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(17, 17, 20, 0.75);
          box-shadow: 0px 10px 30px 0px rgba(17, 17, 20, 0.75);
}

@media (max-width: 1199.98px) {
  .header .navbar-nav > li.dropdown > ul {
    visibility: visible;
    opacity: 1;
    position: static;
    width: 150px;
    margin: 0 auto 15px;
    text-align: left;
    -webkit-transform: none;
            transform: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
    font-size: 14px;
    display: none;
  }
}

@media (max-width: 1199.98px) {
  .header .navbar-nav > li.dropdown > ul li a {
    padding: 5px 0;
    color: rgba(255, 255, 255, 0.7);
  }
}

.header .navbar-nav > li a {
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  padding: 15px 20px;
  position: relative;
}

.header .navbar-nav > li a::after {
  content: " ";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #048ff8;
  opacity: 0;
}

.header .navbar-nav > li.current_page_item > a::after {
  opacity: 1;
}

.header .navbar-brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 1rem;
  font-size: 24px;
  font-weight: 700;
  padding: 18px 0;
}

@media (max-width: 1299.98px) {
  .header .navbar-brand {
    font-size: 22px;
  }
}

@media (max-width: 1199.98px) {
  .header .navbar-brand {
    display: none;
  }
}

.header .navbar-brand--mobile {
  display: none;
}

@media (max-width: 1199.98px) {
  .header .navbar-brand--mobile {
    position: absolute;
    padding: 0;
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.header .navbar-brand--mobile.tablet-image-logo {
  width: 46px;
  height: 47px;
}

@media (max-width: 1199.98px) {
  .header .navbar-brand--mobile.tablet-image-logo {
    top: -7px;
    left: 0;
  }
}

@media (max-width: 767.98px) {
  .header .navbar-brand--mobile.tablet-image-logo {
    top: -1px;
    width: 36px;
    height: 36px;
  }
}

@media (max-width: 1199.98px) {
  .header .navbar-brand--mobile.tablet-text-logo {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@media (max-width: 767.98px) {
  .header .navbar-brand--mobile.tablet-text-logo {
    top: 7px;
    width: 190px;
    height: 22px;
  }
}

.header .navbar-collapse {
  -webkit-transition: height .3s ease-in;
  transition: height .3s ease-in;
}

@media (max-width: 1199.98px) {
  .header .navbar-collapse {
    overflow-y: auto;
    height: calc(100vh - 82px);
  }
}

@media (max-width: 991.98px) {
  .header .navbar-collapse {
    overflow-y: auto;
    height: calc(100vh - 60px);
  }
}

.header .nav-item {
  list-style: none;
}

@media (min-width: 1200px) {
  .header .nav-item {
    position: relative;
  }
}

@media (max-width: 1199.98px) {
  .header .nav-item {
    margin-bottom: 10px;
    text-align: center;
  }
}

.header .nav-item.active .nav-link::before {
  opacity: 1;
  visibility: visible;
}

.header .nav-link {
  padding: .5rem;
  text-transform: capitalize;
  -webkit-transition: color .3s ease-in;
  transition: color .3s ease-in;
}

@media (max-width: 1199.98px) {
  .header .nav-link {
    display: inline-block;
  }
}

.header .nav-link:hover {
  color: #006cff;
}

.header .dropdown-menu {
  margin-top: 0;
  background-color: transparent;
  border: none;
  border-radius: 0;
}

@media (min-width: 1200px) {
  .header .dropdown-menu {
    background-color: rgba(16, 23, 34, 0.75);
    -webkit-box-shadow: 0 10px 15px 0 rgba(65, 65, 141, 0.75);
            box-shadow: 0 10px 15px 0 rgba(65, 65, 141, 0.75);
  }
}

.header .dropdown-item {
  padding-left: 1rem;
  padding-right: 1rem;
  color: #fff;
}

.header .dropdown-item:hover, .header .dropdown-item:focus, .header .dropdown-item.active, .header .dropdown-item:active {
  background-color: transparent;
}

.header .dropdown-item:hover {
  color: #006cff;
}

.header .dropdown-item.active span::before, .header .dropdown-item:active span::before {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 1199.98px) {
  .header .dropdown-item {
    font-size: 14px;
  }
}

.header .dropdown-item:not(:last-child) {
  margin-bottom: 7px;
}

.header .dropdown-item div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 1200px) {
  .header .dropdown-item div {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.header .dropdown-toggle[aria-expanded="true"]::after {
  -webkit-transform: rotate(270deg) translate(5px, 0px);
          transform: rotate(270deg) translate(5px, 0px);
}

.header .dropdown-toggle::after {
  width: 14px;
  height: 11px;
  background: url("../images/minified-svg/arrow-white.svg") no-repeat;
  vertical-align: unset;
  border: 0;
  -webkit-transform: rotate(90deg) translate(5px, 0px);
          transform: rotate(90deg) translate(5px, 0px);
  -webkit-transition: -webkit-transform .3s ease-in;
  transition: -webkit-transform .3s ease-in;
  transition: transform .3s ease-in;
  transition: transform .3s ease-in, -webkit-transform .3s ease-in;
}

.header .dropdown span {
  position: relative;
  margin-right: 10px;
}

.header .dropdown span::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 2px;
  width: 100%;
  background-color: #006cff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s ease-in, visibility .3s ease-in;
  transition: opacity .3s ease-in, visibility .3s ease-in;
}

@media (max-width: 1199.98px) {
  .header .dropdown span {
    margin-right: 15px;
  }
}

.header-menu-and-form-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1199.98px) {
  .header-menu-and-form-wrapper {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (max-width: 1199.98px) {
  .header-menu-and-form-wrapper > div {
    width: 100%;
  }
}

.header .form-search {
  position: relative;
}

.header .form-search::before {
  content: '';
  position: absolute;
  left: 18px;
  top: 50%;
  width: 22px;
  height: 22px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url("../images/general/loupe.png") no-repeat;
  pointer-events: none;
}

@media (min-width: 1200px) {
  .header .form-search {
    width: 250px;
  }
}

@media (min-width: 1400px) {
  .header .form-search {
    width: 220px;
    margin-left: 10px;
  }
}

@media (max-width: 1199.98px) {
  .header .form-search {
    max-width: 300px;
    width: 100%;
    margin: 20px auto auto;
  }
}

.header .form-search input {
  width: 100%;
  padding: 14px 15px 14px 53px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  border: 2px solid #fff;
  border-radius: 7px;
  background: rgba(15, 20, 30, 0.6);
  -webkit-appearance: none;
}

.header .form-search input::-webkit-input-placeholder {
  color: #006cff;
}

.header .form-search input::-moz-placeholder {
  color: #006cff;
}

.header .form-search input:-ms-input-placeholder {
  color: #006cff;
}

.header .form-search input::-ms-input-placeholder {
  color: #006cff;
}

.header .form-search input::placeholder {
  color: #006cff;
}

.header .form-search input:focus {
  outline: none;
}

.header .form-search input[type="submit"] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  height: 100%;
  width: 50px;
  padding: 0;
}

@-moz-document url-prefix() {
  .hero {
    min-height: 100vh !important;
  }
}

.hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100vh;
  background: -webkit-linear-gradient(243deg, #006cff 0%, #162a44 50%, #0e111a 99%);
  background: linear-gradient(-153deg, #006cff 0%, #162a44 50%, #0e111a 99%);
}

.isMobile .hero {
  height: -webkit-fill-available;
  min-height: auto;
}

.isMobile.isIos .hero {
  min-height: -webkit-fill-available;
}

.hero .img-foreground, .hero .img-bg {
  position: absolute;
}

.hero .img-foreground {
  top: 20vh;
  right: 64px;
  max-height: 72vh;
  width: unset;
  z-index: 1;
}

@media (max-width: 1299.98px) {
  .hero .img-foreground {
    display: none;
  }
}

@media (max-height: 800px) {
  .hero .img-foreground {
    right: 90px;
  }
}

.hero .img-bg {
  bottom: 0;
  right: 0;
}

.hero-txt {
  position: relative;
  width: 100%;
  z-index: 5;
}

.hero-txt .container {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media (max-width: 767.98px) {
  .hero-txt .container {
    padding-top: 70px;
    padding-bottom: 20px;
  }
}

@media (min-width: 1400px) and (max-width: 2000px) {
  .hero-txt .container {
    max-width: unset;
    padding-left: 120px;
  }
}

.hero-txt .container > .accent {
  position: relative;
  display: inline-block;
  padding-bottom: 8px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}

@media (max-width: 991.98px) {
  .hero-txt .container > .accent {
    margin-bottom: 6px;
    padding-bottom: 5px;
  }
}

.hero-txt .container > .accent::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 82%;
  height: 2px;
  background-color: #0691fd;
}

.hero-txt .content {
  max-width: 640px;
  width: 100%;
}

@media (min-width: 1300px) and (max-width: 1500px) {
  .hero-txt .content {
    max-width: 40vw;
  }
}

@media (min-width: 1500px) and (max-width: 1700px) {
  .hero-txt .content {
    max-width: 45vw;
  }
}

@media (min-width: 1700px) and (max-width: 2000px) {
  .hero-txt .content {
    max-width: 50vw;
  }
}

.hero-txt:not(.isMobile) .hero-txt .socials {
  display: none;
}

.hero-txt .socials {
  margin-top: 24px;
}

@media (min-width: 992px) {
  .hero-txt .socials {
    display: none;
  }
}

.hero .accent {
  color: #0691fd;
  font-weight: 700;
}

.hero .accent.featured {
  position: relative;
  display: inline-block;
  margin-bottom: 38px;
  font-size: 10px;
}

@media (max-width: 991.98px) {
  .hero .accent.featured {
    margin-bottom: 32px;
  }
}

@media (max-height: 768px) and (min-width: 1366px) {
  .hero .accent.featured {
    margin-bottom: 24px;
  }
}

.hero .accent.featured::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 100%;
  height: 1px;
  background-color: #006cff;
}

.hero .accent-gradient {
  font-weight: 700;
  line-height: 1;
}

.hero .accent-gradient {
  font-size: 56px;
}

@media screen and (min-width: 768px) {
  .hero .accent-gradient {
    font-size: calc(56px + 106 * ((100vw - 768px) / 932));
  }
}

@media screen and (min-width: 1700px) {
  .hero .accent-gradient {
    font-size: 162px;
  }
}

.hero .accent-gradient-holder {
  margin: -5px 0 7px;
}

.hero h1 {
  margin-bottom: 27px;
  font-weight: 700;
  line-height: 1;
}

.hero h1 {
  font-size: 42px;
}

@media screen and (min-width: 992px) {
  .hero h1 {
    font-size: calc(42px + 14 * ((100vw - 992px) / 608));
  }
}

@media screen and (min-width: 1600px) {
  .hero h1 {
    font-size: 56px;
  }
}

@media (max-width: 991.98px) {
  .hero h1 {
    margin-bottom: 20px;
  }
}

.hero .subtitle {
  margin-bottom: 36px;
  line-height: 1.333;
}

.hero .subtitle {
  font-size: 18px;
}

@media screen and (min-width: 992px) {
  .hero .subtitle {
    font-size: calc(18px + 12 * ((100vw - 992px) / 608));
  }
}

@media screen and (min-width: 1600px) {
  .hero .subtitle {
    font-size: 30px;
  }
}

@media (max-width: 991.98px) {
  .hero .subtitle {
    margin-bottom: 18px;
  }
}

.hero .subtitle .accent {
  font-size: inherit;
}

.hero .btn {
  min-width: 250px;
}

@media (max-width: 1499.98px) {
  .hero .btn {
    min-width: 220px;
  }
}

@media (max-width: 991.98px) {
  .hero .btn {
    min-width: 200px;
  }
}

.hero .swiper-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: auto;
}

.hero .swiper-slide:first-child .characters-holder {
  width: 40vw;
}

@media (max-width: 991.98px) {
  .hero .swiper-slide:first-child .characters-holder {
    width: 45vw;
  }
}

.hero .swiper-slide:nth-child(2) .characters-holder {
  width: 56vw;
}

@media (max-width: 991.98px) {
  .hero .swiper-slide:nth-child(2) .characters-holder {
    width: 60vw;
  }
}

.hero .swiper-slide:last-child .characters-holder {
  width: 44vw;
}

@media (max-width: 991.98px) {
  .hero .swiper-slide:last-child .characters-holder {
    width: 50vw;
  }
}

.hero .swiper-slide-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hero .swiper-slide .bg-holder {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.hero .swiper-slide .bg-holder img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero .swiper-slide .characters-holder,
.hero .swiper-slide .logo {
  position: absolute;
}

.hero .swiper-slide .characters-holder {
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 85vh;
}

@media (max-width: 767.98px) {
  .hero .swiper-slide .characters-holder {
    display: none;
  }
}

.hero .swiper-slide .characters-holder img {
  max-height: 85vh;
}

.hero .swiper-slide .logo {
  bottom: 13.2%;
  right: 5%;
  max-width: 300px;
}

@media (max-width: 1599px) {
  .hero .swiper-slide .logo {
    bottom: 7%;
    right: 3%;
  }
}

@media (max-width: 1499.98px) {
  .hero .swiper-slide .logo {
    max-width: 220px;
  }
}

@media (max-width: 991.98px) {
  .hero .swiper-slide .logo {
    max-width: 160px;
  }
}

@media (max-width: 767.98px) {
  .hero .swiper-slide .logo {
    display: none;
  }
}

.hero .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 50px;
}

@media (max-width: 1199.98px) {
  .hero .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 24px;
  }
}

.hero .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 8px;
}

.hero .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  background: #9a95ae;
  opacity: 1;
}

.hero .swiper-pagination-bullet:focus {
  outline: none;
}

.hero .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
}

.hero .slides-number {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}

@media (max-width: 991.98px) {
  .hero .slides-number {
    display: none;
  }
}

.hero .slides-number div {
  position: relative;
  font-size: 12px;
  font-weight: 500;
}

.hero .slides-number div::before {
  content: '';
  position: absolute;
  top: 50%;
  width: 73%;
  height: 2px;
  background-color: #006cff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 1499.98px) {
  .hero .slides-number div::before {
    width: 55%;
  }
}

.hero .slides-number div:first-child {
  padding-left: 70px;
}

@media (max-width: 1499.98px) {
  .hero .slides-number div:first-child {
    padding-left: 36px;
  }
}

.hero .slides-number div:first-child::before {
  left: 0;
}

.hero .slides-number div:last-child {
  padding-right: 70px;
}

@media (max-width: 1499.98px) {
  .hero .slides-number div:last-child {
    padding-right: 36px;
  }
}

.hero .slides-number div:last-child::before {
  right: 0;
}

.hero > .socials {
  position: absolute;
  left: 39px;
  bottom: 48px;
  z-index: 10;
}

@media (max-width: 1499.98px) {
  .hero > .socials {
    left: 9px;
  }
}

@media (max-width: 991.98px) {
  .hero > .socials {
    display: none;
  }
}

.isMobile .hero > .socials {
  display: none;
}

.hero .bottom-txt {
  position: absolute;
  bottom: 50px;
  width: 100%;
  font-size: 14px;
  color: #7978e3;
  z-index: 5;
}

@media (max-width: 767.98px) {
  .hero .bottom-txt {
    display: none;
  }
}

@-moz-document url-prefix() {
  .hero-players {
    min-height: 100vh !important;
  }
}

.hero-players {
  min-height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.hero-players::after {
  background-color: #d857e1;
}

.hero-players.hero-players-cs::after {
  background-color: #e0cbab;
}

.hero-players.hero-players-cs .bg-holder .foreground {
  width: 46.5vw;
}

@media (max-width: 1499.98px) {
  .hero-players.hero-players-cs .bg-holder .foreground {
    width: 56vw;
  }
}

@media (max-width: 1299.98px) {
  .hero-players.hero-players-cs .bg-holder .foreground {
    width: 60vw;
  }
}

@media (max-width: 1199.98px) {
  .hero-players.hero-players-cs .bg-holder .foreground {
    width: 63vw;
  }
}

.hero-players.hero-players-fortnite .bg-holder .foreground {
  width: 45vw;
}

@media (max-width: 1499.98px) {
  .hero-players.hero-players-fortnite .bg-holder .foreground {
    width: 49vw;
  }
}

@media (max-width: 1299.98px) {
  .hero-players.hero-players-fortnite .bg-holder .foreground {
    width: 52vw;
  }
}

@media (max-width: 1199.98px) {
  .hero-players.hero-players-fortnite .bg-holder .foreground {
    width: 58vw;
  }
}

.hero-players.hero-players-valorant .bg-holder .foreground {
  width: 42vw;
}

@media (max-width: 1499.98px) {
  .hero-players.hero-players-valorant .bg-holder .foreground {
    width: 46vw;
  }
}

@media (max-width: 1299.98px) {
  .hero-players.hero-players-valorant .bg-holder .foreground {
    width: 50vw;
  }
}

@media (max-width: 1199.98px) {
  .hero-players.hero-players-valorant .bg-holder .foreground {
    width: 58vw;
  }
}

.hero-players .bg-holder img {
  display: block;
}

.hero-players .bg-holder .bg,
.hero-players .bg-holder .foreground,
.hero-players .bg-holder .logo {
  position: absolute;
}

.hero-players .bg-holder .bg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -3;
}

.hero-players .bg-holder .bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero-players .bg-holder .foreground {
  top: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  z-index: -2;
}

@media (max-width: 767.98px) {
  .hero-players .bg-holder .foreground {
    display: none;
  }
}

.hero-players .bg-holder .foreground img {
  max-height: 95%;
}

.hero-players .bg-holder .logo {
  bottom: 42px;
  right: 16.7%;
  max-width: 210px;
  z-index: -1;
}

@media (max-width: 1399.98px) {
  .hero-players .bg-holder .logo {
    right: 12%;
    max-width: 160px;
  }
}

@media (max-width: 1299.98px) {
  .hero-players .bg-holder .logo {
    right: 10%;
    bottom: 36px;
  }
}

@media (max-width: 767.98px) {
  .hero-players .bg-holder .logo {
    display: none;
  }
}

.hero-players .txt-holder {
  width: 100%;
}

.hero-players .txt-holder h1 {
  margin-bottom: 27px;
  font-weight: 700;
}

.hero-players .txt-holder h1 {
  font-size: 42px;
}

@media screen and (min-width: 768px) {
  .hero-players .txt-holder h1 {
    font-size: calc(42px + 28 * ((100vw - 768px) / 932));
  }
}

@media screen and (min-width: 1700px) {
  .hero-players .txt-holder h1 {
    font-size: 70px;
  }
}

@media (max-width: 991.98px) {
  .hero-players .txt-holder h1 {
    margin-bottom: 20px;
  }
}

.hero-players .txt-holder .subtitle {
  line-height: 1.333;
}

.hero-players .txt-holder .subtitle {
  font-size: 18px;
}

@media screen and (min-width: 768px) {
  .hero-players .txt-holder .subtitle {
    font-size: calc(18px + 12 * ((100vw - 768px) / 932));
  }
}

@media screen and (min-width: 1700px) {
  .hero-players .txt-holder .subtitle {
    font-size: 30px;
  }
}

.page-pro-list-cs-go .hero-pro-list {
  background: -webkit-linear-gradient(297deg, #0e111a 0%, #12202f 50%, #0e111a 99%);
  background: linear-gradient(153deg, #0e111a 0%, #12202f 50%, #0e111a 99%);
}

.page-pro-list-valorant .hero-pro-list {
  background: -webkit-linear-gradient(297deg, #301e2e 0%, #3f4256 50%, #3a1b2d 99%);
  background: linear-gradient(153deg, #301e2e 0%, #3f4256 50%, #3a1b2d 99%);
}

.hero-pro-list {
  min-height: 450px;
  background: -webkit-linear-gradient(297deg, #380534 0%, #162a44 50%, #0e111a 99%);
  background: linear-gradient(153deg, #380534 0%, #162a44 50%, #0e111a 99%);
}

.hero-pro-list > .container {
  position: relative;
}

.hero-pro-list .txt-holder {
  width: 100%;
}

.hero-pro-list h1 {
  font-weight: 700;
}

.hero-pro-list h1 {
  font-size: 42px;
}

@media screen and (min-width: 768px) {
  .hero-pro-list h1 {
    font-size: calc(42px + 28 * ((100vw - 768px) / 932));
  }
}

@media screen and (min-width: 1700px) {
  .hero-pro-list h1 {
    font-size: 70px;
  }
}

.hero-pro-list .media-holder {
  position: absolute;
  bottom: -63px;
  right: 20px;
  z-index: 2;
}

@media (max-width: 767.98px) {
  .hero-pro-list .media-holder {
    display: none;
  }
}

@media (min-width: 992px) {
  .hero-pro-list .media-holder {
    right: 60px;
  }
}

@media (min-width: 1200px) {
  .hero-pro-list .media-holder {
    right: 80px;
  }
}

@media (max-width: 1499.98px) {
  .hero-pro-list .media-holder {
    bottom: -50px;
  }
}

@media (max-width: 1299.98px) {
  .hero-pro-list .media-holder {
    bottom: -40px;
  }
}

.hero-pro-list .media-holder div {
  position: relative;
  width: 400px;
  height: 230px;
  text-align: center;
}

@media (max-width: 1499.98px) {
  .hero-pro-list .media-holder div {
    height: 214px;
    width: 340px;
  }
}

@media (max-width: 1399.98px) {
  .hero-pro-list .media-holder div {
    height: 208px;
  }
}

@media (max-width: 1299.98px) {
  .hero-pro-list .media-holder div {
    width: 300px;
  }
}

.hero-pro-list .media-holder div::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  height: 100%;
  border-radius: 3.2em;
  background: -webkit-linear-gradient(45deg, #1522a4, #4ec9fd);
}

@media (max-width: 1499.98px) {
  .hero-pro-list .media-holder div::before {
    border-radius: 3em;
  }
}

.hero-pro-list .media-holder .characters {
  position: relative;
  top: -41%;
}

@media (max-width: 1499.98px) {
  .hero-pro-list .media-holder .characters {
    top: 50%;
    -webkit-transform: translateY(-56%);
            transform: translateY(-56%);
  }
}

.hero-pro-list .media-holder .logo {
  position: absolute;
  left: 50%;
  bottom: 30px;
  max-width: 220px;
  z-index: 2;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.hero-single {
  padding: 4.4vw 0 8.4vw;
}

.hero-single.hero-single__valorant .section-title p span:nth-child(2) {
  color: #fe415c;
}

.hero-single.hero-single__cs .section-title p span:nth-child(2) {
  color: #006cff;
}

.hero-single.hero-single__fortnite .section-title p span:nth-child(2) {
  color: #d9a417;
}

.hero-single .section-title {
  margin-bottom: 50px;
}

.hero-single .section-title.with-media img {
  max-width: 50px;
}

.hero-single .section-title p {
  display: inline-block;
  margin-left: 104px;
  padding: 6px 12px;
  font-size: 14px;
  color: #5b6177;
  background: #1e2332;
  border-radius: 9px;
}

@media (max-width: 767.98px) {
  .hero-single .section-title p {
    margin-left: 70px;
  }
}

.hero-single .section-title p::before {
  left: -104px;
}

@media (max-width: 767.98px) {
  .hero-single .section-title p::before {
    left: -70px;
  }
}

.hero-single .section-title p span:first-child {
  color: #fff;
}

.hero-single .player {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-linear-gradient(45deg, #0e111b 0%, #252b3d 100%);
  background: linear-gradient(45deg, #0e111b 0%, #252b3d 100%);
  padding-right: 20px;
  border-radius: 3.2em;
}

@media (max-width: 1199.98px) {
  .hero-single .player {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 40px;
    border-radius: 3em;
  }
}

@media (max-width: 991.98px) {
  .hero-single .player {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media (max-width: 767.98px) {
  .hero-single .player {
    padding-left: 20px;
  }
}

.hero-single .player__card {
  max-width: 300px;
  width: 100%;
  margin-right: 2vw;
  border-radius: 3.2em;
  -webkit-box-shadow: 0 11px 28px 0 rgba(0, 108, 255, 0.75);
          box-shadow: 0 11px 28px 0 rgba(0, 108, 255, 0.75);
}

@media (max-width: 1199.98px) {
  .hero-single .player__card {
    margin-bottom: 50px;
    border-radius: 3em;
  }
}

.hero-single .player__card img {
  display: block;
  border-radius: 3.2em 3.2em 0 0;
}

@media (max-width: 1199.98px) {
  .hero-single .player__card img {
    border-radius: 3em 3em 0 0;
  }
}

.hero-single .player__card .info {
  padding: 16px 1.7vw 28px;
  background: -webkit-linear-gradient(45deg, #1522a4 0%, #4ec9fd 100%);
  background: linear-gradient(45deg, #1522a4 0%, #4ec9fd 100%);
  border-radius: 0 0 3.2em 3.2em;
}

@media (max-width: 1199.98px) {
  .hero-single .player__card .info {
    border-radius: 0 0 3em 3em;
  }
}

.hero-single .player__card .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 19px;
}

.hero-single .player__card .row .col-left, .hero-single .player__card .row .col-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.hero-single .player__card .row svg {
  margin-right: 8px;
}

.hero-single .player__card .row span {
  font-size: 14px;
}

.hero-single .player__card .row img:not(:last-child) {
  margin-right: 6px;
}

.hero-single .player__info {
  max-width: 220px;
  width: 100%;
  margin-right: 2vw;
}

@media (max-width: 991.98px) {
  .hero-single .player__info {
    margin-bottom: 45px;
  }
}

.hero-single .player__info .item:first-child span, .hero-single .player__info .item:nth-child(2) span {
  color: #fff;
}

.hero-single .player__info .item:last-child span {
  color: #fff;
}

.hero-single .player__info .item:not(:last-child) {
  margin-bottom: 18px;
}

.hero-single .player__info .item div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.hero-single .player__info h4 {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: normal;
  color: #3f475f;
  text-transform: uppercase;
}

.hero-single .player__info svg {
  width: 15px;
  height: auto;
  margin-right: 14px;
}

.hero-single .player__info span {
  font-size: 14px;
}

.hero-single .player__team {
  max-width: 490px;
  width: 100%;
  margin-left: auto;
}

@media (max-width: 1199.98px) {
  .hero-single .player__team {
    margin-left: 0;
  }
}

.hero-single .breadcrumb {
  position: absolute;
  top: 270px;
  left: 50px;
  font-size: 12px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (max-width: 1499.98px) {
  .hero-single .breadcrumb {
    left: 37px;
  }
}

@media (max-width: 1199.98px) {
  .hero-single .breadcrumb {
    left: 31px;
  }
}

@media (max-width: 991.98px) {
  .hero-single .breadcrumb {
    display: none;
  }
}

.hero-single .breadcrumb-holder {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.hero-single .breadcrumb span {
  position: relative;
  text-transform: uppercase;
}

.hero-single .breadcrumb span:not(:last-child) {
  margin-right: 22px;
}

.hero-single .breadcrumb span:not(:last-child)::before {
  content: '';
  position: absolute;
  top: 6px;
  right: -14px;
  width: 3px;
  height: 3px;
  background-color: #067f8d;
}

.hero-single .breadcrumb span:last-child {
  color: #006cff;
}

.hero-tools {
  min-height: 420px;
}

.hero-tools .bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero-tools .txt-holder {
  position: relative;
}

.hero-tools h1 {
  font-weight: 700;
}

.hero-tools h1 {
  font-size: 42px;
}

@media screen and (min-width: 768px) {
  .hero-tools h1 {
    font-size: calc(42px + 28 * ((100vw - 768px) / 932));
  }
}

@media screen and (min-width: 1700px) {
  .hero-tools h1 {
    font-size: 70px;
  }
}

.media-setting .item img {
  display: block;
  margin: 0 auto;
  border-radius: 9px;
}

.most-popular-searches {
  position: relative;
  max-width: 800px;
  width: 100%;
  margin-top: 3.5vh;
  color: #fff;
}

@media (max-width: 767.98px) {
  .most-popular-searches {
    margin-top: 30px;
  }
}

.most-popular-searches h2 {
  margin-bottom: 3.8vh;
  font-weight: normal;
  text-align: center;
}

.most-popular-searches h2 {
  font-size: 20px;
}

@media screen and (min-width: 992px) {
  .most-popular-searches h2 {
    font-size: calc(20px + 10 * ((100vw - 992px) / 408));
  }
}

@media screen and (min-width: 1400px) {
  .most-popular-searches h2 {
    font-size: 30px;
  }
}

.most-popular-searches .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 -8px;
}

@media (max-width: 575.98px) {
  .most-popular-searches .list {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.most-popular-searches .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 11px;
  background: #3a3e51;
  border-radius: 5px;
  -webkit-transition: background .3s ease-in;
  transition: background .3s ease-in;
}

.most-popular-searches .item:hover {
  background: -webkit-linear-gradient(45deg, #fd6d50 0%, #fe415c 100%);
  background: linear-gradient(45deg, #fd6d50 0%, #fe415c 100%);
}

.most-popular-searches .item:hover .info li img {
  -webkit-filter: grayscale(0) opacity(100%);
          filter: grayscale(0) opacity(100%);
}

.most-popular-searches .item-holder {
  margin-bottom: 20px;
  padding: 0 8px;
}

.most-popular-searches .item-holder:only-child {
  margin-bottom: 0;
}

.most-popular-searches .item > a {
  margin-right: 14px;
}

@media (max-width: 767.98px) {
  .most-popular-searches .item > a {
    margin-right: 10px;
  }
}

.most-popular-searches .item > a img {
  width: 40px;
  border-radius: 50%;
}

.most-popular-searches .info span {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

@media (max-width: 575.98px) {
  .most-popular-searches .info span {
    font-size: 12px;
  }
}

.most-popular-searches .info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.most-popular-searches .info li img {
  width: 16px;
  -webkit-filter: grayscale(100%) opacity(70%);
          filter: grayscale(100%) opacity(70%);
  -webkit-transition: -webkit-filter .3s ease-in;
  transition: -webkit-filter .3s ease-in;
  transition: filter .3s ease-in;
  transition: filter .3s ease-in, -webkit-filter .3s ease-in;
}

.most-popular-searches .info li:not(:last-child) {
  margin-right: 6px;
}

.most-popular-searches .info li:only-child {
  margin-right: 0;
}

.nav-anchor {
  background: -webkit-gradient(linear, left top, right top, from(#2a3043), to(#2a3043));
  background: -webkit-linear-gradient(left, #2a3043 0%, #2a3043 100%);
  background: linear-gradient(90deg, #2a3043 0%, #2a3043 100%);
}

.nav-anchor .list .item > span:last-child, .nav-anchor .download > span:last-child {
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
}

.nav-anchor__holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 27px;
}

@media (max-width: 991.98px) {
  .nav-anchor__holder {
    padding: 20px 0;
  }
}

.nav-anchor .player-photo {
  display: block;
  width: 70px;
  height: 70px;
  margin-right: 2.3vw;
  border-radius: 50%;
  border: 2px solid #006cff;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 1199.98px) {
  .nav-anchor .player-photo {
    width: 56px;
    height: 56px;
    margin-right: 16px;
  }
}

@media (max-width: 767.98px) {
  .nav-anchor .player-photo {
    width: 50px;
    height: 50px;
    margin-right: 10px;
  }
}

.nav-anchor .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media (max-width: 991.98px) {
  .nav-anchor .list {
    display: none;
  }
}

.nav-anchor .list .item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px 18px;
}

@media (max-width: 1199.98px) {
  .nav-anchor .list .item {
    padding: 0 6px 18px;
  }
}

.nav-anchor .list .item::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #006cff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

.nav-anchor .list .item::after {
  content: '';
  position: absolute;
  top: 19px;
  right: calc(-0.8vw / 2 - 3px);
  width: 3px;
  height: 30px;
  background-color: #323848;
  border-radius: 3px;
}

.nav-anchor .list .item:not(:last-child) {
  margin-right: .8vw;
}

.nav-anchor .list .item:hover::before {
  opacity: 1;
  visibility: visible;
}

.nav-anchor .list .item:hover .icon {
  background: -webkit-linear-gradient(45deg, #4ec9fd 0%, #1522a4 100%);
  background: linear-gradient(45deg, #4ec9fd 0%, #1522a4 100%);
  -webkit-box-shadow: 0 0 35px 2px rgba(0, 108, 255, 0.35);
          box-shadow: 0 0 35px 2px rgba(0, 108, 255, 0.35);
}

.nav-anchor .list .item:hover .icon__holder {
  -webkit-box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.35) inset;
          box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.35) inset;
}

.nav-anchor .list .item:hover .icon::before {
  background: -webkit-linear-gradient(45deg, #0691fd 0%, #7e77e2 100%);
  background: linear-gradient(45deg, #0691fd 0%, #7e77e2 100%);
  -webkit-box-shadow: 0 0 9px 2px rgba(65, 65, 141, 0.75);
          box-shadow: 0 0 9px 2px rgba(65, 65, 141, 0.75);
}

.nav-anchor .list .item:hover .icon svg:first-child {
  opacity: 0;
  visibility: hidden;
}

.nav-anchor .list .item:hover .icon svg:last-child {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 575.98px) {
  .nav-anchor .dropdown {
    font-size: 14px;
  }
}

.nav-anchor .dropdown-holder {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-top: 13px;
  text-align: center;
}

@media (min-width: 992px) {
  .nav-anchor .dropdown-holder {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .nav-anchor .dropdown-holder {
    margin-top: 6px;
  }
}

@media (max-width: 575.98px) {
  .nav-anchor .dropdown-holder {
    margin-top: 7px;
  }
}

.nav-anchor .dropdown-item {
  padding: 10px 1rem;
}

@media (max-width: 575.98px) {
  .nav-anchor .dropdown-item {
    font-size: 14px;
  }
}

@media (max-width: 1199.98px) {
  .nav-anchor .dropdown .btn {
    min-width: auto;
    padding: 10px 12px;
  }
}

.nav-anchor .icon {
  position: relative;
  display: block;
  margin-bottom: 18px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0 0 35px 2px rgba(0, 108, 255, 0);
          box-shadow: 0 0 35px 2px rgba(0, 108, 255, 0);
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

@media (max-width: 1199.98px) {
  .nav-anchor .icon {
    width: 56px;
    height: 56px;
  }
}

@media (max-width: 767.98px) {
  .nav-anchor .icon {
    width: 46px;
    height: 46px;
    margin-bottom: 10px;
  }
}

.nav-anchor .icon__holder {
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  -webkit-box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0) inset;
          box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0) inset;
  -webkit-transition: -webkit-box-shadow .3s ease-in;
  transition: -webkit-box-shadow .3s ease-in;
  transition: box-shadow .3s ease-in;
  transition: box-shadow .3s ease-in, -webkit-box-shadow .3s ease-in;
}

.nav-anchor .icon::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  background: #0e111b;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 9px 2px rgba(65, 65, 141, 0.75);
          box-shadow: 0 0 9px 2px rgba(65, 65, 141, 0.75);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

@media (max-width: 1199.98px) {
  .nav-anchor .icon::before {
    width: 56px;
    height: 56px;
  }
}

@media (max-width: 767.98px) {
  .nav-anchor .icon::before {
    width: 46px;
    height: 46px;
  }
}

.nav-anchor .icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

.nav-anchor .icon svg:first-child {
  opacity: 1;
  visibility: visible;
}

.nav-anchor .icon svg:last-child {
  opacity: 0;
  visibility: hidden;
}

.nav-anchor .download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767.98px) {
  .nav-anchor .download {
    margin-left: 10px;
  }
}

.nav-anchor .download:hover .icon::before {
  background: -webkit-linear-gradient(45deg, #fe415c 0%, #fd6d50 100%);
  background: linear-gradient(45deg, #fe415c 0%, #fd6d50 100%);
}

.nav-anchor .download .icon {
  -webkit-box-shadow: 0 21px 26px 0 rgba(213, 58, 81, 0.35);
          box-shadow: 0 21px 26px 0 rgba(213, 58, 81, 0.35);
}

.nav-anchor .download .icon::before {
  background: -webkit-linear-gradient(45deg, #fd6d50 0%, #fe415c 100%);
  background: linear-gradient(45deg, #fd6d50 0%, #fe415c 100%);
  -webkit-transition: background .3s ease-in;
  transition: background .3s ease-in;
}

.nav-anchor .download .icon svg:last-child {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 767.98px) {
  .nav-anchor .download > span:last-child {
    font-size: 10px;
  }
}

.player-config-setting .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 767.98px) {
  .player-config-setting .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.player-config-setting .player {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 20px;
}

@media (max-width: 991.98px) {
  .player-config-setting .player {
    margin-right: 0;
    margin-bottom: 25px;
  }
}

.player-config-setting .player > img {
  max-width: 80px;
  margin-right: 34px;
  border: 2px solid #006cff;
  border-radius: 50px;
}

@media (max-width: 575.98px) {
  .player-config-setting .player > img {
    margin-right: 18px;
  }
}

.player-config-setting .player .info div {
  position: relative;
  margin-bottom: 8px;
}

.player-config-setting .player .info div::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 40px;
  height: 10px;
  background-color: #1522a4;
  border-radius: 4px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.player-config-setting .player .info img {
  display: block;
  max-width: 20px;
  margin-left: 56px;
}

@media (max-width: 575.98px) {
  .player-config-setting .player .info p {
    font-size: 14px;
  }
}

.player-config-setting .player .info p.nick {
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 700;
}

@media (max-width: 767.98px) {
  .player-config-setting .player .info p.nick {
    font-size: 18px;
  }
}

@media (max-width: 575.98px) {
  .player-config-setting .player .info p.nick {
    font-size: 16px;
  }
}

.player-config-setting .btn {
  font-size: 20px;
}

@media (max-width: 1399.98px) {
  .player-config-setting .btn {
    font-size: 16px;
  }
}

.player-config-setting .btn.btn-lg {
  padding-right: 33px;
  padding-left: 33px;
}

@media (max-width: 1399.98px) {
  .player-config-setting .btn.btn-lg {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media (max-width: 575.98px) {
  .player-config-setting .btn.btn-lg {
    padding-right: 16px;
    padding-left: 16px;
    font-size: 12px;
  }
}

@media (max-width: 575.98px) {
  .player-config-setting .btn.btn-lg.btn-with-arrow svg {
    width: 6px;
  }
}

.player-config-setting .btn span span {
  margin-right: 0;
}

.popular-cards {
  padding: 6.7vw 0 6vw;
  background-color: #101420;
}

@media (max-width: 767.98px) {
  .popular-cards {
    padding: 70px 0 60px;
  }
}

.popular-cards .section-title {
  margin-bottom: 4.8vw;
}

@media (max-width: 991.98px) {
  .popular-cards .section-title {
    margin-bottom: 45px;
  }
}

.popular-cards .list,
.popular-cards .list-sm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 991.98px) {
  .popular-cards .list,
  .popular-cards .list-sm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.popular-cards .list .item,
.popular-cards .list-sm .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 300px;
  width: 100%;
  margin-bottom: 30px;
}

.popular-cards .list .item:not(:last-child),
.popular-cards .list-sm .item:not(:last-child) {
  margin-right: 30px;
}

@media (max-width: 991.98px) {
  .popular-cards .list .item:not(:last-child),
  .popular-cards .list-sm .item:not(:last-child) {
    margin-right: 0;
  }
}

.popular-cards .list {
  margin-bottom: 2.2vw;
}

.popular-cards .list .item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.popular-cards .list .item:hover .img-holder {
  border: 2px solid #006cff;
  -webkit-box-shadow: 0 14px 20px 0 #006cff;
          box-shadow: 0 14px 20px 0 #006cff;
}

.popular-cards .list .item:hover a {
  color: #006cff;
}

.popular-cards .list .item:hover .statistics .icon-hover-grad svg:first-child {
  opacity: 0;
  visibility: hidden;
}

.popular-cards .list .item:hover .statistics .icon-hover-grad svg:last-child {
  opacity: 1;
  visibility: visible;
}

.popular-cards .img-holder {
  margin-bottom: 2.26vw;
  background: -webkit-linear-gradient(45deg, #1522a4 0%, #4ec9fd 100%);
  background: linear-gradient(45deg, #1522a4 0%, #4ec9fd 100%);
  border-radius: 3.2em;
  overflow: hidden;
  -webkit-box-shadow: 0 23px 25px 0 rgba(33, 33, 33, 0.7);
          box-shadow: 0 23px 25px 0 rgba(33, 33, 33, 0.7);
  -webkit-transition: -webkit-box-shadow .3s ease-in;
  transition: -webkit-box-shadow .3s ease-in;
  transition: box-shadow .3s ease-in;
  transition: box-shadow .3s ease-in, -webkit-box-shadow .3s ease-in;
}

@media (max-width: 1499.98px) {
  .popular-cards .img-holder {
    border-radius: 3em;
  }
}

@media (max-width: 1199.98px) {
  .popular-cards .img-holder {
    margin-bottom: 32px;
  }
}

.popular-cards .img-holder img {
  display: block;
}

.popular-cards .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.popular-cards .content span,
.popular-cards .content a {
  display: block;
}

.popular-cards .content span:focus,
.popular-cards .content a:focus {
  outline: none;
}

.popular-cards .content > span {
  margin-bottom: 1.4vw;
  color: #999dac;
}

@media (max-width: 1199.98px) {
  .popular-cards .content > span {
    margin-bottom: 16px;
  }
}

.popular-cards .content a {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 1.7vw;
  font-weight: 700;
  line-height: 1.33;
  -webkit-transition: color .3s ease-in;
  transition: color .3s ease-in;
}

.popular-cards .content a {
  font-size: 18px;
}

@media screen and (min-width: 992px) {
  .popular-cards .content a {
    font-size: calc(18px + 4 * ((100vw - 992px) / 608));
  }
}

@media screen and (min-width: 1600px) {
  .popular-cards .content a {
    font-size: 22px;
  }
}

@media (max-width: 1199.98px) {
  .popular-cards .content a {
    margin-bottom: 26px;
  }
}

.popular-cards .statistics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #5b6177;
}

.popular-cards .statistics__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popular-cards .statistics__item:not(:last-child) {
  margin-right: 29px;
}

@media (max-width: 991.98px) {
  .popular-cards .statistics__item:not(:last-child) {
    margin-right: 0;
  }
}

.popular-cards .statistics span {
  color: #fff;
  font-size: 14px;
}

.popular-cards .list-sm .item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popular-cards .list-sm .item:hover a {
  color: #006cff;
}

.popular-cards .list-sm .item:hover img {
  border: 2px solid #006cff;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 108, 255, 0.7);
          box-shadow: 0 10px 20px 0 rgba(0, 108, 255, 0.7);
}

.popular-cards .list-sm .item:hover span {
  color: #fff;
}

.popular-cards .list-sm .content-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  padding: 0 50px 10px 0;
}

@media (max-width: 767.98px) {
  .popular-cards .list-sm .content-holder {
    padding: 0 36px 10px 0;
  }
}

@media (max-width: 575.98px) {
  .popular-cards .list-sm .content-holder {
    padding: 0 20px 10px 0;
  }
}

.popular-cards .list-sm .content-holder div {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.popular-cards .list-sm .content-holder a {
  display: block;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
}

@media (max-width: 767.98px) {
  .popular-cards .list-sm .content-holder a {
    margin-bottom: 12px;
  }
}

.popular-cards .list-sm span {
  font-size: 14px;
  color: #5b6177;
  -webkit-transition: color .3s ease-in;
  transition: color .3s ease-in;
}

.popular-cards .list-sm img {
  -ms-flex-preferred-size: 90px;
      flex-basis: 90px;
  max-width: 90px;
  max-height: 90px;
  border-radius: 20px;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0);
          box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0);
  -webkit-transition: -webkit-box-shadow .3s ease-in;
  transition: -webkit-box-shadow .3s ease-in;
  transition: box-shadow .3s ease-in;
  transition: box-shadow .3s ease-in, -webkit-box-shadow .3s ease-in;
}

@media (max-width: 575.98px) {
  .popular-cards .list-sm img {
    max-width: 80px;
  }
}

.players-page .players {
  background-color: #101420;
}

.section-sliders {
  padding-top: 6.2vw;
  padding-bottom: 2.7vw;
  background: #fbf6f6;
  overflow: hidden;
}

.section-sliders .popular {
  padding-top: 0;
  padding-bottom: 82px;
}

.section-sliders .popular .section-title {
  margin-bottom: 26px;
}

.section-sliders .popular .section-title h2 {
  margin-bottom: 0;
}

.popular {
  padding: 6.4vw 0 3.6vw;
}

@media (max-width: 991.98px) {
  .popular {
    padding: 70px 0;
  }
}

.popular.section-decor-left {
  background-color: #101420;
}

.popular.gear .logos .logo-holder, .popular .team .img-holder {
  position: relative;
  width: 48px;
  height: 48px;
  margin-right: 10px;
  background-color: #0e111b;
  border: 1px solid #2a3146;
  border-radius: 7px;
  -webkit-transition: background-color .3s ease-in;
  transition: background-color .3s ease-in;
}

.popular.gear .logos .logo-holder img, .popular .team img {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  max-width: 30px;
  max-height: 30px;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.popular.gear .logos .logo-holder img.hover, .popular .team img.hover {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s ease-in, visibility .3s ease-in;
  transition: opacity .3s ease-in, visibility .3s ease-in;
}

.popular.section-decor-left .bg-holder {
  right: auto;
  left: 0;
}

.popular.section-bg-light {
  background-color: #fbf6f6;
}

.popular.section-bg-light .title-filters {
  color: #0e111b;
}

.popular.players .title-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.popular.players .title-filters .btn {
  color: inherit;
}

.popular.players .title-filters .btn.active, .popular.players .title-filters .btn:active {
  color: #fff;
}

.popular.players .section-title {
  margin-right: 8.4vw;
  margin-bottom: 2.7vw;
}

@media (max-width: 1299.98px) {
  .popular.players .section-title {
    margin-bottom: 34px;
  }
}

.popular.players .filters {
  padding-bottom: 30px;
}

@media (max-width: 1299.98px) {
  .popular.players .filters {
    padding-bottom: 0;
  }
}

.popular.players .media-holder {
  position: relative;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.popular.players .media-holder span {
  position: absolute;
  display: block;
  left: 50%;
  bottom: 30px;
  padding: 10px 21px;
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s ease-in, visibility .3s ease-in;
  transition: opacity .3s ease-in, visibility .3s ease-in;
}

.popular.players .content-holder {
  padding-bottom: 43px;
}

@media (max-width: 991.98px) {
  .popular.players .content-holder {
    padding-bottom: 36px;
  }
}

.popular.players .heading {
  margin-bottom: 16px;
}

.popular.players .heading h4 {
  margin-bottom: 6px;
}

.popular.players .heading h4 {
  font-size: 24px;
}

@media screen and (min-width: 768px) {
  .popular.players .heading h4 {
    font-size: calc(24px + 6 * ((100vw - 768px) / 832));
  }
}

@media screen and (min-width: 1600px) {
  .popular.players .heading h4 {
    font-size: 30px;
  }
}

.popular.players .swiper-slide:hover .team img:first-child {
  opacity: 0;
  visibility: hidden;
}

.popular.players .swiper-slide:hover .team img.hover {
  opacity: 1;
  visibility: visible;
}

.popular.gear .media-holder {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popular.gear .content-holder {
  padding-bottom: 50px;
}

.popular.gear .logos {
  margin-bottom: 4px;
}

.popular.gear .logos .logo-holder {
  width: 38px;
  height: 38px;
}

.popular.gear .logos .logo-holder img {
  max-width: 38px;
  padding: 4px;
}

.popular.gear .heading {
  margin-bottom: 20px;
}

.popular.gear .heading h4 {
  font-size: 22px;
  line-height: 1.5;
}

.popular.gear .swiper-slide:hover .logos .logo-holder img:first-child {
  opacity: 0;
  visibility: hidden;
}

.popular.gear .swiper-slide:hover .logos .logo-holder img.hover {
  opacity: 1;
  visibility: visible;
}

.popular.simple.simple__mx-lg .swiper-popular {
  margin: 0 -22px;
}

@media (max-width: 991.98px) {
  .popular.simple.simple__mx-lg .swiper-popular {
    margin: 0 -20px;
  }
}

.popular.simple.simple__mx-lg .swiper-slide {
  margin: 0 22px;
}

@media (max-width: 991.98px) {
  .popular.simple.simple__mx-lg .swiper-slide {
    margin: 0 20px;
  }
}

.popular.simple .slider-bottom {
  bottom: 35px;
  padding-bottom: 0;
  text-align: center;
}

.popular.simple .slider-bottom .btn {
  position: static;
}

.popular.simple .swiper-popular {
  padding-left: 0;
  margin: 0 -13px;
}

.popular.simple .swiper-slide {
  margin: 0 13px;
}

.popular.simple .swiper-slide:hover .swiper-slide-holder {
  -webkit-box-shadow: 0 11px 9px 2px rgba(0, 108, 255, 0.4);
          box-shadow: 0 11px 9px 2px rgba(0, 108, 255, 0.4);
}

.popular.simple .swiper-slide-holder {
  -webkit-box-shadow: 0 11px 9px 2px rgba(33, 33, 33, 0.4);
          box-shadow: 0 11px 9px 2px rgba(33, 33, 33, 0.4);
}

@media (min-width: 992px) {
  .popular.simple .swiper-button-prev {
    left: calc(60px - 25px);
  }
}

@media (min-width: 1200px) {
  .popular.simple .swiper-button-prev {
    left: calc(80px - 25px);
  }
}

@media (min-width: 1400px) {
  .popular.simple .swiper-button-prev {
    left: calc(80px - 30px);
  }
}

@media (min-width: 1440px) {
  .popular.simple .swiper-button-prev {
    left: calc(80px - 30px);
  }
}

@media (min-width: 992px) {
  .popular.simple .swiper-button-next {
    right: calc(60px - 25px - 13px);
  }
}

@media (min-width: 1200px) {
  .popular.simple .swiper-button-next {
    right: calc(80px - 25px - 13px);
  }
}

@media (min-width: 1400px) {
  .popular.simple .swiper-button-next {
    right: calc(80px - 30px - 13px);
  }
}

@media (min-width: 1440px) {
  .popular.simple .swiper-button-next {
    right: calc(80px - 30px);
  }
}

.popular .bg-holder {
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
}

.popular .bg-holder.bg-left {
  top: 54px;
  left: 0;
  right: auto;
  bottom: auto;
}

.popular .bg-holder.bg-left.bg-plays img {
  left: -266px;
}

.popular .bg-holder.bg-left.bg-pc {
  top: 3.2vw;
}

.popular .bg-holder.bg-left.bg-pc img {
  left: -291px;
}

.popular .bg-holder.bg-left.bg-perfiferals {
  top: 3.2vw;
}

.popular .bg-holder.bg-left.bg-perfiferals img {
  left: -92px;
}

.popular .bg-holder.bg-left.bg-tools {
  top: auto;
  bottom: 0;
}

.popular .bg-holder.bg-left.bg-tools img {
  left: -234px;
}

.popular .bg-holder.bg-res-upd-pros img {
  margin-bottom: -79px;
  margin-left: -125px;
}

.popular .bg-holder.bg-res-upd img {
  left: -241px;
  bottom: -168px;
}

.popular .bg-holder.bg-pop-eu-players img {
  right: -320px;
  bottom: -340px;
}

.popular .bg-holder.bg-pop-na-players img {
  left: -346px;
  bottom: -322px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.popular .bg-holder.bg-pop-ww-players img {
  right: -330px;
  bottom: -300px;
}

.popular .bg-holder.bg-mouse img {
  right: -380px;
  bottom: -320px;
}

.popular .bg-holder.bg-controller img {
  left: -160px;
  bottom: -260px;
}

.popular .bg-holder.bg-mob-tab img {
  right: -100px;
  bottom: -420px;
}

.popular .bg-holder img {
  position: relative;
  display: block;
}

.popular .section-title {
  position: relative;
  margin-bottom: 93px;
}

@media (max-width: 1199.98px) {
  .popular .section-title {
    margin-bottom: 34px;
  }
}

.popular .filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.popular .filters .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 150px;
  margin-bottom: 15px;
  padding: 13px 15px;
  font-size: 16px;
}

@media (max-width: 767.98px) {
  .popular .filters .btn {
    min-width: 132px;
    padding: 11px 12px;
    font-size: 12px;
  }
}

@media (max-width: 1199.98px) {
  .popular .filters .btn {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.popular .filters .btn:not(:last-child) {
  margin-right: 20px;
}

@media (max-width: 767.98px) {
  .popular .filters .btn:not(:last-child) {
    margin-right: 8px;
  }
}

.popular .filters .btn:nth-last-child(2) {
  margin-right: 30px;
}

@media (max-width: 767.98px) {
  .popular .filters .btn:nth-last-child(2) {
    margin-right: 8px;
  }
}

.popular .filters .btn.btn-all {
  position: relative;
  margin-left: 30px;
}

@media (max-width: 767.98px) {
  .popular .filters .btn.btn-all {
    margin-left: 0;
  }
}

.popular .filters .btn.btn-all::before {
  content: '';
  position: absolute;
  left: -30px;
  top: 50%;
  height: 30px;
  width: 2px;
  background-color: #bfc1c8;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 767.98px) {
  .popular .filters .btn.btn-all::before {
    content: none;
  }
}

.popular .filters .btn.btn-all span {
  text-align: center;
  width: 100%;
}

.popular .filters .btn svg,
.popular .filters .btn img {
  max-width: 22px;
  margin-right: 12px;
}

@media (max-width: 1199.98px) {
  .popular .filters .btn svg,
  .popular .filters .btn img {
    margin-right: 10px;
  }
}

@media (max-width: 767.98px) {
  .popular .filters .btn svg,
  .popular .filters .btn img {
    max-width: 18px;
    margin-right: 8px;
  }
}

.popular .media-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 270px;
  border-top-left-radius: 3.2em;
  border-top-right-radius: 3.2em;
  overflow: hidden;
}

@media (max-width: 1499.98px) {
  .popular .media-holder {
    border-top-left-radius: 3em;
    border-top-right-radius: 3em;
  }
}

.popular .content-holder {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-top: 15px;
  padding-right: 30px;
  padding-left: 30px;
  background: #171c2a;
  border-bottom-left-radius: 3.2em;
  border-bottom-right-radius: 3.2em;
  -webkit-transition: background .3s ease-in;
  transition: background .3s ease-in;
}

@media (max-width: 1499.98px) {
  .popular .content-holder {
    border-bottom-left-radius: 3em;
    border-bottom-right-radius: 3em;
  }
}

.popular .content-holder::before {
  content: '';
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  height: 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(#2a3043), to(#171c2a));
  background: -webkit-linear-gradient(top, #2a3043 0%, #171c2a 100%);
  background: linear-gradient(180deg, #2a3043 0%, #171c2a 100%);
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  -webkit-transition: background .3s ease-in;
  transition: background .3s ease-in;
}

.popular .content-holder .btn {
  max-width: 205px;
  margin-top: 26px;
}

.popular .logos {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  padding-left: 45px;
}

.popular .logos.logos-lg img {
  max-width: 50px;
}

.popular .logos.fortnite::before {
  background-color: #1522a4;
}

.popular .logos.valorant::before {
  background-color: #ff3444;
}

.popular .logos.cs::before {
  background-color: #f29d1b;
}

.popular .logos.diablo::before {
  background-color: #ff0000;
}

.popular .logos::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 40px;
  height: 10px;
  background-color: #1522a4;
  border-radius: 4px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: background-color .3s ease-in;
  transition: background-color .3s ease-in;
}

.popular .logos .logo-holder:not(:last-child) {
  margin-right: 6px;
}

.popular .logos .logo-holder:only-child {
  margin-right: 0;
}

.popular .logos img {
  max-width: 20px;
}

.popular .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
}

.popular .label > span {
  padding: 8px 10px;
  font-size: 12px;
  color: #0691fd;
  text-transform: uppercase;
  background: #1522a4;
  border-radius: 4px;
}

.popular .label div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popular .label div span {
  margin-right: 10px;
  font-size: 14px;
  color: #5b6177;
}

.popular .label div img {
  max-width: 20px;
}

.popular .heading {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.popular .heading p {
  color: #999dac;
  -webkit-transition: color .3s ease-in;
  transition: color .3s ease-in;
}

.popular .team {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popular .team span {
  font-size: 14px;
  color: #5b6177;
  -webkit-transition: color .3s ease-in;
  transition: color .3s ease-in;
}

.popular .slider {
  position: relative;
}

.popular .slider-bottom {
  position: absolute;
  bottom: 47px;
  left: 0;
  right: 0;
  padding: 0 20px 32px 20px;
}

@media (max-width: 991.98px) {
  .popular .slider-bottom {
    bottom: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 0;
  }
}

@media (min-width: 992px) {
  .popular .slider-bottom .btn {
    position: absolute;
    left: calc(50% + 250px + 4.5vw);
  }
}

@media (min-width: 1200px) {
  .popular .slider-bottom .btn {
    left: calc(50% + 250px + 9.7vw);
  }
}

@media (max-width: 991.98px) {
  .popular .slider-bottom .btn {
    margin-top: 40px;
  }
}

.popular .swiper-popular {
  padding: 40px 0 130px 20px;
}

@media (min-width: 992px) {
  .popular .swiper-popular {
    padding-left: 60px;
  }
}

@media (min-width: 1400px) {
  .popular .swiper-popular {
    padding-left: calc((100% - (1280px + 40px)) / 2 + 20px);
  }
}

@media (max-width: 991.98px) {
  .popular .swiper-popular {
    padding-top: 30px;
  }
}

.popular .swiper-popular-products.swiper-popular {
  padding-top: 13px;
  padding-bottom: 35px;
}

.popular .swiper-popular-products .heading h4 {
  font-size: 20px;
}

.popular .swiper-popular-products .content-holder {
  padding-bottom: 43px;
}

@media (max-width: 991.98px) {
  .popular .swiper-popular-products .content-holder {
    padding-bottom: 36px;
  }
}

.popular .swiper-popular-products .swiper-button-prev, .popular .swiper-popular-products .swiper-button-next {
  top: calc(50% - 35px / 2);
}

.popular .swiper-media-with-bg .media-holder {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-linear-gradient(45deg, #1522a4 0%, #4ec9fd 100%);
  background: linear-gradient(45deg, #1522a4 0%, #4ec9fd 100%);
  -webkit-transition: background .3s ease-in;
  transition: background .3s ease-in;
}

.popular .swiper-media-with-bg .media-holder img {
  max-width: 160px;
  -webkit-transition: -webkit-filter .1s ease-in;
  transition: -webkit-filter .1s ease-in;
  transition: filter .1s ease-in;
  transition: filter .1s ease-in, -webkit-filter .1s ease-in;
}

.popular .swiper-media-with-bg .media-holder h4 {
  margin-top: 25px;
  font-size: 30px;
}

.popular .swiper-media-with-bg .swiper-slide:hover .media-holder {
  background: -webkit-linear-gradient(45deg, #171c2a 0%, #373b4a 100%);
  background: linear-gradient(45deg, #171c2a 0%, #373b4a 100%);
}

.popular .swiper-media-with-bg .swiper-slide:hover .media-holder img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.popular .swiper-media-lg .media-holder {
  height: 305px;
}

@media (min-width: 992px) {
  .popular .swiper-item-w-lg .swiper-slide {
    width: calc((1280px - 44px * 2) / 3) !important;
  }
}

.popular .swiper-hover-case .swiper-slide:hover .content-holder {
  background: #171c2a;
}

.popular .swiper-hover-case .swiper-slide:hover .content-holder::before {
  background: -webkit-gradient(linear, left top, left bottom, from(#2a3043), to(#171c2a));
  background: -webkit-linear-gradient(top, #2a3043 0%, #171c2a 100%);
  background: linear-gradient(180deg, #2a3043 0%, #171c2a 100%);
}

.popular .swiper-hover-case .swiper-slide:hover .content-holder .btn {
  background: -webkit-linear-gradient(45deg, #fd6d50 0%, #fe415c 100%);
  background: linear-gradient(45deg, #fd6d50 0%, #fe415c 100%);
  border-color: transparent;
}

.popular .swiper-with-btn .content-holder .btn {
  position: relative;
  max-width: none;
  min-width: 200px;
  margin-top: 5px;
  opacity: 1;
  visibility: visible;
}

.popular .swiper-with-btn .content-holder .btn.btn-sm {
  min-width: 130px;
}

.popular .swiper-logo-absolute .content-holder {
  padding-top: 20px;
}

.popular .swiper-logo-absolute .logos {
  margin-bottom: 20px;
}

.popular .swiper-logo-absolute .logo-holder {
  position: absolute;
  top: -67px;
  right: 0;
}

.popular .swiper-logo-absolute .logo-holder img {
  display: block;
  border: 1px solid #2a3146;
  border-radius: 10px;
}

.popular .swiper-logo-absolute .btn {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 14px;
}

.popular .swiper-logo-absolute .btn.btn-with-arrow svg {
  width: 5px;
}

.popular .swiper-slide {
  width: 300px !important;
  height: auto;
  border-radius: 3.2em;
}

@media (max-width: 1499.98px) {
  .popular .swiper-slide {
    border-radius: 3em;
  }
}

.popular .swiper-slide:hover {
  -webkit-box-shadow: 0 0 0 2px #006cff;
          box-shadow: 0 0 0 2px #006cff;
}

.popular .swiper-slide:hover .swiper-slide-holder {
  -webkit-box-shadow: 0 11px 20px 2px rgba(0, 108, 255, 0.4);
          box-shadow: 0 11px 20px 2px rgba(0, 108, 255, 0.4);
}

.popular .swiper-slide:hover .media-holder span {
  opacity: 1;
  visibility: visible;
}

.popular .swiper-slide:hover .content-holder {
  background: -webkit-linear-gradient(45deg, #1522a4 0%, #4ec9fd 100%);
  background: linear-gradient(45deg, #1522a4 0%, #4ec9fd 100%);
}

.popular .swiper-slide:hover .content-holder::before {
  background: -webkit-gradient(linear, left top, right top, from(#394bfb), to(#4ec9fd));
  background: -webkit-linear-gradient(left, #394bfb 0%, #4ec9fd 100%);
  background: linear-gradient(90deg, #394bfb 0%, #4ec9fd 100%);
}

.popular .swiper-slide:hover .logos.fortnite::before {
  background-color: #1522a4;
}

.popular .swiper-slide:hover .logos.valorant::before {
  background-color: #ff3444;
}

.popular .swiper-slide:hover .logos.cs::before {
  background-color: #f29d1b;
}

.popular .swiper-slide:hover .logos.diablo::before {
  background-color: #ff0000;
}

.popular .swiper-slide:hover .logos::before {
  background-color: #171c2a;
}

.popular .swiper-slide:hover .heading p {
  color: #4ec9fd;
}

.popular .swiper-slide:hover .team span,
.popular .swiper-slide:hover .small-gamers span {
  color: #fff;
}

.popular .swiper-slide-holder {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 3.2em;
  -webkit-transition: border-color .3s ease-in;
  transition: border-color .3s ease-in;
  -webkit-box-shadow: 0 11px 20px 2px rgba(33, 33, 33, 0.4);
          box-shadow: 0 11px 20px 2px rgba(33, 33, 33, 0.4);
}

@media (max-width: 1499.98px) {
  .popular .swiper-slide-holder {
    border-radius: 3em;
  }
}

.popular .swiper-button-prev, .popular .swiper-button-next {
  top: calc(50% - 130px / 2);
  width: 60px;
  height: 60px;
  color: #0e111b;
  background-color: #fff;
  border-radius: 50%;
  -webkit-transition: background-color .3s ease-in;
  transition: background-color .3s ease-in;
}

@media (max-width: 1399.98px) {
  .popular .swiper-button-prev, .popular .swiper-button-next {
    width: 50px;
    height: 50px;
  }
}

.popular .swiper-button-prev:hover, .popular .swiper-button-next:hover {
  background-color: #006cff;
}

.popular .swiper-button-prev:hover::after, .popular .swiper-button-next:hover::after {
  color: #fff;
}

.popular .swiper-button-prev:focus, .popular .swiper-button-next:focus {
  outline: none;
}

.popular .swiper-button-prev::after, .popular .swiper-button-next::after {
  color: #0e111b;
  font-size: 17px;
  -webkit-transition: color .3s ease-in;
  transition: color .3s ease-in;
}

.popular .swiper-button-prev.swiper-button-disabled, .popular .swiper-button-next.swiper-button-disabled {
  opacity: .5;
}

.popular .swiper-button-prev {
  left: 0;
}

@media (min-width: 992px) {
  .popular .swiper-button-prev {
    left: calc(60px - 25px);
  }
}

@media (min-width: 1400px) {
  .popular .swiper-button-prev {
    left: calc((100% - (1280px + 40px)) / 2 - 10px);
  }
}

.popular .swiper-button-next {
  right: 20px;
}

@media (min-width: 1400px) {
  .popular .swiper-button-next {
    right: 28px;
  }
}

@media (max-width: 991.98px) {
  .popular .swiper-button-next {
    right: 0;
  }
}

.popular .swiper-pagination {
  top: 20px;
  left: 50%;
  width: 500px;
  height: 6px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (max-width: 1199.98px) {
  .popular .swiper-pagination {
    width: 400px;
  }
}

@media (max-width: 991.98px) {
  .popular .swiper-pagination {
    position: relative;
    left: auto;
    -webkit-transform: none;
            transform: none;
  }
}

@media (max-width: 767.98px) {
  .popular .swiper-pagination {
    max-width: 300px;
    width: 100%;
  }
}

.popular .swiper-pagination-progressbar {
  background: #bfc1c8;
  border-radius: 3px;
  overflow: hidden;
}

.popular .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #006cff;
}

.popular .swiper-popular.swiper-popular-products .slider-bottom {
  position: static;
  margin-top: 35px;
}

.preview-setting .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 991.98px) {
  .preview-setting .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.preview-setting .item > img {
  width: calc(100% - 45%);
}

@media (max-width: 1399.98px) {
  .preview-setting .item > img {
    width: calc(100% - 50%);
  }
}

@media (max-width: 991.98px) {
  .preview-setting .item > img {
    width: auto;
    margin-bottom: 30px;
  }
}

.preview-setting .settings {
  width: 45%;
  padding-left: 40px;
}

@media (max-width: 1399.98px) {
  .preview-setting .settings {
    width: 50%;
  }
}

@media (max-width: 1299.98px) {
  .preview-setting .settings {
    padding-left: 26px;
  }
}

@media (max-width: 991.98px) {
  .preview-setting .settings {
    width: 100%;
    padding-left: 0;
  }
}

.preview-setting .settings.with-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.preview-setting .code {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 26px 8px 22px 28px;
  font-size: 14px;
  color: #4d86a2;
  background-color: #131722;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-mask-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, white 38px);
  -webkit-mask-repeat: no-repeat;
}

@media (max-width: 767.98px) {
  .preview-setting .code {
    padding: 22px 8px 18px 18px;
  }
}

.preview-setting .code div {
  max-height: 378px;
  overflow-y: auto;
}

.preview-setting .code div::-webkit-scrollbar {
  width: 5px;
}

.preview-setting .code div::-webkit-scrollbar-thumb {
  border-radius: 9px;
  background: #252b3d;
}

.preview-setting .code span {
  display: block;
}

.preview-setting .code span:not(:last-child) {
  margin-bottom: 8px;
}

.preview-setting .action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 18px 28px 18px 28px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background: -webkit-linear-gradient(89deg, #1518a4 0%, #5528ca 100%);
  background: linear-gradient(1deg, #1518a4 0%, #5528ca 100%);
  -webkit-box-shadow: 0 10px 16px 0 rgba(33, 33, 33, 0.75);
          box-shadow: 0 10px 16px 0 rgba(33, 33, 33, 0.75);
}

@media (max-width: 767.98px) {
  .preview-setting .action {
    padding-left: 18px;
    padding-right: 18px;
  }
}

.preview-setting .action div {
  width: calc(100% - 50px);
  padding-right: 15px;
}

@media (max-width: 767.98px) {
  .preview-setting .action div {
    width: calc(100% - 40px);
  }
}

.preview-setting .action img {
  width: 20px;
  margin-right: 8px;
}

.preview-setting .action h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 12px;
}

.preview-setting .action p {
  font-size: 12px;
  color: #7f88f0;
  line-height: 1.3;
}

.preview-setting .action a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: auto;
  width: 50px;
  height: 50px;
  color: #000;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (max-width: 767.98px) {
  .preview-setting .action a {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 1199.98px) {
  .preview-setting .table-settings:hover.dataTable.no-footer {
    border-color: transparent;
  }
}

@media (max-width: 1199.98px) {
  .preview-setting table {
    table-layout: fixed;
  }
}

.preview-setting table#table-radar tbody tr td {
  padding-top: 21px;
  padding-bottom: 21px;
}

.preview-setting table.dataTable.table-with-empty-cell thead th:nth-child(2),
.preview-setting table.dataTable.table-with-empty-cell tbody tr td:nth-child(2) {
  padding-right: 5px;
  padding-left: 5px;
}

@media (max-width: 1199.98px) {
  .preview-setting table.dataTable.table-with-empty-cell tbody tr td:nth-child(2) {
    display: none;
  }
}

.preview-setting table.dataTable thead th {
  padding-top: 27px;
  padding-bottom: 27px;
  font-size: 12px;
  font-weight: normal;
  color: #555a6f;
  text-align: left;
}

@media (min-width: 1400px) {
  .preview-setting table.dataTable thead th:first-child {
    padding-left: 36px;
  }
}

.preview-setting table.dataTable thead th:last-child {
  text-align: right;
}

@media (min-width: 1400px) {
  .preview-setting table.dataTable thead th:last-child {
    padding-right: 36px;
  }
}

.preview-setting table.dataTable thead th span {
  display: block;
}

.preview-setting table.dataTable thead th span.disabled {
  color: #a3182b;
}

.preview-setting table.dataTable thead th span.enabled {
  color: #209e5b;
}

.preview-setting table.dataTable thead th span.accent {
  color: #006cff;
}

.preview-setting table.dataTable thead th .name {
  margin-bottom: 11px;
  text-transform: uppercase;
}

.preview-setting table.dataTable thead th .val {
  margin-top: 8px;
  font-size: 16px;
  color: #fff;
}

.preview-setting table.dataTable tbody tr:first-child td {
  padding-top: 18px;
}

.preview-setting table.dataTable tbody tr:last-child td {
  padding-bottom: 18px;
}

.preview-setting table.dataTable tbody tr.accent-dark td, .preview-setting table.dataTable tbody tr.accent-light td {
  padding-top: 9px;
  padding-bottom: 9px;
  border-bottom: 1px solid #0e111b;
}

.preview-setting table.dataTable tbody tr.accent-dark td:first-child, .preview-setting table.dataTable tbody tr.accent-light td:first-child {
  border-left-color: #0e111b;
}

.preview-setting table.dataTable tbody tr.accent-dark td:last-child, .preview-setting table.dataTable tbody tr.accent-light td:last-child {
  border-right-color: #0e111b;
}

.preview-setting table.dataTable tbody tr.accent-dark {
  background-color: #111852;
}

.preview-setting table.dataTable tbody tr.accent-light {
  background-color: #151e69;
}

.preview-setting table.dataTable tbody tr td {
  padding: 18px 18px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .preview-setting table.dataTable tbody tr td:first-child {
    padding-left: 16px;
  }
}

.preview-setting table.dataTable tbody tr td:last-child {
  text-align: right;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .preview-setting table.dataTable tbody tr td:last-child {
    padding-right: 16px;
  }
}

.preview-setting table.dataTable tbody tr td .number {
  display: inline-block;
  min-width: 24px;
  padding: 7px 3px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background-color: #101634;
  border-radius: 9px;
}

@media (max-width: 767.98px) {
  .preview-setting table.dataTable tbody tr td .number {
    min-width: 18px;
    font-size: 12px;
  }
}

.preview-setting table.dataTable tbody tr td .number:not(:last-child) {
  margin-right: 10px;
}

@media (max-width: 1199.98px) {
  .preview-setting table.dataTable tbody tr td .number:not(:last-child) {
    margin-right: 6px;
  }
}

@media (max-width: 767.98px) {
  .preview-setting table.dataTable tbody tr td .number:not(:last-child) {
    margin-right: 2px;
  }
}

.search-main {
  position: relative;
  min-height: 100vh;
  color: #0e111b;
  background: -webkit-linear-gradient(135deg, #08121f 40%, #0e141e 0);
  background: linear-gradient(-45deg, #08121f 40%, #0e141e 0);
}

.search-main-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100vh;
  padding: 50px 20px;
}

.search-main .bg-holder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.search-main .bg-holder .logo,
.search-main .bg-holder .character,
.search-main .bg-holder .character-holder {
  position: absolute;
  display: block;
}

.search-main .bg-holder .logo {
  top: 100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0.3;
}

@media (max-width: 991.98px) {
  .search-main .bg-holder .logo {
    top: 30px;
  }
}

.search-main .bg-holder .character {
  max-height: 90vh;
  bottom: 0;
  right: 0;
}

.search-main .bg-holder .character-holder {
  width: 28.8vw;
  bottom: 0;
  right: 0;
}

@media (max-width: 1199.98px) {
  .search-main .bg-holder .character-holder {
    width: 40vw;
  }
}

@media (max-width: 575.98px) {
  .search-main .bg-holder .character-holder {
    width: 60vw;
  }
}

.search-main .form-search-main {
  position: relative;
}

.search-main .form-search-main::before {
  content: '';
  position: absolute;
  left: 18px;
  top: 50%;
  width: 30px;
  height: 30px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url("../images/minified-svg/loupe.svg") no-repeat;
  pointer-events: none;
}

@media (max-width: 991.98px) {
  .search-main .form-search-main::before {
    left: 14px;
    width: 22px;
    height: 22px;
  }
}

.search-main .form-search-main input {
  width: 100%;
  padding: 20px 20px 20px 68px;
  border: 0;
  border-radius: 9px;
}

@media (max-width: 991.98px) {
  .search-main .form-search-main input {
    padding: 15px 20px 15px 50px;
  }
}

.search-main .form-search-main input:focus {
  outline: none;
}

.search-main li {
  list-style: none;
}

.search-main .group-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 17px;
}

@media (max-width: 767.98px) {
  .search-main .group-top {
    margin-bottom: 12px;
    padding: 0 12px;
  }
}

.search-main .group-top span {
  font-size: 12px;
  color: #3a3e51;
  margin-right: 20px;
}

.search-main .group-top a {
  font-size: 11px;
  color: #1b9eff;
  -webkit-transition: color .3s ease-in;
  transition: color .3s ease-in;
}

.search-main .group-top a:hover {
  color: #6dc1ff;
}

.search-main .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.search-main .links li:not(:last-child) {
  margin-right: 7px;
}

.search-main .links li:only-child {
  margin-right: 0;
}

.search-main .links img {
  max-width: 16px;
  -webkit-filter: grayscale(100%) opacity(70%);
          filter: grayscale(100%) opacity(70%);
  -webkit-transition: -webkit-filter .3s ease-in;
  transition: -webkit-filter .3s ease-in;
  transition: filter .3s ease-in;
  transition: filter .3s ease-in, -webkit-filter .3s ease-in;
}

.search-holder {
  position: relative;
  max-width: 800px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  -webkit-box-shadow: 0 10px 30px 0 rgba(65, 65, 141, 0.75);
          box-shadow: 0 10px 30px 0 rgba(65, 65, 141, 0.75);
}

.search-holder.show-results .search-results {
  display: block;
}

.search-results {
  display: none;
  border-top: 1px solid #edeff2;
  padding: 27px 20px 20px;
}

@media (max-width: 991.98px) {
  .search-results {
    padding: 20px 10px 20px;
  }
}

@media (max-width: 767.98px) {
  .search-results {
    padding: 20px 0 20px;
  }
}

.search-list {
  max-height: 370px;
  overflow: auto;
}

@media (max-height: 900px) {
  .search-list {
    max-height: 262px;
  }
}

.search-list::-webkit-scrollbar {
  width: 6px;
}

.search-list::-webkit-scrollbar-thumb {
  border-radius: 9px;
  background: #e6e6e6;
}

.search-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 18px;
  border-radius: 9px;
  background-color: transparent;
  -webkit-transition: background-color .3s ease-in;
  transition: background-color .3s ease-in;
}

@media (max-width: 991.98px) {
  .search-list > li {
    padding: 8px 14px;
  }
}

@media (max-width: 767.98px) {
  .search-list > li {
    border-radius: 0;
  }
}

.search-list > li:not(:last-child) {
  margin-bottom: 8px;
}

.search-list > li:only-child {
  margin-bottom: 0;
}

.search-list > li:hover {
  background-color: #edeff2;
}

.search-list > li:hover .links img {
  -webkit-filter: grayscale(0) opacity(100%);
          filter: grayscale(0) opacity(100%);
}

.search-list .name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.search-list .name img {
  width: 30px;
  border-radius: 50%;
  margin-right: 10px;
}

@media (max-width: 767.98px) {
  .search-list .name span {
    font-size: 14px;
  }
}

.section-txt {
  padding: 5vw 0 4.8vw;
}

@media (max-width: 1199.98px) {
  .section-txt {
    padding: 52px 0 50px;
  }
}

.section-txt .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.section-txt .content p {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.7;
}

@media (max-width: 767.98px) {
  .section-txt .content p {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.4;
  }
}

.section-txt .content p:not(:last-child) {
  margin-bottom: 30px;
}

@media (max-width: 767.98px) {
  .section-txt .content p:not(:last-child) {
    margin-bottom: 20px;
  }
}

.section-txt .col-icon {
  width: 105px;
}

@media (max-width: 1499.98px) {
  .section-txt .col-icon {
    width: 82px;
  }
}

@media (max-width: 991.98px) {
  .section-txt .col-icon {
    width: 65px;
  }
}

.section-txt .col-txt {
  width: calc(100% - 105px);
}

@media (max-width: 1499.98px) {
  .section-txt .col-txt {
    width: calc(100% - 82px);
  }
}

@media (max-width: 991.98px) {
  .section-txt .col-txt {
    width: calc(100% - 65px);
  }
}

.section-txt svg {
  width: 50px;
}

@media (max-width: 1499.98px) {
  .section-txt svg {
    width: 40px;
  }
}

@media (max-width: 991.98px) {
  .section-txt svg {
    width: 36px;
  }
}

.small-gamers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.small-gamers.with-title .small-gamers__item {
  width: 30px;
}

.small-gamers.with-title .small-gamers__item img {
  max-width: 30px;
}

.small-gamers span {
  font-size: 14px;
  color: #5b6177;
  -webkit-transition: color .3s ease-in;
  transition: color .3s ease-in;
  display: inline-block;
  margin-right: 10px;
}

.small-gamers__item {
  position: relative;
  width: 40px;
  background-clip: padding-box;
  border: 2px solid transparent;
  border-radius: 50%;
}

.small-gamers__item::before {
  content: '';
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  border-radius: inherit;
  background: -webkit-linear-gradient(45deg, #006cff 0%, #04c4d1 100%);
  background: linear-gradient(45deg, #006cff 0%, #04c4d1 100%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s ease-in, visibility .3s ease-in;
  transition: opacity .3s ease-in, visibility .3s ease-in;
}

.small-gamers__item:not(:last-child) {
  margin-right: 4px;
}

.small-gamers__item:hover::before {
  opacity: 1;
  visibility: visible;
}

.small-gamers__item:hover .info {
  opacity: 1;
  visibility: visible;
}

.small-gamers__item:hover .info .name {
  margin-bottom: 3px;
}

.small-gamers__item img {
  position: relative;
  display: block;
  max-width: 40px;
  width: 100%;
  border-radius: 50%;
}

.small-gamers .info {
  position: absolute;
  top: -62px;
  left: 50%;
  min-width: 136px;
  padding: 6px 10px;
  font-size: 14px;
  background-color: #3a3e51;
  border-radius: 8px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: opacity .3s ease-in, visibility .3s ease-in;
  transition: opacity .3s ease-in, visibility .3s ease-in;
}

@media (max-width: 767.98px) {
  .small-gamers .info {
    display: none;
  }
}

.small-gamers .info::after {
  content: '';
  position: absolute;
  bottom: -7px;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 6px 0 6px;
  border-color: #3a3e51 transparent transparent transparent;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.small-gamers .award {
  font-size: 12px;
}

.socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: -8px;
}

.socials.socials__vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 36px;
  margin-left: 0;
}

.socials.socials__vertical li:not(:last-child) {
  margin-right: 0;
  margin-bottom: 21px;
}

.socials li {
  list-style: none;
}

.socials li:not(:last-child) {
  margin-right: 13px;
}

.socials a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 8px;
  -webkit-transition: color .3s ease-in;
  transition: color .3s ease-in;
}

.socials a:hover {
  color: #006cff;
}

.statistic {
  padding: 8vw 0 6.9vw;
}

@media (max-width: 767.98px) {
  .statistic {
    padding: 70px 0 30px;
  }
}

.statistic::after {
  content: '';
  position: absolute;
  right: auto;
  left: left;
  bottom: 0;
  width: 50%;
  height: 20px;
  background-color: #006cff;
  z-index: 1;
}

@media (max-width: 1399.98px) {
  .statistic::after {
    height: 14px;
  }
}

.statistic .bg-holder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.statistic .bg-holder img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.statistic .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 991.98px) {
  .statistic .list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.statistic .item {
  position: relative;
  width: calc(100% / 3);
  margin-bottom: 30px;
  padding: 0 20px;
  text-align: center;
}

@media (max-width: 991.98px) {
  .statistic .item {
    width: 100%;
    max-width: 400px;
    margin-bottom: 60px;
    padding: 0;
  }
}

.statistic .item:not(:last-child)::before {
  content: '';
  position: absolute;
  top: 50%;
  right: -4px;
  width: 8px;
  height: 68px;
  background: url("../images/minified-svg/circles.svg") no-repeat;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 991.98px) {
  .statistic .item:not(:last-child)::before {
    content: none;
  }
}

.statistic .item > span {
  display: block;
  margin-bottom: 4px;
  font-weight: 700;
}

.statistic .item > span {
  font-size: 30px;
}

@media screen and (min-width: 768px) {
  .statistic .item > span {
    font-size: calc(30px + 40 * ((100vw - 768px) / 632));
  }
}

@media screen and (min-width: 1400px) {
  .statistic .item > span {
    font-size: 70px;
  }
}

.statistic svg {
  width: 80px;
  margin-bottom: 1.8em;
}

.statistic h4 {
  font-size: 20px;
}

@media screen and (min-width: 768px) {
  .statistic h4 {
    font-size: calc(20px + 10 * ((100vw - 768px) / 632));
  }
}

@media screen and (min-width: 1400px) {
  .statistic h4 {
    font-size: 30px;
  }
}

.page-pro-list-fortnite .section-table .bg-holder {
  width: 21.4vw;
}

.page-pro-list-valorant .section-table .bg-holder {
  width: 25.6vw;
}

.page-pro-list-cs-go .section-table .bg-holder {
  width: 35vw;
}

.section-table {
  padding: 7.3vw 0;
}

@media (max-width: 767.98px) {
  .section-table {
    padding: 60px 0;
  }
}

.section-table h3 {
  margin-bottom: 30px;
  font-weight: normal;
}

.section-table h3 {
  font-size: 22px;
}

@media screen and (min-width: 992px) {
  .section-table h3 {
    font-size: calc(22px + 8 * ((100vw - 992px) / 508));
  }
}

@media screen and (min-width: 1500px) {
  .section-table h3 {
    font-size: 30px;
  }
}

.section-table .bg-holder {
  position: absolute;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: -1;
}

@media (max-width: 991.98px) {
  .section-table .bg-holder {
    display: none;
  }
}

.section-table .bg-holder img {
  display: block;
}

.section-table .dataTables_wrapper .dataTables_length {
  display: none;
}

.section-table .dataTables_wrapper .dataTables_filter {
  float: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  max-width: 400px;
  width: 100%;
  margin-bottom: 50px;
}

.section-table .dataTables_wrapper .dataTables_filter label {
  position: relative;
  width: 100%;
  font-size: 0;
}

.section-table .dataTables_wrapper .dataTables_filter label::before {
  content: '';
  position: absolute;
  left: 18px;
  top: 50%;
  width: 22px;
  height: 22px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url("../images/general/loupe.png") no-repeat;
  pointer-events: none;
}

.section-table .dataTables_wrapper .dataTables_filter input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: inherit;
  margin-left: 0;
  padding: 15px 15px 15px 60px;
  font-size: 16px;
  color: #006cff;
  background-color: #171223;
  border: 0;
  border-radius: 8px;
  -webkit-box-shadow: 0 10px 16px 0 rgba(65, 65, 141, 0.75);
          box-shadow: 0 10px 16px 0 rgba(65, 65, 141, 0.75);
}

.section-table .dataTables_wrapper .dataTables_filter input:focus {
  outline: none;
}

.section-table .dataTables_wrapper .dataTables_paginate {
  float: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 50px;
}

.section-table .dataTables_wrapper .dataTables_paginate > .paginate_button:hover {
  -webkit-box-shadow: 0 0 8px rgba(65, 65, 141, 0.75);
          box-shadow: 0 0 8px rgba(65, 65, 141, 0.75);
}

.section-table .dataTables_wrapper .dataTables_paginate .paginate_button {
  font-size: 14px;
  color: #ccc !important;
  border: 0;
  background: transparent;
  -webkit-transition: color .3s ease-in;
  transition: color .3s ease-in;
}

.section-table .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  color: #0e111b !important;
  font-weight: 700;
}

.section-table .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
  margin-left: 0;
  margin-right: 3px;
}

.section-table .dataTables_wrapper .dataTables_paginate .paginate_button.next {
  margin-left: 3px;
}

.section-table .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  border: 0;
}

.section-table .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .section-table .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  border: 0;
}

.section-table .dataTables_wrapper .dataTables_paginate span .paginate_button {
  color: #fff !important;
  background: -webkit-linear-gradient(45deg, #fd6d50 0%, #fe415c 100%);
  background: linear-gradient(45deg, #fd6d50 0%, #fe415c 100%);
  border: 0;
  -webkit-transition: background .3s ease-in;
  transition: background .3s ease-in;
}

.section-table .dataTables_wrapper .dataTables_paginate span .paginate_button:hover {
  background: -webkit-linear-gradient(135deg, #fd6d50 0%, #fe415c 100%);
  background: linear-gradient(-45deg, #fd6d50 0%, #fe415c 100%);
}

.section-table .dataTables_wrapper .dataTables_paginate span .paginate_button.current:hover {
  border: 0;
  background: -webkit-linear-gradient(135deg, #fd6d50 0%, #fe415c 100%);
  background: linear-gradient(-45deg, #fd6d50 0%, #fe415c 100%);
}

.section-table table.dataTable {
  width: 100%;
  font-size: 14px;
  -webkit-box-shadow: 0 10px 30px 0 rgba(65, 65, 141, 0.17);
          box-shadow: 0 10px 30px 0 rgba(65, 65, 141, 0.17);
}

.section-table table.dataTable.no-footer {
  border-bottom: 0;
}

.section-table table.dataTable thead tr {
  background: -webkit-linear-gradient(45deg, #0691fd 0%, #7e77e2 100%);
  background: linear-gradient(45deg, #0691fd 0%, #7e77e2 100%);
}

.section-table table.dataTable thead th {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 22px 12px;
  color: #fff;
  font-weight: normal;
  text-align: left;
  border: 0;
}

.section-table table.dataTable thead th.sorting, .section-table table.dataTable thead th.sorting_asc, .section-table table.dataTable thead th.sorting_desc {
  padding-right: 19px;
}

.section-table table.dataTable thead th.sorting::before, .section-table table.dataTable thead th.sorting::after, .section-table table.dataTable thead th.sorting_asc::before, .section-table table.dataTable thead th.sorting_asc::after, .section-table table.dataTable thead th.sorting_desc::before, .section-table table.dataTable thead th.sorting_desc::after {
  content: '';
  position: absolute;
  right: 5px;
  width: 6px;
  height: 4px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .3s ease-in, visibility .3s ease-in;
  transition: opacity .3s ease-in, visibility .3s ease-in;
}

.section-table table.dataTable thead th.sorting::before, .section-table table.dataTable thead th.sorting_asc::before, .section-table table.dataTable thead th.sorting_desc::before {
  top: calc(50% - 6px);
}

.section-table table.dataTable thead th.sorting::after, .section-table table.dataTable thead th.sorting_asc::after, .section-table table.dataTable thead th.sorting_desc::after {
  bottom: calc(50% - 6px);
}

.section-table table.dataTable thead th.sorting::before {
  background: url("../images/minified-svg/sort-up.svg") no-repeat;
}

.section-table table.dataTable thead th.sorting::after {
  background: url("../images/minified-svg/sort-down.svg") no-repeat;
}

.section-table table.dataTable thead th.sorting_asc::before {
  background: url("../images/minified-svg/sort-up-active.svg") no-repeat;
}

.section-table table.dataTable thead th.sorting_asc::after {
  background: url("../images/minified-svg/sort-down.svg") no-repeat;
}

.section-table table.dataTable thead th.sorting_desc::before {
  background: url("../images/minified-svg/sort-up.svg") no-repeat;
}

.section-table table.dataTable thead th.sorting_desc::after {
  background: url("../images/minified-svg/sort-down-active.svg") no-repeat;
}

.section-table table.dataTable thead th:first-child {
  border-top-left-radius: 10px;
}

@media (max-width: 575.98px) {
  .section-table table.dataTable thead th:first-child {
    width: 70px;
  }
}

@media (max-width: 1440px) {
  .section-table table.dataTable thead th:first-child {
    width: 86px;
  }
}

@media (min-width: 576px) {
  .section-table table.dataTable thead th:nth-child(2) {
    width: 160px;
  }
}

.section-table table.dataTable thead th:not(:last-child) {
  border-right: 1px solid #2c7bd8;
}

.section-table table.dataTable thead th.last {
  border-top-right-radius: 10px;
}

.section-table table.dataTable tbody tr {
  text-align: left;
  background-color: #0e111b;
  -webkit-box-shadow: 0 10px 14px 0 transparent;
          box-shadow: 0 10px 14px 0 transparent;
  -webkit-transition: -webkit-box-shadow .3s ease-in;
  transition: -webkit-box-shadow .3s ease-in;
  transition: box-shadow .3s ease-in;
  transition: box-shadow .3s ease-in, -webkit-box-shadow .3s ease-in;
}

.section-table table.dataTable tbody tr:not(.parent) td::before {
  top: calc(50% - 4px);
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
}

@media (min-width: 1440px) {
  .section-table table.dataTable tbody tr:hover {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 10px 14px 0 rgba(0, 108, 255, 0.75);
            box-shadow: 0 10px 14px 0 rgba(0, 108, 255, 0.75);
  }
  .section-table table.dataTable tbody tr:hover td {
    color: #fff;
    border-top-color: #006cff;
    border-bottom-color: #006cff;
  }
  .section-table table.dataTable tbody tr:hover td:first-child {
    border-left-color: #006cff;
  }
  .section-table table.dataTable tbody tr:hover td:last-child {
    border-right-color: #006cff;
  }
  .section-table table.dataTable tbody tr:hover td > a {
    color: #4bc0f8;
  }
}

.section-table table.dataTable tbody tr.even {
  background-color: #131722;
  -webkit-transition: background-color .3s ease-in;
  transition: background-color .3s ease-in;
}

.section-table table.dataTable tbody td {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 13px 10px;
  color: #6e7172;
  word-break: break-word;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-style: solid;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right: 0;
  border-left: 0;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

@media (max-width: 1440px) {
  .section-table table.dataTable tbody td.control-td {
    text-align: right;
  }
}

.section-table table.dataTable tbody td.control-td::before {
  position: absolute;
  left: 4px;
  top: calc(50% + 4px);
  width: 14px;
  height: 11px;
  background: url("../images/minified-svg/arrow-white.svg") no-repeat;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

@media (max-width: 1440px) {
  .section-table table.dataTable tbody td.control-td::before {
    content: '';
  }
}

.section-table table.dataTable tbody td:first-child, .section-table table.dataTable tbody td:last-child {
  border-style: solid;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

.section-table table.dataTable tbody td:first-child {
  border-left-width: 2px;
  border-left-color: transparent;
}

.section-table table.dataTable tbody td:last-child {
  border-right-width: 2px;
  border-right-color: transparent;
}

.section-table table.dataTable tbody td:focus {
  outline: none;
}

.section-table table td > img {
  width: 50px;
  margin-left: auto;
}

.section-table table .complex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.section-table table .complex img {
  width: 30px;
  margin-right: 10px;
  border-radius: 50%;
}

.section-table table .complex a {
  font-size: 15px;
  color: #7e77e2;
}

.section-table table img {
  display: block;
}

.section-table table a {
  color: #006cff;
  -webkit-transition: color .3s ease-in;
  transition: color .3s ease-in;
}

.section-table table .child li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 0;
  list-style: none;
}

.section-table table .dtr-title {
  margin-right: 15px;
}

.tooltip {
  font-size: 14px;
}

.tooltip.show {
  opacity: 1;
}

.tooltip .tooltip-inner {
  padding: 6px 10px;
  background: #3a3e51;
  border-radius: 10px;
}

.tooltip .arrow::before {
  border-bottom-color: #3a3e51;
}

.tooltip .name {
  display: block;
  margin-bottom: 6px;
}

.tooltip .award {
  color: #b6bac1;
}

.team-block .team-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 21px;
}

.team-block .team-info .team-icon {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #2a3146;
  border-radius: 9px;
}

.team-block .team-info .team-icon img {
  max-width: 30px;
  max-height: 30px;
}

.team-block .team-info .team-currently {
  color: #fff;
  font-weight: 700;
  margin-left: 15px;
}

.team-block .team-info .team-currently p {
  margin: 0;
}

.team-block .team-info .team-currently p:first-child {
  text-transform: uppercase;
  font-size: 12px;
  color: #919191;
  margin-bottom: 5px;
}

.team-block .team-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
}

@media (max-width: 767.98px) {
  .team-block .team-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.team-block .activity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-right: 20px;
}

@media (max-width: 767.98px) {
  .team-block .activity {
    margin-bottom: 20px;
    padding-right: 0;
  }
}

.team-block .activity .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.team-block .activity .item:not(:last-child) {
  margin-right: 18px;
}

@media (max-width: 575.98px) {
  .team-block .activity .item:not(:last-child) {
    margin-right: 12px;
  }
}

.team-block .activity svg {
  margin-right: 10px;
}

.team-block .edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #5b6177;
}

.team-block .edit svg {
  margin-left: 10px;
}

.team-block .slider {
  position: relative;
  margin-bottom: 22px;
}

.team-block .slider-bottom {
  position: absolute;
  bottom: 13px;
  left: 2px;
  right: 0;
  padding-bottom: 30px;
}

.team-block .swiper-team {
  padding-bottom: 50px;
}

.team-block .swiper-wrapper {
  z-index: 12;
}

.team-block .swiper-slide {
  width: 90px !important;
  height: auto;
}

.team-block .swiper-slide:hover img {
  border-color: #006cff;
  -webkit-box-shadow: 0 10px 18px 0 rgba(0, 108, 255, 0.75);
          box-shadow: 0 10px 18px 0 rgba(0, 108, 255, 0.75);
}

.team-block .swiper-slide:hover .info {
  opacity: 1;
  visibility: visible;
}

.team-block .swiper-slide a,
.team-block .swiper-slide img {
  display: block;
}

.team-block .swiper-slide img {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 18px;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  -webkit-box-shadow: 0 10px 18px 0 rgba(0, 108, 255, 0);
          box-shadow: 0 10px 18px 0 rgba(0, 108, 255, 0);
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

.team-block .swiper-button-prev, .team-block .swiper-button-next {
  top: 51px;
}

.team-block .swiper-button-prev {
  left: -15px;
}

.team-block .swiper-button-next {
  right: -15px;
}

.team-block .swiper-pagination {
  top: 22px;
  left: 0;
  width: 300px;
  height: 4px;
}

@media (max-width: 767.98px) {
  .team-block .swiper-pagination {
    max-width: 200px;
  }
}

.team-block .swiper-pagination-progressbar {
  background: #3a3e4c;
  border-radius: 3px;
  overflow: hidden;
}

.team-block .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #006cff;
}

.video-settings .tables {
  padding: 32px 36px 26px;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  border-radius: 9px;
  -webkit-box-shadow: 0 10px 30px 0 rgba(65, 65, 141, 0.17);
          box-shadow: 0 10px 30px 0 rgba(65, 65, 141, 0.17);
  -webkit-transition: border-color .3s ease-in;
  transition: border-color .3s ease-in;
}

@media (max-width: 1199.98px) {
  .video-settings .tables {
    padding: 20px 22px 16px;
  }
}

@media (max-width: 991.98px) {
  .video-settings .tables {
    padding: 16px 0 0;
  }
}

.video-settings .tables:hover {
  border-color: #006cff;
}

.video-settings .tables .table-holder:not(:last-child) {
  margin-bottom: 46px;
}

.video-settings .tables .table-settings {
  border: 0;
}

.video-settings .tables .table-settings.dataTable {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}

.video-settings .tables .table-settings.dataTable tbody tr:first-child td {
  padding-top: 21px;
}

@media (max-width: 1199.98px) {
  .video-settings .tables .table-settings.dataTable tbody tr:first-child td {
    padding: 0;
  }
  .video-settings .tables .table-settings.dataTable tbody tr:first-child td > span,
  .video-settings .tables .table-settings.dataTable tbody tr:first-child td .dtr-data span {
    display: inline-block;
    padding: 21px 12px;
  }
}

.video-settings .tables .table-settings.dataTable tbody tr:last-child td {
  padding-bottom: 21px;
}

@media (max-width: 1199.98px) {
  .video-settings .tables .table-settings.dataTable tbody tr:last-child td {
    padding-bottom: 0;
  }
  .video-settings .tables .table-settings.dataTable tbody tr:last-child td > span,
  .video-settings .tables .table-settings.dataTable tbody tr:last-child td .dtr-data span {
    display: inline-block;
    padding: 21px 12px;
  }
}

.video-settings .tables .table-settings.dataTable tbody tr td {
  padding: 21px 12px;
  border: 0;
}

@media (max-width: 1199.98px) {
  .video-settings .tables .table-settings.dataTable tbody tr td {
    padding: 0;
  }
  .video-settings .tables .table-settings.dataTable tbody tr td > span,
  .video-settings .tables .table-settings.dataTable tbody tr td .dtr-data span {
    display: inline-block;
    padding: 21px 12px;
  }
}

@media (max-width: 991.98px) {
  .video-settings .tables .table-settings.dataTable tbody tr td {
    padding: 0;
  }
}

@media (min-width: 1200px) {
  .video-settings .tables .table-settings.dataTable tbody tr td:first-child {
    padding-left: 28px;
  }
}

@media (min-width: 1200px) {
  .video-settings .tables .table-settings.dataTable tbody tr td:last-child {
    padding-right: 28px;
  }
}

.video-settings .tables h5 {
  margin-bottom: 22px;
  font-weight: normal;
  font-size: 12px;
  color: #555a6f;
  text-transform: uppercase;
}

@media (max-width: 991.98px) {
  .video-settings .tables h5 {
    margin-bottom: 18px;
    margin-left: 8px;
    font-weight: 500;
  }
}

.video-settings .popup {
  position: relative;
  display: inline-block;
}

.video-settings .popup__icon {
  display: inline-block;
  margin-left: 10px;
  color: inherit;
  -webkit-transition: color .3s ease-in;
  transition: color .3s ease-in;
}

.video-settings .popup__icon:hover {
  color: #006cff;
  cursor: pointer;
}

.video-settings .popup__icon:hover + .popup__body {
  opacity: 1;
  visibility: visible;
}

.video-settings .popup__body {
  position: absolute;
  bottom: -40px;
  left: calc(50% + 5px);
  min-width: 100px;
  max-width: 140px;
  padding: 6px 10px;
  font-size: 14px;
  color: #b6bac1;
  text-transform: none;
  background: #3a3e51;
  border-radius: 10px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

.video-settings .popup__body::before {
  content: '';
  position: absolute;
  top: -20px;
  left: 50%;
  border: 10px solid transparent;
  border-bottom: 10px solid #3a3e51;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

/*# sourceMappingURL=main.css.map */