@charset "UTF-8";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * 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.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after 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;
}

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

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

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

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

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

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

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * 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.
 */
img {
  border: 0;
}

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

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

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

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

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

/**
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
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;
}

/**
 * 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"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

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

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

.container:before, .container:after {
  content: " ";
  display: table;
}

.container:after {
  clear: both;
}

@media (min-width: 768px) {
  .container {
    width: 740px;
  }
}

@media (min-width: 768px) {
  .container {
    width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1296px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}

.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -10px;
  margin-right: -10px;
}

.row:before, .row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

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

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

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

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

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

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

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

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

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

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

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

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

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

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

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

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

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

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

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

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

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 768px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}

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

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

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

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

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 767px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

* {
  box-sizing: border-box;
}

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

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

figure {
  margin: 0;
}

[role="button"] {
  cursor: pointer;
}

/*
 @font-face {
   font-family: 'TT Norms Pro';
   src: url('../assets/fonts/TTNormsPro-Bold.eot');
   src: local('TT Norms Pro Bold'), local('TTNormsPro-Bold'),
   url('../assets/fonts/TTNormsPro-Bold.eot?#iefix') format('embedded-opentype'),
   url('../assets/fonts/TTNormsPro-Bold.woff2') format('woff2'),
   url('../assets/fonts/TTNormsPro-Bold.woff') format('woff'),
   url('../assets/fonts/TTNormsPro-Bold.ttf') format('truetype');
   font-weight: 800;
   font-style: normal;
 }

 @font-face {
   font-family: 'TT Norms Pro';
   src: url('../assets/fonts/TTNormsPro-ExtraBoldItalic.eot');
   src: local('TT Norms Pro ExtraBold Italic'), local('TTNormsPro-ExtraBoldItalic'),
   url('../assets/fonts/TTNormsPro-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
   url('../assets/fonts/TTNormsPro-ExtraBoldItalic.woff2') format('woff2'),
   url('../assets/fonts/TTNormsPro-ExtraBoldItalic.woff') format('woff'),
   url('../assets/fonts/TTNormsPro-ExtraBoldItalic.ttf') format('truetype');
   font-weight: 800;
   font-style: italic;
 }

 @font-face {
   font-family: 'TT Norms Pro';
   src: url('../assets/fonts/TTNormsPro-MediumItalic.eot');
   src: local('TT Norms Pro Medium Italic'), local('TTNormsPro-MediumItalic'),
   url('../assets/fonts/TTNormsPro-MediumItalic.eot?#iefix') format('embedded-opentype'),
   url('../assets/fonts/TTNormsPro-MediumItalic.woff2') format('woff2'),
   url('../assets/fonts/TTNormsPro-MediumItalic.woff') format('woff'),
   url('../assets/fonts/TTNormsPro-MediumItalic.ttf') format('truetype');
   font-weight: 500;
   font-style: italic;
 }


 @font-face {
   font-family: 'TT Norms Pro';
   src: url('../assets/fonts/TTNormsPro-Regular.eot');
   src: local('TT Norms Pro Regular'), local('TTNormsPro-Regular'),
   url('../assets/fonts/TTNormsPro-Regular.eot?#iefix') format('embedded-opentype'),
   url('../assets/fonts/TTNormsPro-Regular.woff2') format('woff2'),
   url('../assets/fonts/TTNormsPro-Regular.woff') format('woff'),
   url('../assets/fonts/TTNormsPro-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
 }



 @font-face {
   font-family: 'TT Norms Pro';
   src: url('../assets/fonts/TTNormsPro-Light.eot');
   src: local('TT Norms Pro Light'), local('TTNormsPro-Light'),
   url('../assets/fonts/TTNormsPro-Light.eot?#iefix') format('embedded-opentype'),
   url('../assets/fonts/TTNormsPro-Light.woff2') format('woff2'),
   url('../assets/fonts/TTNormsPro-Light.woff') format('woff'),
   url('../assets/fonts/TTNormsPro-Light.ttf') format('truetype');
   font-weight: 300;
   font-style: normal;
 }



 @font-face {
   font-family: 'TT Norms Pro';
   src: url('../assets/fonts/TTNormsPro-Medium.eot');
   src: local('TT Norms Pro Medium'), local('TTNormsPro-Medium'),
   url('../assets/fonts/TTNormsPro-Medium.eot?#iefix') format('embedded-opentype'),
   url('../assets/fonts/TTNormsPro-Medium.woff2') format('woff2'),
   url('../assets/fonts/TTNormsPro-Medium.woff') format('woff'),
   url('../assets/fonts/TTNormsPro-Medium.ttf') format('truetype');
   font-weight: 500;
   font-style: normal;
 }

 @font-face {
   font-family: 'TT Norms Pro';
   src: local('../assets/fonts/TTNormsPro-LightItalic'),
   url('../assets/fonts/TTNormsPro-LightItalic.woff2') format('woff2'),
   url('../assets/fonts/TTNormsPro-LightItalic.woff') format('woff'),
   url('../assets/fonts/TTNormsPro-LightItalic.ttf') format('truetype');
   font-weight: 300;
   font-style: italic;
   font-display: swap;
 }*/
/* @font-face {
   font-family: 'RobotoFlex';
   src: url('../assets/fonts/RobotoFlex-Regular.eot');
   src: local('RobotoFlex-Regular'), local('RobotoFlex-Regular'),
   url('../assets/fonts/RobotoFlex-Regular.eot?#iefix') format('embedded-opentype'),
   url('../assets/fonts/RobotoFlex-Regular.woff2') format('woff2'),
   url('../assets/fonts/RobotoFlex-Regular.woff') format('woff'),
   url('../assets/fonts/RobotoFlex-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
 }*/
/* @font-face {
   font-family: 'IntroBlack';
   src: url(../../assets/fonts/Intro-Black-Italic.ttf) format('truetype');
   font-weight: 900;
   font-style: italic;
 }*/
/* @font-face {
   font-family: 'Roboto Flex';
   src:  url('../../assets/fonts/RobotoFlex.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
 }*/
@font-face {
  font-family: 'Roboto Cont';
  src: url("../../assets/fonts/RobotoCondensed-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto Cont';
  src: url("../../assets/fonts/RobotoCondensed-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url("../../assets/fonts/Inter-Regular.woff2") format("woff2"), url("../../assets/fonts/Inter-Regular.woff") format("woff"), url("../../assets/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url("../../assets/fonts/Inter-Medium.woff2") format("woff2"), url("../../assets/fonts/Inter-Medium.woff") format("woff"), url("../../assets/fonts/Inter-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url("../../assets/fonts/Inter-SemiBold.woff2") format("woff2"), url("../../assets/fonts/Inter-SemiBold.woff") format("woff"), url("../../assets/fonts/Inter-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url("../../assets/fonts/Inter-Bold.woff2") format("woff2"), url("../../assets/fonts/Inter-Bold.woff") format("woff"), url("../../assets/fonts/Inter-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

html {
  font-size: 16PX;
}

body {
  font-family: "Gilroy", Tahoma, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: black;
  background-color: #fff;
  -webkit-text-size-adjust: none;
  -webkit-overflow-scrolling: touch;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.wrapper {
  overflow: hidden;
}

a, label {
  -webkit-tap-highlight-color: transparent;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

input:focus-visible {
  outline: none;
  box-shadow: none;
}

::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  /*  color: #737070;*/
}

::placeholder {
  color: rgba(255, 255, 255, 0.5);
  /*  color: #737070;*/
}

p {
  margin: 0 0 20px;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 20px;
}

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

.list--unstyled {
  padding-left: 0;
  list-style: none;
}

.list--inline {
  padding-left: 0;
  list-style: none;
  margin-left: 0;
}

.list--inline > li {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
}

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

h1, .h1 {
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 16px 0;
  font-size: 60px;
  line-height: 54px;
  font-variation-settings: "wdth" 141, "wght" 1000;
  color: #fff;
}

h2, .h2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 44px;
  line-height: 38px;
  font-variation-settings: "wght" 900;
  margin-bottom: 80px;
}

.anim-text-wrapper {
  overflow: hidden;
}

.anim-text-elem {
  padding-top: 10px;
}

/*
	styles for Tablet and Desktops
 -------------------------------------------------------------------- */
/*
	styles for Desktop and Large Desktops
 -------------------------------------------------------------------- */
/*
	styles for Large Desktops
 -------------------------------------------------------------------- */
/*
	styles for Desktop
 -------------------------------------------------------------------- */
/*
	styles for Desktop and Small
 -------------------------------------------------------------------- */
/*
	styles for Tablet and Phones
 -------------------------------------------------------------------- */
/*
	styles for Tablet
 -------------------------------------------------------------------- */
@media (max-width: 960px) and (min-width: 641px) {
  h1, .h1 {
    margin: 0 0 16px 0;
    font-size: 44px;
    line-height: 36px;
  }
  h2, .h2 {
    font-size: 32px;
    line-height: 24px;
    margin-bottom: 84px;
  }
}

/*
	styles for Phone
 -------------------------------------------------------------------- */
@media (max-width: 640px) {
  h1, .h1 {
    margin: 0 0 16px 0;
    font-size: 24px;
    line-height: 16px;
  }
  h2, .h2 {
    font-size: 28px;
    line-height: 20px;
    margin-bottom: 64px;
  }
  [lang="kk"] h1, [lang="kk"] .h1 {
    font-size: 22px;
    line-height: 10px;
  }
  [lang="kk"] h2, [lang="kk"] .h2 {
    font-size: 26px;
    line-height: 18px;
  }
  .anim-text-elem {
    padding-bottom: 5px;
  }
}

/*
	styles for Tablet and Desktops
 -------------------------------------------------------------------- */
/*
	styles for Desktop and Large Desktops
 -------------------------------------------------------------------- */
/*
	styles for Large Desktops
 -------------------------------------------------------------------- */
/*
	styles for Desktop
 -------------------------------------------------------------------- */
/*
	styles for Desktop and Small
 -------------------------------------------------------------------- */
/*
	styles for Tablet and Phones
 -------------------------------------------------------------------- */
/*
	styles for Tablet
 -------------------------------------------------------------------- */
/*
	styles for Phone
 -------------------------------------------------------------------- */
a {
  color: blue;
  text-decoration: underline;
  outline: none !important;
}

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

.link--unstyled, .link--block, a[href^="tel"] {
  text-decoration: none !important;
}

.link--block {
  display: block;
}

a[href^="tel"] {
  cursor: default;
}

/*
	styles for Tablet and Desktops
 -------------------------------------------------------------------- */
/*
	styles for Desktop and Large Desktops
 -------------------------------------------------------------------- */
/*
	styles for Large Desktops
 -------------------------------------------------------------------- */
/*
	styles for Desktop
 -------------------------------------------------------------------- */
/*
	styles for Desktop and Small
 -------------------------------------------------------------------- */
/*
	styles for Tablet and Phones
 -------------------------------------------------------------------- */
/*
	styles for Tablet
 -------------------------------------------------------------------- */
/*
	styles for Phone
 -------------------------------------------------------------------- */
button {
  cursor: pointer;
  outline: none !important;
}

.btn,
.btn--unstyled {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  font-weight: normal;
  touch-action: manipulation;
  cursor: pointer;
  outline: none !important;
  text-decoration: none !important;
  line-height: 1.428571428571429;
  line-height: normal;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  background-image: none;
}

.btn--unstyled {
  padding: 0;
  border: 0;
  background: none;
}

.btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  min-width: 268px;
  font-size: 20px;
  font-weight: 900;
  font-family: 'Roboto Cont';
  text-transform: uppercase;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0 24px;
}

.btn:before {
  content: "";
  position: absolute;
  right: -23px;
  top: 0;
  height: 60px;
  width: 24px;
  display: block;
  background-size: cover;
  transition: transform 300ms;
  display: none;
}

.btn:after {
  content: "";
  position: absolute;
  left: -23px;
  top: 0;
  height: 60px;
  width: 24px;
  display: block;
  background-size: cover;
  transition: transform 300ms;
  display: none;
}

.btn:active, .btn.active {
  box-shadow: none;
}

.btn.disabled, .btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  opacity: 0.5;
}

.btn:hover {
  color: #ffffff;
}

.btn:hover:before {
  transform: scale(1.1);
}

.btn:hover:after {
  transform: scale(1.1);
}

.btn:hover .back-panel {
  transform: scale(1.04);
  width: 100%;
}

.btn .back-panel {
  position: absolute;
  display: inline-block;
  height: 60px;
  width: 100%;
  transition-property: transform, width;
  transition-duration: 460.52ms;
  transition-timing-function: linear(0 0%, 0.046443 1%, 0.170176 2%, 0.346066 3%, 0.54885 4%, 0.755425 5%, 0.946538 6%, 1.107813 7%, 1.230164 8%, 1.309648 9%, 1.346893 10%, 1.346206 11%, 1.314527 12%, 1.260319 13%, 1.192539 14%, 1.11974 15%, 1.049375 16%, 0.987327 17%, 0.937665 18%, 0.902608 19%, 0.88266 20%, 0.876875 21%, 0.883205 22%, 0.898885 23%, 0.920812 24%, 0.945881 25%, 0.971271 26%, 0.99464 27%, 1.014255 28%, 1.029033 29%, 1.038523 30%, 1.04283 31%, 1.042507 32%, 1.038421 33%, 1.031623 34%, 1.023215 35%, 1.014244 36%, 1.005619 37%, 0.998053 38%, 0.992033 39%, 0.98782 40%, 0.985466 41%, 0.984845 42%, 0.985698 43%, 0.987683 44%, 0.990415 45%, 0.993513 46%, 0.996632 47%, 0.999489 48%, 1.001874 49%, 1.003658 50%, 1.00479 51%, 1.005286 52%, 1.005217 53%, 1.004692 54%, 1.00384 55%, 1.002798 56%, 1.001692 57%, 1.000636 58%, 0.999713 59%, 0.998984 60%, 0.998478 61%, 0.998201 62%, 0.998135 63%, 0.998249 64%, 0.9985 65%, 0.99884 66%, 0.999223 67%, 0.999606 68%, 0.999955 69%);
}

.btn .text {
  z-index: 2;
}

.btn-white:before {
  background-image: url("../img/left-white-corner.svg");
}

.btn-white:after {
  background-image: url("../img/right-white-corner.svg");
}

.btn-white .back-panel {
  background: url("../img/white-button-bg.png") center center no-repeat;
  background-size: contain;
}

.btn-white .text {
  color: #EA0029;
}

.btn-white:focus .back-panel {
  background: url("../img/white-button-bg-active.png") center center no-repeat;
  background-size: 100% 100%;
}

.btn-red:before {
  background-image: url("../img/right-red-corner.svg");
}

.btn-red:after {
  background-image: url("../img/left-red-corner.svg");
}

.btn-red .back-panel {
  background: url("../img/red-button-bg.png") center center no-repeat;
  background-size: 100% 100%;
  /*background: #EA0029;*/
}

.btn-red .text {
  color: #ffffff;
}

.btn-red:focus .back-panel {
  background: url("../img/red-button-bg-active.png") center center no-repeat;
  background-size: 100% 100%;
}

.btn-gray {
  pointer-events: none;
  cursor: default;
}

.btn-gray:before {
  background-image: url("../img/right-gray-corner.svg");
}

.btn-gray:after {
  background-image: url("../img/left-gray-corner.svg");
}

.btn-gray .back-panel {
  background: url("../img/gray-button-bg.png") center center no-repeat;
  background-size: contain;
  /*background: #F5F5F5;*/
}

.btn-gray .text {
  color: #000000;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
  opacity: 0.5;
}

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

input[type="submit"].btn--block,
input[type="button"].btn--block {
  width: 100%;
}

.btn--submit::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40px;
  height: 40px;
  background-size: 100% 100%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform .2s;
  pointer-events: none;
}

.form--loading .btn--submit > span {
  opacity: 0;
}

.form--loading .btn--submit::after {
  transform: translate(-50%, -50%) scale(1);
}

/*
	styles for Tablet and Desktops
 -------------------------------------------------------------------- */
/*
	styles for Desktop and Large Desktops
 -------------------------------------------------------------------- */
/*
	styles for Large Desktops
 -------------------------------------------------------------------- */
/*
	styles for Desktop
 -------------------------------------------------------------------- */
/*
	styles for Desktop and Small
 -------------------------------------------------------------------- */
/*
	styles for Tablet and Phones
 -------------------------------------------------------------------- */
/*
	styles for Tablet
 -------------------------------------------------------------------- */
@media (max-width: 960px) and (min-width: 641px) {
  .btn {
    height: 44px;
    min-width: 230px;
    font-size: 18px;
    line-height: 18px;
    padding: 0 16px;
  }
  .btn:before {
    right: -14px;
    top: 0;
    height: 44px;
    width: 16px;
    background-size: cover;
  }
  .btn:after {
    left: -14px;
    top: 0;
    height: 44px;
    width: 16px;
    background-size: cover;
  }
  .btn:hover .back-panel {
    width: 100%;
  }
  .btn .back-panel {
    height: 44px;
  }
  .btn-white .back-panel {
    background-size: 100% 100%;
  }
  .btn-red .back-panel {
    background-size: 100% 100%;
  }
  .btn-gray .back-panel {
    background-size: 100% 100%;
  }
}

/*
	styles for Phone
 -------------------------------------------------------------------- */
@media (max-width: 640px) {
  .btn {
    height: 44px;
    min-width: 260px;
    font-size: 18px;
    line-height: 18px;
    width: 100%;
  }
  .btn:before {
    right: -14px;
    top: 0;
    height: 44px;
    width: 16px;
    background-size: cover;
  }
  .btn:after {
    left: -14px;
    top: 0;
    height: 44px;
    width: 16px;
    background-size: cover;
  }
  .btn:hover .back-panel {
    width: 100%;
  }
  .btn .back-panel {
    height: 43.666666px !important;
  }
  .btn-white .back-panel {
    background: url("../img/white-button-bg-long.png") center center no-repeat;
    background-size: 100% 100%;
  }
  .btn-red .back-panel {
    background-size: 100% 100%;
  }
  .btn-gray .back-panel {
    background-size: 100% 100%;
  }
}

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

label {
  display: inline-block;
  max-width: 100%;
}

.form-control {
  display: block;
  width: 100%;
  height: 30px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571428571429;
  line-height: 1;
  line-height: normal;
  color: black;
  background-color: white;
  background-image: none;
  border: 1px solid gray;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  outline: none !important;
}

.form-control::-moz-placeholder {
  color: #000000;
}

.form-control::placeholder {
  color: #000000;
}

.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}

.form-control:focus {
  box-shadow: none;
  outline: none;
}

.form-control[disabled], .form-control[readonly],
fieldset[disabled] .form-control {
  background-color: gray;
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

.form-group {
  margin-bottom: 15px;
}

.controls {
  position: relative;
}

form {
  position: relative;
}

.form--loading::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.form-section {
  box-sizing: border-box;
  padding: 20px;
  max-width: 375px;
  width: 100%;
  border-radius: 16px;
  border: 1px solid rgba(108, 121, 147, 0.2);
  background: #FFF;
  box-shadow: 0px 3px 14px 2px rgba(108, 121, 147, 0.12), 0px 8px 10px 1px rgba(108, 121, 147, 0.14), 0px 5px 5px -3px rgba(108, 121, 147, 0.2);
}

.form-section .form-input {
  background: #f0f1f4;
  border: 1px solid #000000;
  border-radius: 7px;
  padding: 4px 14px;
}

.form-section .form-input input {
  background: transparent;
  border: none;
  border-bottom: none;
  border-radius: 0;
  height: 30px;
  line-height: 30px;
  width: 100%;
  padding: 0;
  font-size: 18px;
  color: #000000;
  outline: none;
  box-shadow: none;
}

.form-section .form-input label {
  font-size: 12px;
  font-family: "Inter";
  color: #000000;
  width: 100%;
  margin-bottom: 0;
}

.form-section .controls {
  position: relative;
}

.form-section h1 {
  text-transform: none;
}

.form-section button {
  min-width: auto;
}

.form-section fieldset {
  margin: 5px 0;
  position: relative;
}

.form-section .sub-text {
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 15px;
}

.form-section a {
  color: #A7AFBE;
}

.form-section .button {
  text-align: center;
  position: relative;
  display: inline-block;
  font-weight: 700;
  padding: 10px 40px;
  text-decoration: none;
  /*min-width: 26.25rem;*/
  border-radius: 7px;
  transition: all .4s;
  border: none;
  font-family: "Inter";
  font-size: 11px;
  text-transform: uppercase;
  background: #8ad46c;
  width: 100%;
}

.form-section .button.enter-btn {
  background: #f0f2f4;
  color: #A7AFBE;
  margin: 10px 0 0 0;
}

.form-section .button.enter-btn span {
  color: #6C7993;
}

.form-reg-code input {
  background: #f0f1f4;
  border: 1px solid #000000;
  border-radius: 6px;
  padding: 5px;
}

.form-reg-code .mobile-reg-popup__input {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.form-controls {
  margin: 10px 0;
}

.form-response {
  color: #fac13f;
  text-align: center;
}

:disabled {
  opacity: 0.8;
  pointer-events: none;
  cursor: not-allowed;
}

.button[disabled], .disabled {
  pointer-events: none;
  opacity: .7;
  cursor: not-allowed;
}

input[type=checkbox] {
  display: none;
}

label.checkbox a {
  text-decoration: underline;
  color: #000000;
}

label.checkbox a:hover {
  text-decoration: none;
}

input[type="checkbox"] + label {
  min-height: 45px;
  z-index: 2;
  font-weight: normal;
  padding-left: 30px;
  font-size: 11px;
  line-height: 13px;
  color: #000000;
  display: block;
  position: relative;
  cursor: pointer;
  margin: 0;
  padding-top: 10px;
  text-align: left;
}

input[type="checkbox"] + label:before {
  display: block;
  width: 18px;
  height: 18px;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #f0f1f4;
  border: 1px solid #000000;
  border-radius: 4px;
}

input[type="checkbox"]:checked + label:before {
  border: 1px solid #000000;
}

input[type="checkbox"] + label:after {
  display: none;
}

input[type="checkbox"]:checked + label:after {
  display: block;
  content: "";
  background: url("../img/check-active-img.svg") center center no-repeat;
  top: 50%;
  left: 4px;
  background-size: 100% 100%;
  transform: translateY(-50%);
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 2px;
}

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

.group-rules-link {
  text-align: center;
  color: #6B0B15;
  text-decoration: underline;
}

.group-rules-link:hover {
  text-decoration: none;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #ffffff;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #EA0029;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #EA0029;
}

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

.form-error {
  padding: 0;
  color: #cb2a2a;
  text-align: center;
  line-height: 16px;
  margin-bottom: 15px;
}

.form-error a {
  color: #cb2a2a;
}

.group-rules {
  padding: 10px 0 0 0;
  margin-bottom: -10px;
}

.group-captcha {
  margin: 0 0 10px 0;
  text-align: center;
}

.group-captcha .group-default .img {
  display: block;
}

.group-captcha .group-alt .img {
  display: flex;
  align-items: center;
}

.group-captcha .img {
  text-align: center;
  height: 78PX;
}

.group-captcha .img > div {
  display: inline-block;
  position: absolute;
  transform: scale(0.7) translateX(-72%);
}

@media (min-width: 768px) and (max-width: 1140px) {
  .group-captcha .img > div {
    transform: scale(0.5) translateX(-100%);
  }
}

/*@media (min-width: 768px) and (max-width: 1366px) {
  .group-captcha .img {
    > div {
      transform: scale(0.7) translateX(-72%);
    }
  }
}*/
.form-control:focus {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff;
  outline: 0;
  box-shadow: none;
}

.group-alt .controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.registration-form fieldset .group-alt input {
  text-align: center !important;
}

.group-captcha .group-alt .img {
  padding: 0 5px 0 0;
}

.group-captcha .group-alt .img img {
  height: 30px;
}

/*
	styles for Tablet and Desktops
 -------------------------------------------------------------------- */
/*
	styles for Desktop and Large Desktops
 -------------------------------------------------------------------- */
/*
	styles for Large Desktops
 -------------------------------------------------------------------- */
/*
	styles for Desktop
 -------------------------------------------------------------------- */
/*
	styles for Desktop and Small
 -------------------------------------------------------------------- */
/*
	styles for Tablet and Phones
 -------------------------------------------------------------------- */
/*
	styles for Tablet
 -------------------------------------------------------------------- */
/*
	styles for Phone
 -------------------------------------------------------------------- */
@media (max-width: 767px) {
  .group-captcha {
    margin: 0;
  }
  .group-captcha .group-alt .img img {
    height: 16PX;
  }
  .form-section h1 {
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 22px;
  }
  .form-section fieldset {
    margin-bottom: 0;
  }
  .form-section fieldset.check-field {
    margin: 0;
  }
}

.hidden {
  display: none !important;
}

img {
  vertical-align: middle;
  display: block;
  max-width: 100%;
  height: auto;
}

.img--cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*
	styles for Tablet and Desktops
 -------------------------------------------------------------------- */
/*
	styles for Desktop and Large Desktops
 -------------------------------------------------------------------- */
/*
	styles for Large Desktops
 -------------------------------------------------------------------- */
/*
	styles for Desktop
 -------------------------------------------------------------------- */
/*
	styles for Desktop and Small
 -------------------------------------------------------------------- */
/*
	styles for Tablet and Phones
 -------------------------------------------------------------------- */
/*
	styles for Tablet
 -------------------------------------------------------------------- */
/*
	styles for Phone
 -------------------------------------------------------------------- */
.float-panel {
  position: fixed;
  bottom: 16px;
  left: 50%;
  transform: translate(-50%, 0);
  opacity: 0;
  max-width: 1264px;
  width: 100%;
  background: #fff;
  z-index: 10;
  padding: 16px 16px 16px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  border-radius: 24px;
  transition: opacity 500ms cubic-bezier(0.8, 0, 0, 1), transform 500ms cubic-bezier(0.8, 0, 0, 1);
}

.float-panel.visible {
  opacity: 1;
  transform: translate(-50%, 0);
}

.panel-info {
  display: flex;
  align-items: center;
}

.float-logo {
  background: url(../img/logo-red.svg) center center no-repeat;
  width: 213px;
  height: 40px;
  background-size: cover;
  margin: 0 20px 0 0;
}

.panel-info .text {
  font-size: 16px;
  font-family: "Inter";
  font-weight: 600;
}

.float-panel .btn {
  height: 40px;
  min-width: 268px;
  font-size: 16px;
}

.float-panel .btn:before {
  right: -15px;
  height: 40px;
  width: 16px;
}

.float-panel .btn:after {
  content: "";
  left: -15px;
  height: 40px;
  width: 16px;
}

.float-panel .btn .back-panel {
  height: 40px;
  width: 100%;
}

.float-panel .btn:hover .back-panel {
  width: 96%;
}

@media (max-width: 1440px) and (min-width: 961px) {
  .float-panel {
    max-width: 912px;
  }
}

@media (max-width: 960px) and (min-width: 641px) {
  .float-panel {
    max-width: 616px;
  }
  .float-panel .panel-info .text {
    display: none;
  }
}

@media (max-width: 640px) {
  .float-panel {
    padding: 0 1px 16px 1px;
    box-shadow: none;
    justify-content: center;
    border-radius: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 55.51%);
  }
  .float-panel .controls {
    width: 100%;
    padding: 0 16px;
    max-width: 375px;
  }
  .float-panel .controls .btn {
    width: 100%;
  }
  .panel-info {
    display: none;
  }
}

.section.screen--main .anim-text-elem,
.section.screen--main .sub-text,
.section.screen--main .controls,
.section.screen--main .devices {
  opacity: 0;
  transform: translateY(64px);
  transition: opacity 0.8s cubic-bezier(0.8, 0, 0, 1), transform 0.8s cubic-bezier(0.8, 0, 0, 1);
}

/* Описательный текст и кнопка — сдвиг 40px */
.section.screen--main .sub-text,
.section.screen--main .controls {
  transform: translateY(40px);
}

/* Устройства — сдвиг 120px */
.section.screen--main .devices {
  transform: translateY(120px);
}

/* Активное состояние — запуск анимации */
.section.screen--main.animate .anim-text-elem {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0ms;
}

.section.screen--main.animate .sub-text {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 50ms;
}

.section.screen--main.animate .controls {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 100ms;
}

.section.screen--main.animate .devices {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 150ms;
}

/* 2 секция */
.section.screen--features .anim-text-elem,
.section.screen--features .swiper-slide,
.section.screen--features .controls {
  opacity: 0;
  transform: translateY(48px);
  transition: opacity 0.8s cubic-bezier(0.8, 0, 0, 1), transform 0.8s cubic-bezier(0.8, 0, 0, 1);
}

/* Заголовок немного ниже */
.section.screen--features .anim-text-elem {
  transform: translateY(48px);
}

/* Прогрессия смещения */
.section.screen--features .swiper-slide:nth-child(1) {
  transform: translateY(32px);
}

.section.screen--features .swiper-slide:nth-child(2) {
  transform: translateY(64px);
}

.section.screen--features .swiper-slide:nth-child(3) {
  transform: translateY(96px);
}

.section.screen--features .swiper-slide:nth-child(4) {
  transform: translateY(128px);
}

/* Кнопки ниже карточек */
.section.screen--features .controls {
  transform: translateY(64px);
}

/* При активации */
.section.screen--features.animate .anim-text-elem {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0ms;
}

.section.screen--features.animate .swiper-slide {
  opacity: 1;
  transform: translateY(0);
}

.section.screen--features.animate .swiper-slide:nth-child(1) {
  transition-delay: 0.5s;
}

.section.screen--features.animate .swiper-slide:nth-child(2) {
  transition-delay: 0.55s;
}

.section.screen--features.animate .swiper-slide:nth-child(3) {
  transition-delay: 0.60s;
}

.section.screen--features.animate .swiper-slide:nth-child(4) {
  transition-delay: 0.65s;
}

.section.screen--features.animate .controls {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 600ms;
}

/* 3 секция */
.section.screen--best {
  position: relative;
  overflow: hidden;
}

.section.screen--best .best-title .anim-text-elem,
.section.screen--best .best-title .best-logo,
.section.screen--best .best-title .sub-text,
.section.screen--best .best-title::before,
.section.screen--best .best-list {
  opacity: 0;
  transform: translateY(64px);
  transition: opacity 0.8s cubic-bezier(0.8, 0, 0, 1), transform 0.8s cubic-bezier(0.8, 0, 0, 1);
}

.section.screen--best .best-title .best-logo,
.section.screen--best .best-title .sub-text {
  transform: translateY(40px);
}

.section.screen--best .best-list {
  transform: translateY(120px);
}

.section.screen--best.animate .best-title .anim-text-elem,
.section.screen--best.animate .best-title .best-logo,
.section.screen--best.animate .best-title .sub-text,
.section.screen--best.animate .best-list {
  opacity: 1;
  transform: translateY(0);
}

.section.screen--best.animate .best-title::before {
  opacity: 1;
  transform: translateY(-120px);
}

.section.screen--best.animate .best-title .best-logo {
  transition-delay: 0.1s;
}

.section.screen--best.animate .best-title .anim-text-elem {
  transition-delay: 0.2s;
}

.section.screen--best.animate .best-title .sub-text {
  transition-delay: 0.3s;
}

.section.screen--best.animate .best-title::before {
  transition-delay: 0.05s;
}

.section.screen--best.animate .best-list {
  transition-delay: 0.5s;
}

.section.screen--best .best-item {
  opacity: 0;
  transform: translateY(120px);
  transition: opacity 0.8s cubic-bezier(0.8, 0, 0, 1), transform 0.8s cubic-bezier(0.8, 0, 0, 1);
}

.section.screen--best.animate .best-item {
  opacity: 1;
  transform: translateY(0);
}

.section.screen--best.animate .best-item:nth-child(1) {
  transition-delay: 0.50s;
}

.section.screen--best.animate .best-item:nth-child(2) {
  transition-delay: 0.50s;
}

.section.screen--best.animate .best-item:nth-child(3) {
  transition-delay: 0.50s;
}

.section.screen--best.animate .best-item:nth-child(4) {
  transition-delay: 0.50s;
}

.section.screen--best.animate .best-item:nth-child(5) {
  transition-delay: 0.50s;
}

.section.screen--best.animate .best-item:nth-child(6) {
  transition-delay: 0.50s;
}

/* 4 секция */
.section.screen--versions .anim-text-elem,
.section.screen--versions .version-item {
  opacity: 0;
  transform: translateY(120px);
  transition: opacity 0.8s cubic-bezier(0.8, 0, 0, 1), transform 0.8s cubic-bezier(0.8, 0, 0, 1);
}

.section.screen--versions.animate .anim-text-elem {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.1s;
}

.section.screen--versions.animate .version-item.old {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.5s;
}

.section.screen--versions.animate .version-item.new {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.5s;
}

/* 5 секция */
.section.screen--faq .faq-col-item:nth-child(2),
.section.screen--faq .anim-text-elem {
  opacity: 0;
  transform: translateY(64px);
  transition: opacity 0.8s cubic-bezier(0.8, 0, 0, 1), transform 0.8s cubic-bezier(0.8, 0, 0, 1);
}

.section.screen--faq.animate .faq-col-item:nth-child(2),
.section.screen--faq.animate .anim-text-elem {
  opacity: 1;
  transform: translateY(0);
}

/*.section.screen--faq.animate .faq-col-item:nth-child(1) { transition-delay: 0.5s; }*/
/*.section.screen--faq.animate .faq-col-item:nth-child(2) { transition-delay: 0.55s; }*/
/*слайды*/
@keyframes fadeBackground {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

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

:host {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}

.swiper {
  display: block;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}

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

.swiper-wrapper {
  box-sizing: initial;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  width: 100%;
  z-index: 1;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translateZ(0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

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

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

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

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

.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

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

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

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

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

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  height: var(--swiper-centered-offset-after);
  min-width: 1px;
  width: 100%;
}

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

.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, #00000080, #0000);
}

.swiper-lazy-preloader {
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top: 4px solid #0000;
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50%;
  width: 42px;
  z-index: 10;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s linear infinite;
}

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

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

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
  height: var(--swiper-virtual-size);
  width: 1px;
}

:root {
  --swiper-navigation-size: 44px
;
}

.swiper-button-next, .swiper-button-prev {
  align-items: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer;
  display: flex;
  height: var(--swiper-navigation-size);
  justify-content: center;
  position: absolute;
  width: var(--swiper-navigation-size);
  z-index: 10;
}

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

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

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg, .swiper-button-prev svg {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform-origin: center;
  width: 100%;
  fill: currentColor;
  pointer-events: none;
}

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

.swiper-button-next, .swiper-button-prev {
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  top: var(--swiper-navigation-top-offset, 50%);
}

.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}

.swiper-button-prev .swiper-navigation-icon {
  transform: rotate(180deg);
}

.swiper-button-next {
  left: auto;
  right: var(--swiper-navigation-sides-offset, 4px);
}

.swiper-horizontal .swiper-button-next, .swiper-horizontal .swiper-button-prev, .swiper-horizontal ~ .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev {
  margin-left: 0;
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  top: var(--swiper-navigation-top-offset, 50%);
}

.swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal .swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}

.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev, .swiper-horizontal ~ .swiper-button-next, .swiper-horizontal .swiper-button-next {
  left: auto;
  right: var(--swiper-navigation-sides-offset, 4px);
}

.swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-next .swiper-navigation-icon, .swiper-horizontal ~ .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal .swiper-button-prev .swiper-navigation-icon {
  transform: rotate(180deg);
}

.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev .swiper-navigation-icon {
  transform: rotate(0deg);
}

.swiper-vertical .swiper-button-next, .swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-next, .swiper-vertical ~ .swiper-button-prev {
  left: var(--swiper-navigation-top-offset, 50%);
  margin-left: calc(0px - var(--swiper-navigation-size) / 2);
  margin-top: 0;
  right: auto;
}

.swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev {
  bottom: auto;
  top: var(--swiper-navigation-sides-offset, 4px);
}

.swiper-vertical .swiper-button-prev .swiper-navigation-icon, .swiper-vertical ~ .swiper-button-prev .swiper-navigation-icon {
  transform: rotate(-90deg);
}

.swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next {
  bottom: var(--swiper-navigation-sides-offset, 4px);
  top: auto;
}

.swiper-vertical .swiper-button-next .swiper-navigation-icon, .swiper-vertical ~ .swiper-button-next .swiper-navigation-icon {
  transform: rotate(90deg);
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translateZ(0);
  transition: opacity .3s;
  z-index: 10;
}

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

.swiper-pagination.swiper-pagination-disabled, .swiper-pagination-disabled > .swiper-pagination {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  left: 0;
  top: var(--swiper-pagination-top, auto);
  width: 100%;
}

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

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

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

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

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

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

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

.swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  display: inline-block;
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
}

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

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

.swiper-pagination-bullet:only-child {
  display: none !important;
}

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

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  left: var(--swiper-pagination-left, auto);
  right: var(--swiper-pagination-right, 8px);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
}

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

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: transform .2s, top .2s;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

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

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, left .2s;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, #00000040);
  position: absolute;
}

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

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

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

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

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

.swiper-scrollbar {
  background: var(--swiper-scrollbar-bg-color, #0000001a);
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
}

.swiper-scrollbar.swiper-scrollbar-disabled, .swiper-scrollbar-disabled > .swiper-scrollbar {
  display: none !important;
}

.swiper-scrollbar.swiper-scrollbar-horizontal, .swiper-horizontal > .swiper-scrollbar {
  bottom: var(--swiper-scrollbar-bottom, 4px);
  height: var(--swiper-scrollbar-size, 4px);
  left: var(--swiper-scrollbar-sides-offset, 1%);
  position: absolute;
  top: var(--swiper-scrollbar-top, auto);
  width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
  z-index: 50;
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
  left: var(--swiper-scrollbar-left, auto);
  position: absolute;
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  width: var(--swiper-scrollbar-size, 4px);
  z-index: 50;
}

.swiper-scrollbar-drag {
  background: var(--swiper-scrollbar-drag-bg-color, #00000080);
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
}

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

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

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

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

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

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

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

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-direction: column;
  flex-wrap: wrap;
}

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

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

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

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

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

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

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

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

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

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

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

.swiper-cube .swiper-cube-shadow {
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: .6;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  background: #000;
  bottom: 0;
  content: "";
  filter: blur(50px);
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

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

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

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

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

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

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

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

.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transform-origin: center bottom;
}

html,
body {
  height: 100%;
}

html {
  font-size: calc(100vw * 16 / 1920 + 0PX);
  scroll-behavior: smooth;
}

body {
  /*min-width: $layout-min-width;*/
  min-width: 375px;
  font-family: "Roboto Flex";
}

.container {
  width: 100%;
  z-index: 2;
  padding: 0 16px;
  position: relative;
}

.content {
  position: relative;
  overflow: hidden;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
	styles for Large Desktops
 -------------------------------------------------------------------- */
@media (min-width: 1200px) {
  .container {
    max-width: 1296px;
  }
}

/*
	styles for Desktop
 -------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1199px) {
  .container {
    max-width: 1296px;
  }
}

/*
	styles for Tablet and Desktops
 -------------------------------------------------------------------- */
/*
	styles for Tablet and Phone
 -------------------------------------------------------------------- */
/*
	styles for Tablet
 -------------------------------------------------------------------- */
@media (max-width: 1440px) and (min-width: 961px) {
  .container {
    max-width: 960px;
    padding: 0 24px;
  }
}

@media (max-width: 960px) and (min-width: 641px) {
  .container {
    max-width: 640px;
    padding: 0 12px;
  }
}

/*
	styles for Phone
 -------------------------------------------------------------------- */
@media (max-width: 640px) {
  /* html {
		 font-size: calc(100vw * 16 / 375 + 0PX);
	 }*/
  .container {
    max-width: 375px;
    padding: 0 16px;
  }
}

.visible-popup .popup-window {
  display: block;
}

.popup-window {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
}

.popup-window .overlay-window {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.popup-window .popup-container {
  position: absolute;
  z-index: 100;
  background: #3c1c1c;
  border: 0.0625rem solid rgba(255, 255, 255, 0.18);
  color: #fff;
  width: 600px;
  left: 50%;
  top: 30%;
  transform: translate(-50%, -50%);
  padding: 60px 20px 40px;
  border-radius: 24px;
  font-size: 24px;
  text-align: center;
}

.popup-window .popup-container .close-ico {
  width: 20px;
  height: 20px;
  display: block;
  background: url(../img/close-ico.svg) 50% no-repeat;
  background-size: contain;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  border: none;
  outline: none;
  z-index: 10;
  min-width: auto !important;
}

@media (max-width: 767px) {
  .rules-popup {
    width: 90% !important;
  }
  .rules-popup .rules-block-scroll {
    height: 300px !important;
  }
}

header {
  position: absolute;
  width: 100%;
  z-index: 50;
  padding: 24px 0;
  transform: translateY(-30px);
  opacity: 0;
  transition: transform 600ms ease, opacity 600ms ease;
}

header.visible {
  transform: translateY(0);
  opacity: 1;
}

.header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.logo {
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 256px;
  height: 48px;
  background-image: url("../img/logo.svg");
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  position: absolute;
}

.header-controls {
  display: flex;
  align-items: center;
}

.header-controls a {
  color: #fff;
  text-decoration: none;
  font-family: "Inter";
}

.lang {
  color: #fff;
  position: relative;
  min-width: 74px;
}

.lang-type {
  height: 44px;
  background: rgba(255, 255, 255, 0.32);
  padding: 0 12px;
  border-radius: 10px;
  cursor: pointer;
  line-height: 44px;
  font-size: 16px;
  font-weight: 600;
  -webkit-backdrop-filter: blur(24px);
          backdrop-filter: blur(24px);
}

.lang-type:hover {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 100%), rgba(255, 255, 255, 0.32);
}

.lang-type:active {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%), rgba(255, 255, 255, 0.32);
}

.lang-type span {
  display: inline-block;
  padding-left: 30px;
  background: url("../img/lang-ico.svg") 0 center no-repeat;
  background-size: 20px 20px;
}

.opened .lang-type {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%), rgba(255, 255, 255, 0.32);
}

.lang-list {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 0;
  top: 44px;
  transition: all 300ms;
  background: #fff;
  padding: 8px;
  border-radius: 12px;
  z-index: 2;
}

.lang-list .title {
  display: none;
}

.lang-list ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 224px;
}

.lang-list ul li a {
  color: #000000;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 12px center;
  padding-left: 44px;
  line-height: 40px;
  display: block;
  border-radius: 8px;
  position: relative;
  font-size: 14px;
  font-weight: 600;
}

.lang-list ul li a.ru {
  background-image: url("../img/flag-ru.png");
}

.lang-list ul li a.kz {
  background-image: url("../img/flag-kz.png");
}

.lang-list ul li a:hover {
  background-color: #F5F5F5;
}

.lang-list ul li a:hover:before {
  display: none;
}

.lang-list ul li a:focus {
  background-color: #ebebeb;
}

.lang-list ul li a:before {
  content: "";
  display: none;
  background: url("../img/check-ico.svg") center center no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -8px;
}

.lang-list ul li a.active {
  background-color: #F5F5F5;
  /*&:hover{
            cursor: default;
            pointer-events: none;
          }*/
}

.lang-list ul li a.active:before {
  display: block;
}

.lang-list ul li a.active:hover {
  background-color: #ebebeb;
}

.opened .lang-list {
  top: 56px;
  opacity: 1;
  visibility: visible;
}

/*
	styles for Tablet and Desktops
 -------------------------------------------------------------------- */
/*
	styles for Desktop and Large Desktops
 -------------------------------------------------------------------- */
/*
	styles for Large Desktops
 -------------------------------------------------------------------- */
/*
	styles for Desktop
 -------------------------------------------------------------------- */
/*
	styles for Desktop and Small
 -------------------------------------------------------------------- */
/*
	styles for Tablet and Phones
 -------------------------------------------------------------------- */
/*
	styles for Tablet
 -------------------------------------------------------------------- */
/*
	styles for Phone
 -------------------------------------------------------------------- */
@media (max-width: 960px) and (min-width: 641px) {
  .logo {
    left: 0;
    transform: translateX(0);
    width: 171px;
    height: 32px;
  }
  .lang-type {
    height: 32px;
    padding: 0 8px;
    border-radius: 8px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 600;
  }
}

@media (max-width: 640px) {
  .logo {
    width: 171px;
    height: 32px;
    left: 0;
    transform: translateX(0);
  }
  .lang-type {
    height: 32px;
    padding: 0 8px;
    border-radius: 8px;
    line-height: 32px;
    font-size: 14px;
  }
  .lang {
    min-width: 64px;
  }
  .lang-list {
    position: fixed;
    right: 0;
    bottom: -100%;
    top: auto;
    transition: bottom 300ms;
    padding: 16px;
    border-radius: 12px 12px 0 0;
    width: 100%;
  }
  .lang-list .title {
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
    font-variation-settings: "wdth" 141, "wght" 1000;
    color: #000000;
    margin-bottom: 10px;
    padding: 16px 0 0 0;
    position: relative;
  }
  .lang-list .title:before {
    content: "";
    display: block;
    width: 64px;
    height: 4px;
    background: #E6E6E6;
    border-radius: 2px;
    left: 50%;
    top: -8px;
    transform: translateX(-50%);
    position: absolute;
  }
  .lang-list ul {
    width: 100%;
  }
  .opened .lang-list {
    top: auto;
    bottom: 0;
  }
  .lang-overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.32);
    opacity: 0;
    visibility: hidden;
  }
  .opened .lang-overlay {
    opacity: 1;
    visibility: visible;
  }
  .opened {
    overflow: hidden;
  }
  .opened header.visible {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
  }
}

footer {
  padding: 80px 0 24px 0;
  background: url("../img/bg-lines.png") 0 0 repeat-x #EA0029;
  text-align: center;
  color: #ffffff;
  position: relative;
  z-index: 11;
}

footer .title {
  text-transform: uppercase;
  font-variation-settings: "wdth" 141, "wght" 1000;
  font-size: 60px;
  line-height: 60px;
  margin-bottom: 30px;
  display: inline-flex;
  align-items: center;
  position: relative;
  left: 30px;
  text-align: left;
  min-width: 760px;
}

footer .title .slider-text {
  overflow: hidden;
  height: 75px;
  position: relative;
  width: 100%;
  margin-left: 20px;
}

footer .info {
  font-size: 16px;
  font-family: "Inter";
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 30px;
}

footer .controls {
  margin-bottom: 100px;
}

.footer-logo {
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: all 400ms;
  width: 214px;
  height: 40px;
  background-image: url("../img/logo.svg");
  margin-bottom: 12px;
}

footer .title .word {
  position: absolute;
  left: 0;
  top: 8px;
  opacity: 0;
  transform: translateY(100%);
}

footer .title .word.active {
  opacity: 1;
  transform: translateY(0);
  transition: transform 600ms linear(0 0%, 0.008416 1%, 0.03146 2%, 0.066103 3%, 0.10968 4%, 0.159861 5%, 0.214631 6%, 0.272267 7%, 0.33131 8%, 0.390543 9%, 0.448966 10%, 0.505776 11%, 0.560338 12%, 0.612172 13%, 0.660928 14%, 0.706369 15%, 0.748356 16%, 0.786832 17%, 0.821806 18%, 0.853342 19%, 0.881551 20%, 0.906576 21%, 0.928587 22%, 0.947771 23%, 0.964329 24%, 0.978466 25%, 0.990391 26%, 1.000311 27%, 1.008428 28%, 1.014936 29%, 1.020022 30%, 1.023859 31%, 1.026612 32%, 1.028432 33%, 1.02946 34%, 1.029821 35%, 1.029631 36%, 1.028993 37%, 1.027998 38%, 1.026727 39%, 1.025251 40%, 1.023632 41%, 1.021921 42%, 1.020163 43%, 1.018396 44%, 1.016649 45%, 1.014947 46%, 1.013311 47%, 1.011754 48%, 1.010288 49%, 1.00892 50%, 1.007655 51%, 1.006494 52%, 1.005438 53%, 1.004485 54%, 1.003632 55%, 1.002874 56%, 1.002207 57%, 1.001624 58%, 1.001121 59%, 1.000691 60%, 1.000327 61%, 1.000024 62%), opacity 600ms ease;
}

footer .title .word.leave {
  transform: translateY(-100%);
  opacity: 0;
  transition: transform 600ms linear(0 0%, 0.008416 1%, 0.03146 2%, 0.066103 3%, 0.10968 4%, 0.159861 5%, 0.214631 6%, 0.272267 7%, 0.33131 8%, 0.390543 9%, 0.448966 10%, 0.505776 11%, 0.560338 12%, 0.612172 13%, 0.660928 14%), opacity 600ms ease;
}

[lang="kk"] .footer .title {
  min-width: 950px;
}

/*
	styles for Tablet and Desktops
 -------------------------------------------------------------------- */
/*
	styles for Desktop and Large Desktops
 -------------------------------------------------------------------- */
/*
	styles for Large Desktops
 -------------------------------------------------------------------- */
/*
	styles for Desktop
 -------------------------------------------------------------------- */
/*
	styles for Desktop and Small
 -------------------------------------------------------------------- */
/*
	styles for Tablet and Phones
 -------------------------------------------------------------------- */
/*
	styles for Tablet
 -------------------------------------------------------------------- */
@media (max-width: 960px) and (min-width: 641px) {
  footer {
    padding: 80px 0 24px 0;
  }
  footer .title {
    font-variation-settings: "wdth" 141, "wght" 1000;
    font-size: 44px;
    line-height: 44px;
    margin-bottom: 20px;
    height: 75px;
    left: 30px;
    min-width: 580px;
  }
  footer .title .word {
    left: 0;
    top: 15px;
  }
  footer .info {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 30px;
    padding: 0 100px;
  }
  footer .controls {
    margin-bottom: 110px;
  }
  .footer-logo {
    width: 170px;
    height: 32px;
    margin-bottom: 0;
  }
}

/*
	styles for Phone
 -------------------------------------------------------------------- */
@media (max-width: 640px) {
  footer .title {
    font-size: 44px;
    line-height: 44px;
    margin-bottom: 30px;
    left: 0;
    min-width: 338px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  footer .title .slider-text {
    margin: 0;
    height: 50px;
  }
  footer .info {
    font-size: 14px;
    line-height: 18px;
  }
  footer .controls {
    margin-bottom: 100px;
  }
  .footer-logo {
    width: 170px;
    height: 32px;
    margin-bottom: 5px;
  }
  footer .title .word {
    left: 0;
    top: 0px;
    position: absolute;
    width: 100%;
  }
  footer .title .word.active {
    transform: translateY(5px);
  }
  [lang="kk"] .footer .title {
    min-width: 100%;
    font-size: 36px;
    line-height: 36px;
  }
}

.screen--main {
  position: relative;
  height: 1060px;
  margin-bottom: 240px;
  padding-top: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: url("../img/bg-lines.png") 0 0 repeat-x #EA0029;
}

.screen--main .sub-text {
  color: #fff;
}

.screen--main .controls {
  text-align: center;
}

.screen--main .container {
  height: inherit;
  position: relative;
}

.device-area {
  /*overflow: hidden;*/
  height: inherit;
  width: 100%;
  position: relative;
}

.device-area:before {
  position: absolute;
  width: 689px;
  height: 150px;
  background: #ffffff;
  content: "";
  bottom: 0;
  z-index: 10;
  display: none;
}

.screen--main .container:before, .screen--main .container:after {
  position: absolute;
  width: 462px;
  height: 150px;
  background: #ffffff;
  content: "";
  bottom: 0;
  display: block;
  z-index: 10;
}

.screen--main .container:after {
  right: 22px;
}

.sub-text {
  text-align: center;
  font-size: 16px;
  font-family: "Inter";
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 30px;
}

.devices {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.devices.desk {
  bottom: 46px;
  left: -3px;
}

.devices.mob {
  z-index: 2;
  display: none;
}

.desk-device {
  background: url("../img/pic1.png") center center no-repeat;
  width: 1264px;
  height: 483px;
  background-size: cover;
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.desk-device::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/pic1-old.png") center center/cover no-repeat;
  opacity: 0;
  animation: fadeBackground 5s cubic-bezier(0.8, 0, 0, 1) infinite;
}

.mob-device {
  background: url("../img/pic2.png") center center no-repeat;
  width: 320px;
  height: 652px;
  background-size: cover;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  bottom: -60px;
}

.mob-device::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/pic2-old.png") center center/cover no-repeat;
  opacity: 0;
  animation: fadeBackground 5s cubic-bezier(0.8, 0, 0, 1) infinite;
}

.devices.mob {
  display: none;
}

#lottie-desk {
  max-width: 2200px;
  width: 100%;
  height: auto;
  transform: scale(1.08);
}

@media (max-width: 1440px) and (min-width: 961px) {
  .screen--main {
    height: 880px;
    margin-bottom: 140px;
  }
  .desk-device {
    width: 880px;
    height: 336px;
    transform: translateX(-53%);
  }
  .mob-device {
    width: 230px;
    height: 470px;
    transform: translateX(-50%);
  }
  .devices.desk {
    bottom: 71px;
  }
  .screen--main .container:before {
    position: absolute;
    width: 353px;
    height: 150px;
    background: #ffffff;
    content: "";
    bottom: 0;
    display: block;
    z-index: 10;
    left: 0;
  }
  .screen--main .container:after {
    right: 0;
    position: absolute;
    width: 359px;
    height: 150px;
    background: #ffffff;
    content: "";
    bottom: 0;
    display: block;
    z-index: 10;
  }
  [lang="kk"] .screen--main .h1 {
    font-size: 54px;
  }
}

@media (max-width: 960px) and (min-width: 641px) {
  .screen--main {
    height: 820px;
    padding-top: 120px;
    margin-bottom: 150px;
  }
  .sub-text {
    font-size: 14px;
  }
  .desk-device {
    width: 880px;
    height: 336px;
    transform: translateX(-52%);
  }
  .mob-device {
    width: 250px;
    height: 509px;
    transform: translateX(-50%);
  }
  .devices.desk {
    bottom: 166px;
    width: 940px;
    height: 359px;
    left: 50%;
    margin-left: -470px;
  }
  .screen--main .container:before {
    position: absolute;
    width: 353px;
    height: 150px;
    background: #ffffff;
    content: "";
    bottom: -30px;
    display: block;
    z-index: 10;
    left: -154px;
  }
  .screen--main .container:after {
    right: -160px;
    position: absolute;
    width: 359px;
    height: 150px;
    background: #ffffff;
    content: "";
    bottom: -30px;
    display: block;
    z-index: 10;
  }
  [lang="kk"] .screen--main .h1 {
    font-size: 38px;
  }
}

/*@media (max-width: 640px) and (min-width: 375px)*/
@media (max-width: 640px) {
  .screen--main {
    padding: 104px 0 0 0;
    height: 840px;
    margin-bottom: 140px;
  }
  .sub-text {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 24px;
  }
  .desk-device {
    visibility: hidden;
  }
  .mob-device {
    width: 295px;
    height: 602px;
    bottom: -80px;
  }
  .devices.desk {
    display: none;
  }
  .devices.mob {
    display: block;
  }
  #lottie-mob {
    max-width: 285px;
    width: 100%;
    height: auto;
    position: absolute;
    bottom: -80px;
    left: 50%;
    margin-left: -142px;
  }
  .screen--main .container:before, .screen--main .container:after {
    display: none;
  }
}

@media (max-width: 374px) {
  .container {
    transform: scale(0.95);
  }
}

.screen--features {
  padding-bottom: 120px;
}

.screen--features .controls {
  text-align: center;
  display: flex;
  gap: 8px;
  justify-content: center;
}

.screen--features .controls mark {
  color: #EA0029;
  background: none;
  margin-left: 2px;
}

.screen--features .h2 {
  display: flex;
  justify-content: center;
}

.swiper-container {
  overflow: hidden;
  margin-bottom: 64px;
}

.swiper-slide {
  width: 25%;
  padding: 0 6px;
}

.swiper-slide:last-child .info {
  padding: 0;
}

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

[lang="kk"] .swiper-slide-content {
  min-height: 425px;
}

.swiper-slide-content {
  padding: 24px;
  background: #F5F5F5;
  border-radius: 24px;
  height: 100%;
  /*min-height: 406px;*/
}

.swiper-slide-content img {
  width: 150px;
  height: auto;
  margin: 0 auto 20px auto;
}

.swiper-slide-content .title {
  text-transform: uppercase;
  font-size: 20px;
  line-height: 24px;
  font-variation-settings: "wght" 1000;
  margin-bottom: 12px;
}

.swiper-slide-content .info {
  min-height: 24px;
  padding: 4px 8px;
  background: #CCFF26;
  margin-bottom: 20px;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Inter";
  display: inline-block;
}

.swiper-slide-content p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: "Inter";
  color: #333333;
  margin: 0;
}

[lang="ru"] .screen--features .controls .btn-red {
  min-width: 366px;
}

@media (max-width: 1440px) and (min-width: 961px) {
  .swiper-slide {
    width: 50% !important;
    margin-bottom: 12px;
  }
  .swiper-wrapper {
    flex-wrap: wrap;
  }
  .screen--features .h2 {
    display: block;
  }
  .screen--features .h2 .anim-text-wrapper {
    display: inline-block;
  }
  .swiper-slide-content {
    min-height: 362px;
  }
  .swiper-slide-content .title br {
    display: none;
  }
  [lang="kk"] .swiper-slide-content {
    min-height: 382px;
  }
}

@media (max-width: 960px) and (min-width: 641px) {
  .screen--features {
    padding-bottom: 70px;
  }
  .swiper-container {
    margin-bottom: 50px;
  }
  .swiper-slide {
    width: 50% !important;
    margin-bottom: 12px;
  }
  .swiper-wrapper {
    flex-wrap: wrap;
  }
  .screen--features .h2 {
    display: block;
  }
  .screen--features .h2 .anim-text-wrapper {
    display: inline-block;
  }
  .swiper-slide-content {
    min-height: 406px;
  }
  .swiper-slide-content .title br {
    display: none;
  }
  .swiper-slide-content img {
    margin: 0 auto 42px auto;
  }
  .screen--features .controls {
    max-width: 320px;
    margin: 0 auto;
    flex-wrap: wrap;
  }
  [lang="ru"] .screen--features .controls .btn-red {
    min-width: 320px;
  }
  [lang="kk"] .swiper-slide-content {
    min-height: 420px;
    padding-top: 10px;
  }
  [lang="kk"] .swiper-slide-content img {
    margin-bottom: 30px;
  }
  .swiper-pagination {
    display: none;
  }
}

@media (max-width: 640px) {
  .screen--features {
    padding-bottom: 72px;
  }
  .screen--features .controls {
    gap: 12px;
    flex-wrap: wrap;
  }
  .screen--features .h2 {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .swiper-container {
    overflow: visible;
    position: relative;
    margin-bottom: 94px;
  }
  .swiper-slide {
    width: 315px;
  }
  .swiper-pagination {
    bottom: -30px !important;
  }
  .swiper-pagination-bullet {
    background: rgba(0, 0, 0, 0.3) !important;
    width: 6px;
    height: 6px;
    opacity: 1;
  }
  .swiper-pagination-bullet-active {
    background: #000000 !important;
  }
  [lang="ru"] .screen--features .controls .btn-red {
    min-width: 260px;
  }
}

.screen--best {
  padding: 120px 0;
}

.best-logo {
  background: url("../img/logo-red.svg") center center no-repeat;
  width: 213px;
  height: 40px;
  background-size: cover;
  margin: 0 auto 12px auto;
}

.best-title {
  position: relative;
}

.best-title:before {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -376px;
  transform: translateY(-120px);
  background: url("../img/ribbon.svg") center center no-repeat;
  background-size: cover;
  display: block;
  width: 752px;
  height: 342px;
  z-index: -1;
  opacity: 0;
}

.best-title .h1 {
  color: #EA0029;
}

.best-title .sub-text {
  margin-bottom: 120px;
}

.best-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.best-item {
  /*flex: 1 1 calc(50% - 6px);*/
  width: calc(50% - 6px);
  background: #F5F5F5;
  border-radius: 32px;
  padding: 40px;
}

.best-item img {
  max-width: 402px;
  margin: 30px auto 70px;
  width: 100%;
}

.best-item .info {
  min-height: 26px;
  padding: 4px 8px;
  background: #CCFF26;
  margin-bottom: 16px;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Inter";
  display: inline-block;
}

.best-item .title {
  text-transform: uppercase;
  font-size: 34px;
  line-height: 40px;
  font-variation-settings: "wght" 1000;
  margin-bottom: 24px;
}

.best-item .desc {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  font-family: "Inter";
  color: #333333;
}

@media (max-width: 1440px) and (min-width: 961px) {
  .best-item {
    border-radius: 24px;
    padding: 24px;
  }
  .best-item img {
    max-width: 320px;
    margin: 15px auto 35px;
  }
  .best-item .info {
    margin-bottom: 12px;
  }
  .best-item .title {
    font-size: 24px;
    line-height: 28px;
    font-variation-settings: "wght" 1000;
    margin-bottom: 16px;
  }
  .best-item .desc {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-width: 960px) and (min-width: 641px) {
  .screen--best {
    padding: 70px 0;
  }
  .best-title:before {
    margin-left: -260px;
    transform: translateY(-114px);
    width: 512px;
    height: 233px;
  }
  .section.screen--best.animate .best-title::before {
    opacity: 1;
    transform: translateY(-75px);
  }
  .best-title .sub-text {
    margin-bottom: 90px;
  }
  .best-item {
    border-radius: 24px;
    padding: 23px;
  }
  .best-item img {
    margin: 10px auto 40px;
  }
  .best-item .info {
    margin-bottom: 10px;
  }
  .best-item .title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
  }
  .best-item .desc {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-width: 640px) {
  .screen--best {
    padding: 30px 0 64px 0;
  }
  .best-logo {
    margin-bottom: 0;
  }
  .best-title:before {
    transform: translateY(-120px);
    width: 540px;
    height: 246px;
    margin-left: -270px;
  }
  .best-title .h1 {
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 7px;
  }
  .best-title .sub-text {
    margin-bottom: 105px;
  }
  .best-item {
    /*flex: 1 1 calc(100%);*/
    border-radius: 24px;
    padding: 24px;
    width: 100%;
  }
  .best-item img {
    max-width: 270px;
    margin: 0 auto 43px;
  }
  .best-item .info {
    margin-bottom: 10px;
  }
  .best-item .title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .best-item .desc {
    font-size: 14px;
    line-height: 20px;
  }
  [lang="kk"] .best-title .h1 {
    font-size: 52px;
    line-height: 52px;
  }
  .section.screen--best.animate .best-title::before {
    opacity: 1;
    transform: translateY(-20px);
  }
}

.screen--versions {
  padding-bottom: 120px;
}

.version-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.version-item {
  flex: 1 1 calc(50% - 6px);
  border-radius: 32px;
  padding: 64px 40px 40px 40px;
  position: relative;
}

.version-item.old {
  background: #F5F5F5;
}

.version-item.old .title {
  color: #000000;
}

.version-item.old .list .list-item {
  color: #000000;
  background: #ffffff;
}

.version-item.old .list .list-item:before {
  background-image: url("../img/black-cross.svg");
}

.version-item.new {
  background: #EA0029;
}

.version-item.new:before {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  display: block;
  background: url("../img/circle-logo.png") center center no-repeat;
  width: 160px;
  height: 160px;
  background-size: cover;
}

.version-item.new .title {
  color: #ffffff;
}

.version-item.new .list .list-item {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.2);
}

.version-item.new .list .list-item:before {
  background-image: url("../img/white-check.svg");
}

.version-item .title {
  font-variation-settings: "wdth" 141, "wght" 1000;
  font-size: 34px;
  line-height: 40px;
  margin-bottom: 64px;
  text-transform: uppercase;
}

.version-item .list {
  margin-bottom: 56px;
}

.version-item .list .list-item {
  margin-bottom: 8px;
  padding: 18px 16px;
  line-height: 20px;
  font-size: 16px;
  font-family: "Inter";
  font-weight: 600;
  border-radius: 12px;
  position: relative;
}

.version-item .list .list-item:before {
  position: absolute;
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.version-item .controls .btn {
  width: 100%;
}

.version-item .controls .btn .back-panel {
  background-image: url("../img/white-button-bg-long.png");
}

.version-item .controls .btn:hover .back-panel {
  width: 100%;
}

.version-item .controls .btn:focus .back-panel {
  background-image: url("../img/white-button-bg-long-active.png");
}

@media (max-width: 960px) and (min-width: 641px) {
  .screen--versions {
    padding-bottom: 60px;
  }
  .version-list {
    flex-direction: column;
  }
  .version-item {
    padding: 40px 24px 24px 24px;
  }
  .version-item:first-child .list {
    margin-bottom: 0;
  }
  .version-item.new {
    background: #EA0029;
  }
  .version-item.new:before {
    width: 100px;
    height: 100px;
  }
  .version-item .title {
    font-size: 22px;
    line-height: normal;
    margin-bottom: 40px;
  }
  .version-item .title br {
    display: none;
  }
  .version-item .list {
    margin-bottom: 56px;
  }
  .version-item .list .list-item {
    margin-bottom: 8px;
    padding: 18px 16px;
    line-height: 18px;
    font-size: 14px;
    border-radius: 12px;
  }
  .version-item .list .list-item:before {
    width: 20px;
    height: 20px;
  }
  .version-item .controls .btn {
    width: 100%;
  }
  .version-item .controls .btn .back-panel {
    background-image: url("../img/white-button-bg-long.png");
  }
  .version-item .controls .btn:hover .back-panel {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .screen--versions {
    padding-bottom: 64px;
  }
  .screen--versions .h2 .anim-text-wrapper:first-child .anim-text-elem {
    line-height: 28px;
    padding-bottom: 0;
    margin-bottom: -3px;
  }
  .version-item {
    flex: 1 1 calc(100%);
    border-radius: 24px;
    padding: 40px 16px 16px 16px;
  }
  .version-item.new:before {
    width: 100px;
    height: 100px;
  }
  .version-item .title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 40px;
  }
  .version-item .list {
    margin-bottom: 40px;
  }
  .version-item .list .list-item {
    padding: 18px 16px;
    line-height: 20px;
    font-size: 14px;
  }
  .version-item .controls {
    padding: 0;
  }
  .old .list {
    margin-bottom: 0;
  }
}

.screen--faq {
  padding-bottom: 120px;
}

.faq-cols {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.faq-col-item {
  flex: 1 1 calc(50% - 6px);
  border-radius: 32px;
  position: relative;
}

.faq-col-item .title {
  font-variation-settings: "wdth" 141, "wght" 1000;
  font-size: 44px;
  line-height: 38px;
  margin-bottom: 64px;
  text-transform: uppercase;
}

.faq-acc-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 24px 0;
  cursor: pointer;
}

.faq-acc-item:hover .faq-acc-header {
  color: #EA0029;
}

.faq-acc-item:hover .faq-acc-header:before {
  background-image: url("../img/plus-red-ico.svg");
}

.faq-acc-item .faq-acc-header {
  padding: 0 25px 0 0;
  text-transform: uppercase;
  position: relative;
  font-variation-settings: "wght" 1000;
  font-size: 20px;
  line-height: 24px;
  transition: color 300ms;
}

.faq-acc-item .faq-acc-header:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  display: block;
  background-image: url("../img/plus-ico.svg");
  background-repeat: no-repeat;
  background-size: cover;
  right: 0;
  top: 0;
  transition: all 300ms;
}

.faq-acc-item .faq-acc-body {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  font-family: "Inter";
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease, opacity 300ms;
  opacity: 0;
}

.faq-acc-item .faq-acc-body p {
  padding: 20px 0 0 0;
  margin: 0;
}

.faq-acc-item:last-child {
  border: none;
}

.faq-acc-item.active .faq-acc-header:before {
  transform: rotate(45deg);
}

.faq-acc-item.active .faq-acc-body {
  max-height: 1000px;
  opacity: 1;
}

@media (max-width: 1440px) and (min-width: 961px) {
  .faq-cols {
    flex-direction: column;
  }
  .faq-cols .title {
    display: flex;
    gap: 15px;
    margin-bottom: 40px;
  }
}

@media (max-width: 960px) and (min-width: 641px) {
  .faq-cols {
    flex-direction: column;
  }
  .faq-col-item .title {
    font-size: 34px;
    line-height: 38px;
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    font-variation-settings: "wdth" 80, "wght" 1000;
    justify-content: center;
  }
  .faq-acc-item .faq-acc-header {
    padding: 0 25px 0 0;
    font-size: 16px;
    line-height: 24px;
  }
  .faq-acc-item .faq-acc-body {
    font-size: 14px;
    line-height: 20px;
  }
  .faq-acc-item .faq-acc-body p {
    padding: 20px 0 0 0;
    margin: 0;
  }
}

@media (max-width: 640px) {
  .screen--faq {
    padding-bottom: 64px;
  }
  .faq-col-item {
    flex: 1 1 calc(100%);
    border-radius: 32px;
  }
  .faq-col-item .title {
    font-variation-settings: "wdth" 141, "wght" 1000;
    font-size: 28px;
    line-height: 20px;
    margin-bottom: 30px;
    text-align: center;
  }
  .faq-acc-item .faq-acc-header {
    padding: 0 25px 0 0;
    font-size: 16px;
    line-height: 20px;
  }
  .faq-acc-item .faq-acc-body {
    font-size: 14px;
    line-height: 20px;
  }
}

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  transform: translate(0, -25%);
  transition: transform .4s ease-out;
}

.modal.in .modal-dialog {
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: 100%;
  height: 100%;
}

.modal-content {
  position: relative;
  background: white;
  background-clip: padding-box;
  outline: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: black;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.in {
  opacity: .5;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}

.rules-popup {
  display: none;
  max-width: 2000px;
  width: 1200px;
  position: fixed;
  top: 50%;
  background: #8D150A;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 20px;
  padding: 40px 20px 20px;
  z-index: 100;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: #ffffff;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}

.rules-popup .close-btn {
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(../img/close-ico.svg) 0 0 no-repeat;
  background-size: cover;
  right: 16px;
  top: 16px;
  cursor: pointer;
}

.rules-popup a {
  color: #ffffff;
}

.rules-popup .title {
  font-size: 20px;
  margin-bottom: 20px;
}

.rules-popup .rules-block-scroll {
  overflow-x: hidden;
  overflow-y: auto;
  height: 600px;
  padding: 0 40px 0 0;
}

.rules-popup ol {
  list-style-type: decimal;
  padding-left: 30px;
}

.rules-popup ol li {
  margin-bottom: 5px;
}

.rules-popup ::-webkit-scrollbar {
  width: 10px;
}

.rules-popup ::-webkit-scrollbar-track {
  background: #000000;
}

.rules-popup ::-webkit-scrollbar-thumb {
  background: #580104;
}

.rules-popup ::-webkit-scrollbar-thumb:hover {
  background: #580104;
}

.modal-open .modal {
  overflow: hidden;
}

.thanks {
  display: none;
  text-align: center;
  margin: 0 0 20px 0;
  font-size: 20px;
}

.send-modal .modal-dialog {
  margin: 10% auto;
  max-width: 600px;
}

.send-modal .modal-content {
  background: #000000;
  border: 0.0625rem solid rgba(255, 255, 255, 0.18);
  color: #ffffff;
  border-radius: 7px;
}

.send-modal .modal-header {
  border-bottom: none;
}

.send-modal .modal-header .close-ico {
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(../img/close-ico.svg) 0 0 no-repeat;
  background-size: 100% 100%;
  right: 16px;
  top: 16px;
  cursor: pointer;
  border: none;
}

.send-modal .modal-body {
  padding: 50px 20px 20px;
}

.thanks-text {
  text-align: center;
  margin: 0 0 20px 0;
  font-size: 22px;
  line-height: 24px;
  color: #ffffff;
}

.visible-popup .overlay,
.visible-popup .rules-popup {
  display: block;
}

.visible-reg-popup .overlay {
  display: block;
}

.visible-popup {
  overflow: hidden;
}

/*
	styles for Tablet and Desktops
 -------------------------------------------------------------------- */
/*
	styles for Desktop and Large Desktops
 -------------------------------------------------------------------- */
/*
	styles for Large Desktops
 -------------------------------------------------------------------- */
/*
	styles for Desktop
 -------------------------------------------------------------------- */
/*
	styles for Desktop and Small
 -------------------------------------------------------------------- */
/*
	styles for Tablet and Phones
 -------------------------------------------------------------------- */
/*
	styles for Tablet
 -------------------------------------------------------------------- */
/*
	styles for Phone
 -------------------------------------------------------------------- */
@media (max-width: 767px) {
  .rules-popup {
    width: auto;
  }
}