@charset "UTF-8";
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
       ========================================================================== */
/**
     * 1. Change the default font family in all browsers (opinionated).
     * 2. Correct the line height in all browsers.
     * 3. Prevent adjustments of font size after orientation changes in
     *    IE on Windows Phone and in iOS.
     */
html {
    font-family: sans-serif;
    /* 1 */
    line-height: 1.15;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 3 */
    -webkit-text-size-adjust: 100%;
    /* 3 */
}

/* Sections
       ========================================================================== */
/**
     * Remove the margin in all browsers (opinionated).
     */
body {
    margin: 0;
}

/**
     * Add the correct display in IE 9-.
     */
article,
aside,
footer,
header,
nav,
section {
    display: block;
}

/**
     * Correct the font size and margin on `h1` elements within `section` and
     * `article` contexts in Chrome, Firefox, and Safari.
     */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
figcaption,
figure {
    display: block;
}

/**
     * Add the correct margin in IE 8.
     */
figure {
    margin: 1em 40px;
}

/**
     * 1. Add the correct box sizing in Firefox.
     * 2. Show the overflow in Edge and IE.
     */
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
     * Add the correct display in IE.
     */
main {
    display: block;
}

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

iframe {
    border: none;
}

/* Links
       ========================================================================== */
/**
     * 1. Remove the gray background on active links in IE 10.
     * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
     */
a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
}

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

/* Text-level semantics
       ========================================================================== */
/**
     * 1. Remove the bottom border in Firefox 39-.
     * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
     */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
     * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
     */
b,
strong {
    font-weight: inherit;
}

/**
     * Add the correct font weight in Chrome, Edge, and Safari.
     */
b,
strong {
    font-weight: bolder;
}

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
     * Add the correct font style in Android 4.3-.
     */
dfn {
    font-style: italic;
}

/**
     * Add the correct background and color in IE 9-.
     */
mark {
    background-color: #ff0;
    color: #000;
}

/**
     * Add the correct font size in all browsers.
     */
small {
    font-size: 80%;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
audio,
video {
    display: inline-block;
}

/**
     * Add the correct display in iOS 4-7.
     */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
     * Remove the border on images inside links in IE 10-.
     */
img {
    border-style: none;
}

/**
     * Hide the overflow in IE.
     */
svg:not(:root) {
    overflow: hidden;
}

/* Forms
       ========================================================================== */
/**
     * 1. Change the font styles in all browsers (opinionated).
     * 2. Remove the margin in Firefox and Safari.
     */
button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
     * Show the overflow in IE.
     */
button {
    overflow: visible;
}

/**
     * Remove the inheritance of text transform in Edge, Firefox, and IE.
     * 1. Remove the inheritance of text transform in Firefox.
     */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
     * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
     *    controls in Android 4.
     * 2. Correct the inability to style clickable types in iOS and Safari.
     */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    /**
       * Remove the inner border and padding in Firefox.
       */
    /**
       * Restore the focus styles unset by the previous rule.
       */
}

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

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
     * Show the overflow in Edge.
     */
input {
    overflow: visible;
}

/**
     * 1. Add the correct box sizing in IE 10-.
     * 2. Remove the padding in IE 10-.
     */
[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
     * Correct the cursor style of increment and decrement buttons in Chrome.
     */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
     * 1. Correct the odd appearance in Chrome and Safari.
     * 2. Correct the outline style in Safari.
     */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
    /**
       * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
       */
}

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

/**
     * 1. Correct the inability to style clickable types in iOS and Safari.
     * 2. Change font properties to `inherit` in Safari.
     */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/**
     * Change the border, margin, and padding in all browsers (opinionated).
     */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
     * 1. Correct the text wrapping in Edge and IE.
     * 2. Correct the color inheritance from `fieldset` elements in IE.
     * 3. Remove the padding so developers are not caught out when they zero out
     *    `fieldset` elements in all browsers.
     */
legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    color: inherit;
    /* 2 */
    white-space: normal;
    /* 1 */
}

/**
     * 1. Add the correct display in IE 9-.
     * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
     */
progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
     * Remove the default vertical scrollbar in IE.
     */
textarea {
    overflow: auto;
}

/* Interactive
       ========================================================================== */
/*
     * Add the correct display in Edge, IE, and Firefox.
     */
details {
    display: block;
}

/*
     * Add the correct display in all browsers.
     */
summary {
    display: list-item;
}

/*
     * Add the correct display in IE 9-.
     */
menu {
    display: block;
}

/* Scripting
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
canvas {
    display: inline-block;
}

/**
     * Add the correct display in IE.
     */
template {
    display: none;
}

/* Hidden
       ========================================================================== */
/**
     * Add the correct display in IE 10-.
     */
[hidden] {
    display: none;
}

/*@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/montserrat/montserrat-regular/Montserrat-Regular.eot");
    src: url("../fonts/montserrat/montserrat-regular/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/montserrat-regular/Montserrat-Regular.woff") format("woff"), url("../fonts/montserrat/montserrat-regular/Montserrat-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/montserrat/montserrat-medium/Montserrat-Medium.eot");
    src: url("../fonts/montserrat/montserrat-medium/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/montserrat-medium/Montserrat-Medium.woff") format("woff"), url("../fonts/montserrat/montserrat-medium/Montserrat-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/montserrat/montserrat-semibold/Montserrat-SemiBold.eot");
    src: url("../fonts/montserrat/montserrat-semibold/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/montserrat-semibold/Montserrat-SemiBold.woff") format("woff"), url("../fonts/montserrat/montserrat-semibold/Montserrat-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}*/

@font-face {
    font-family: 'Bebas Neue';
    src: url("../fonts/bebas_neue/bebas_neue-bold/BebasNeueBold.eot");
    src: url("../fonts/bebas_neue/bebas_neue-bold/BebasNeueBold.eot?#iefix") format("embedded-opentype"), url("../fonts/bebas_neue/bebas_neue-bold/BebasNeueBold.woff") format("woff"), url("../fonts/bebas_neue/bebas_neue-bold/BebasNeueBold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url("../fonts/bebas_neue/bebas_neue-regular/BebasNeueRegular.eot");
    src: url("../fonts/bebas_neue/bebas_neue-regular/BebasNeueRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/bebas_neue/bebas_neue-regular/BebasNeueRegular.woff") format("woff"), url("../fonts/bebas_neue/bebas_neue-regular/BebasNeueRegular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Rubl';
    src: url("../fonts/alsrubl/alsrubl.eot");
    src: url("../fonts/alsrubl/alsrubl.eot?#iefix") format("embedded-opentype"), url("../fonts/alsrubl/alsrubl.woff") format("woff"), url("../fonts/alsrubl/alsrubl.ttf") format("truetype");
    font-style: normal;
}


@font-face {
    font-family: 'alb-icons';
    src: url('../fonts/alb-icons/alb-icons.eot?iaytza');
    src: url('../fonts/alb-icons/alb-icons.eot?iaytza#iefix') format('embedded-opentype'),
    url('../fonts/alb-icons/alb-icons.ttf?iaytza') format('truetype'),
    url('../fonts/alb-icons/alb-icons.woff?iaytza') format('woff'),
    url('../fonts/alb-icons/alb-icons.svg?iaytza#alb-icons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="alb__icon-"], [class*=" alb__icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'alb-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.alb__icon-bonus:before {
    content: "\e900";
}

.alb__icon-bonus-circle:before {
    content: "\e901";
}


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

.centered {
    display: table;
    width: 100%;
    height: 100%;
}

.centered > * {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

body {
    background: #fff;
    color: #333;
    font-family: "Montserrat", Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", Helvetica, sans-serif;
    font-weight: 600;
    line-height: 1.2;
    color: #333;
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 44px;
    line-height: 1.27;
}

@media (max-width: 1023px) {
    h1 {
        font-size: 33px;
        line-height: 1.1;
    }
}

@media (max-width: 767px) {
    h1 {
        font-size: 30px;
        line-height: 1.2;
    }
}

h2 {
    font-size: 24px;
    line-height: 1.2;
}

h3 {
    font-size: 22px;
    line-height: 1;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
    line-height: 1;
}

h6 {
    font-size: 14px;
}

p {
    padding: 0;
    margin: 0;
}

hr {
    overflow: hidden;
    height: 1px;
    background: #969393;
    border: 0;
    margin: 30px 0;
}

q,
blockquote {
    text-align: center;
    display: block;
}

strong,
b {
    font-weight: 700;
}

a {
    color: #f44336;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;
}

a:focus {
    color: #f44336;
}

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

a.button {
    text-decoration: none;
}

a.button:hover {
    text-decoration: none;
}

[class*="icon-"] {
    display: inline-block;
    /*  vertical-align: top; */
}

img[style*="float: left"],
img[style*="float:left"],
img[align="left"] {
    margin: 0 20px 5px 0;
}

img[style*="float: right"],
img[style*="float:right"],
img[align="right"] {
    margin: 0 0 5px 20px;
}

.default-list li {
    position: relative;
    padding-left: 10px;
}

.default-list li:before {
    position: absolute;
    content: '';
    left: 0;
    top: 10px;
    width: 3px;
    height: 3px;
    background: #939393;
    border-radius: 50%;
}

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

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

li {
    list-style-type: none;
}

ul.list-bulleted li {
  position: relative;
  padding-left: 1em;
  margin-bottom: 1em;
}

ul.list-bulleted li:last-of-type {
  margin-bottom: 0;
}

ul.list-bulleted li:before {
  content: '';
  position: absolute;
  top: .45em;
  left: 0;
  width: .25em;
  height: .25em;
  background-color: #f2453d;
  border-radius: 50%;
}

ul.list-icons .list-icons__item {
  display: flex;
  margin-bottom: 2.5em;
}

ul.list-icons .list-icons__item-image {
  flex: 0 0 54px;
  margin-right: 8px;
  text-align: center;
}

ul.list-icons .list-icons__item-image img {
  display: inline-block;
}

ul.list-icons .list-icons__item-text p {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  ul.list-icons .list-icons__item-image {
    flex: 0 0 60px;
    margin-right: 13px;
  }
}

.static-content a {
    color: #f44336;
    line-height: 1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;
    border-bottom: 1px solid #f44336;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
    display: inline-block;
    letter-spacing: .5px;
}

@media (max-width: 767px) {
    .static-content a {
        font-size: 15px;
        margin-bottom: 0px;
    }
}

.static-content a:hover {
    border-bottom-color: transparent;
}

.static-content h5 {
    letter-spacing: .4px;
    margin-bottom: 35px;
}

@media (max-width: 767px) {
    .static-content h5 {
        margin-bottom: 36px;
        font-size: 15px;
    }
}

.static-content h6 {
    margin-bottom: 30px;
    letter-spacing: .7px;
    line-height: 2.2;
}

.static-content p {
    line-height: 2.2;
    margin-bottom: 30px;
    letter-spacing: .7px;
}

.static-content .time {
    padding-top: 7px;
    padding-bottom: 23px;
}

.static-content .time span {
    display: block;
    letter-spacing: .7px;
    padding-bottom: 14px;
}

.static-content ol {
    margin-bottom: 15px;
}

.static-content ol li {
    line-height: 2.2;
    font-size: 16px;
}

.static-content ul {
    margin-bottom: 15px;
}

.static-content ul li {
    position: relative;
    padding-left: 19px;
}

.static-content ul li:before {
    position: absolute;
    content: '';
    left: 0;
    top: 8px;
    width: 5px;
    height: 5px;
    background: #f44336;
    border-radius: 50%;
}

.static-content table {
    margin-bottom: 25px;
    width: 100%;
    border-spacing: 0px;
}

.static-content table thead {
    background-color: #fff;
}

.static-content table thead th {
    padding: 20px;
    color: #939393;
    font-family: "Montserrat", Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.54;
    font-weight: 500;
    border-bottom: 1px solid #e2e2e2;
}

.static-content table thead th:first-child {
    text-align: left;
    padding-left: 0;
}

.static-content table tbody td {
    padding: 32px 5px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #e2e2e2;
}

.static-content table tbody td:first-child {
    text-align: left;
    padding-left: 0;
}


ol li {
    display: block;
    position: relative;
}

.upper {
    text-transform: uppercase;
}

.dropp-wrapp {
    width: 252px;
    max-height: 30em;
    overflow-y: auto;
    border: 1px solid #dcdcdc;
    padding: 7px 0;
    position: absolute;
    background-color: #fff;
    z-index: 2;
    top: 38px;
    right: -2px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
}

@media (max-width: 1023px) {
    .dropp-wrapp {
        border: none;
        position: static;
        opacity: 1;
        visibility: visible;
        width: 320px;
        padding: 0;
        margin: 0 auto;
    }
}

.dropp-select {
    position: relative;
    display: inline-block;
}

@media (max-width: 1023px) {
    .dropp-select {
        display: block;
        padding-bottom: 20px;
    }
}

.dropp-select.active .dropp-btn:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 0px;
}

.dropp-select.active .dropp-wrapp {
    opacity: 1;
    visibility: visible;
}

.dropp-item--sub .checkbox--reverse > span {
    padding-left: 40px;
    color: #939393;
}

.dropp-item--line {
    padding: 14px 20px 14px 22px;
}

.dropp-item--line:after {
    content: " ";
    display: block;
    clear: both;
}

@media (max-width: 1023px) {
    .dropp-item--line {
        padding: 14px 12px 14px 10px;
    }
}

.dropp-item--category.active {
    background-color: #f8f8f8;
}

.dropp-item__name {
    display: block;
    float: left;
    font-size: 15px;
}

.dropp-item__text {
    display: block;
    float: right;
    font-size: 15px;
    color: #f44336;
}

.dropp-item__list {
    display: none;
}

.dropp-item__list .checkbox--reverse > span {
    padding-left: 40px;
    color: #333333;
}

.dropp-item__toggle {
    letter-spacing: -.36em;
    padding-right: 20px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

@media (max-width: 1023px) {
    .dropp-item__toggle {
        padding-right: 10px;
    }
}

.dropp-item__toggle:hover {
    background-color: #f8f8f8;
}

@media (max-width: 1023px) {
    .dropp-item__toggle:hover {
        background-color: transparent;
    }
}

.dropp-item__toggle-text {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    width: calc(100% - 24px);
    padding: 14px 0px 14px 22px;
    position: relative;
    font-size: 15px;
    cursor: pointer;
}

@media (max-width: 1023px) {
    .dropp-item__toggle-text {
        padding-left: 10px;
    }
}

.dropp-item__toggle-text:before {
    position: absolute;
    content: '';
    width: 9px;
    height: 9px;
    border-left: 2px solid #b4b4b4;
    border-bottom: 2px solid #b4b4b4;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 14px;
    top: 16px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

@media (max-width: 1023px) {
    .dropp-item__toggle-text:before {
        right: 23px;
    }
}

.dropp-item__toggle-text.active:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 21px;
}

.dropp-item__toggle .checkbox--reverse {
    display: inline-block;
    letter-spacing: normal;
    width: 24px;
    margin-top: 11px;
}

.dropp-item__toggle .checkbox--reverse > span {
    padding: 12px 12px;
}

.dropp-item__toggle .checkbox--reverse input[type="checkbox"]:not(:checked) + span::before,
.dropp-item__toggle .checkbox--reverse input[type="radio"]:not(:checked) + span::before {
    top: 0px;
    left: auto;
    right: 0;
    width: 24px;
    height: 24px;
    background-color: #f8f8f8;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
}

.dropp-item__toggle .checkbox--reverse input[type="checkbox"]:not(:checked) + span::after,
.dropp-item__toggle .checkbox--reverse input[type="rasio"]:not(:checked) + span::after {
    opacity: 0;
}

.dropp-item__toggle .checkbox--reverse input[type="checkbox"]:checked + span::before,
.dropp-item__toggle .checkbox--reverse input[type="radio"]:checked + span::before {
    top: 0px;
    left: auto;
    right: 0;
    width: 24px;
    height: 24px;
    background-color: #fade55;
    border: 2px solid #fade55;
    border-radius: 3px;
}

.dropp-item__toggle .checkbox--reverse input[type="checkbox"]:checked + span::after,
.dropp-item__toggle .checkbox--reverse input[type="radio"]:checked + span::after {
    top: 7px;
    left: auto;
    right: 6px;
    width: 11px;
    height: 7px;
    border-left: 2px solid #f44336;
    border-bottom: 2px solid #f44336;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 1;
}

.dropp-btn {
    padding-right: 21px;
    position: relative;
    cursor: pointer;
    letter-spacing: .4px;
}

@media (max-width: 1023px) {
    .dropp-btn {
        background-color: #f8f8f8;
        display: block;
        color: #939393;
        padding: 20px 10px;
        text-align: center;
    }
}

@media (max-width: 479px) {
    .dropp-btn {
        text-align: left;
    }
}

.dropp-btn:before {
    position: absolute;
    content: '';
    border: 5px solid transparent;
    border-top: 5px solid #f44336;
    right: 0;
    top: 5px;
}

@media (max-width: 1023px) {
    .dropp-btn:before {
        display: none;
    }
}

/*!
 * fullPage 3.0.0
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.section.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    /* Safari<=5 Android<=3 */
    /* <=28 */
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.section.fp-section.fp-section-apps {
    background-image: url("/img/landing/apps-big.png");
}
.section.fp-section.fp-section-apps .fp-section-apps__buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 500px;
    gap: 20px;
}
.section.fp-section.fp-section-apps .fp-section-apps__buttons .fp-section-apps__button img {
}
@media (max-width: 600px) {
    .section.fp-section.fp-section-apps {
        /*background-position: center right -90px;*/

        background-image: url("/img/landing/apps-small.png");
        background-position: right 15% top 0px;
    }
    .section.fp-section.fp-section-apps .section-holder {
        vertical-align: top;
    }
    .section.fp-section.fp-section-apps .section-holder .main-screen {
        padding-top: 120px;
    }
    .section.fp-section.fp-section-apps .section-holder .main-screen .main-screen__desc {
        display: none;
    }
    .section.fp-section.fp-section-apps .fp-section-apps__buttons {
        padding-top: 450px;
    }
}


@media (max-width: 767px) {
    .fp-section:first-child {
        background-position: 70% 0;
    }
}

.fp-slide {
    float: left;
}

.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}

.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}

.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.fp-slidesContainer {
    float: left;
    position: relative;
}

.fp-controlArrow {
    -webkit-user-select: none;
    /* webkit (safari, chrome) browsers */
    -moz-user-select: none;
    /* mozilla browsers */
    -khtml-user-select: none;
    /* webkit (konqueror) browsers */
    -ms-user-select: none;
    /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}

.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
    overflow: hidden;
    position: relative;
}

.fp-scroller {
    overflow: hidden;
}

.iScrollIndicator {
    border: 0 !important;
}

.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}

#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
}

#fp-nav.fp-right {
    right: 17px;
}

#fp-nav.fp-left {
    left: 17px;
}

.fp-slidesNav {
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important;
}

.fp-slidesNav.fp-bottom {
    bottom: 17px;
}

.fp-slidesNav.fp-top {
    top: 17px;
}

#fp-nav ul,
.fp-slidesNav ul {
    margin: 0;
    padding: 0;
}

#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative;
}

.fp-slidesNav ul li {
    display: inline-block;
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}

#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}

#fp-nav ul li .fp-tooltip.fp-right {
    right: 20px;
}

#fp-nav ul li .fp-tooltip.fp-left {
    left: 20px;
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}

body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol';
    height: 100%;
    left: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .25s, visibility 0s linear .25s;
    transition: opacity .25s, visibility 0s linear .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    -webkit-transition: opacity .25s, visibility 0s;
    transition: opacity .25s, visibility 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    text-align: center;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translate3d(0, 0, 0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: opacity, -webkit-transform;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    height: 100%;
    margin-right: -.25em;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--next {
    z-index: 99995;
}

.fancybox-slide--image {
    overflow: visible;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px 6px 0 6px;
}

.fancybox-slide--iframe {
    padding: 44px 44px 0;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0 0 6px 0;
    max-width: 100%;
    overflow: auto;
    padding: 0;
    padding: 24px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    margin: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: opacity, -webkit-transform;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.fancybox-can-drag .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-dragging .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--html .fancybox-content {
    margin-bottom: 6px;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
    height: calc(100% - 44px);
    margin-bottom: 44px;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.fancybox-iframe {
    vertical-align: top;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */
.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    outline: none;
    padding: 10px;
    -webkit-transition: color .2s;
    transition: color .2s;
    vertical-align: top;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:focus,
.fancybox-button:hover {
    color: #fff;
}

.fancybox-button.disabled,
.fancybox-button.disabled:hover,
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
}

.fancybox-button svg {
    display: block;
    overflow: visible;
    position: relative;
    shape-rendering: geometricPrecision;
}

.fancybox-button svg path {
    fill: transparent;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3;
}

.fancybox-button--play svg path:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg path:nth-child(1) {
    display: none;
}

.fancybox-button--play svg path,
.fancybox-button--share svg path,
.fancybox-button--thumbs svg path {
    fill: currentColor;
}

.fancybox-button--share svg path {
    stroke-width: 1;
}

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
    height: 38px;
    opacity: 0;
    padding: 6px;
    position: absolute;
    top: 50%;
    width: 38px;
}

.fancybox-show-nav .fancybox-navigation .fancybox-button {
    -webkit-transition: opacity .25s, visibility 0s, color .25s;
    transition: opacity .25s, visibility 0s, color .25s;
}

.fancybox-navigation .fancybox-button::after {
    content: '';
    left: -25px;
    padding: 50px;
    position: absolute;
    top: -25px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 6px;
}

/* Close button on the top right corner of html content */
.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #555;
    cursor: pointer;
    height: 44px;
    margin: 0;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    z-index: 10;
}

.fancybox-close-small svg {
    fill: transparent;
    opacity: .8;
    stroke: currentColor;
    stroke-width: 1.5;
    -webkit-transition: stroke .1s;
    transition: stroke .1s;
}

.fancybox-close-small:focus {
    outline: none;
}

.fancybox-close-small:hover svg {
    opacity: 1;
}

.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--video .fancybox-close-small,
.fancybox-slide--iframe .fancybox-close-small {
    color: #ccc;
    padding: 5px;
    right: -12px;
    top: -44px;
}

.fancybox-slide--image .fancybox-close-small:hover svg,
.fancybox-slide--video .fancybox-close-small:hover svg,
.fancybox-slide--iframe .fancybox-close-small:hover svg {
    background: transparent;
    color: #fff;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none;
}

/* Caption */
.fancybox-caption {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px 25px 44px;
    right: 0;
}

.fancybox-caption::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
    background-repeat: repeat-x;
    background-size: contain;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -25px;
    z-index: -1;
}

.fancybox-caption::after {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    content: '';
    display: block;
    left: 44px;
    position: absolute;
    right: 44px;
    top: 0;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */
.fancybox-loading {
    -webkit-animation: fancybox-rotate .8s infinite linear;
    animation: fancybox-rotate .8s infinite linear;
    background: transparent;
    border: 6px solid rgba(100, 100, 100, 0.5);
    border-radius: 100%;
    border-top-color: #fff;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: .6;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 99999;
}

@-webkit-keyframes fancybox-rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fancybox-rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

/* Transition effects */
.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}

/* Share */
.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}

/* Thumbs */
.fancybox-thumbs {
    background: #fff;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs > ul {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x > ul {
    overflow: hidden;
}

.fancybox-thumbs-y > ul::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs > ul > li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, 0.1);
}

.fancybox-thumbs > ul > li {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.fancybox-thumbs > ul > li:before {
    border: 4px solid #4ea7f9;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 99991;
}

.fancybox-thumbs .fancybox-thumbs-active:before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs > ul > li {
        max-width: calc(100% - 10px);
    }
}

.jq-checkbox,
.jq-radio {
    position: relative;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.jq-checkbox input,
.jq-radio input {
    position: absolute;
    z-index: -1;
    margin: 0;
    padding: 0;
    opacity: 0;
}

.jq-file {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.jq-file input {
    position: absolute;
    top: 0;
    right: 0;
    height: auto;
    margin: 0;
    padding: 0;
    opacity: 0;
    font-size: 100px;
    line-height: 1em;
}

.jq-file__name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.jq-selectbox,
.jq-select-multiple {
    position: relative;
    display: inline-block;
}

.jq-selectbox select,
.jq-select-multiple select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
}

.jq-selectbox li,
.jq-select-multiple li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.jq-selectbox {
    z-index: 10;
}

.jq-selectbox__select {
    position: relative;
}

.jq-selectbox__select-text {
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.jq-selectbox__dropdown {
    position: absolute;
}

.jq-selectbox__search input {
    -webkit-appearance: textfield;
}

.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
    -webkit-appearance: none;
}

.jq-selectbox__dropdown ul {
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    list-style: none;
    -webkit-overflow-scrolling: touch;
}

.jq-select-multiple ul {
    position: relative;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.jq-number {
    display: inline-block;
}

.jq-number__field input {
    -moz-appearance: textfield;
    text-align: left;
    /* для Opera Presto */
}

.jq-number__field input::-webkit-inner-spin-button,
.jq-number__field input::-webkit-outer-spin-button {
    margin: 0;
    /* в каких-то браузерах присутствует отступ */
    -webkit-appearance: none;
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto;
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr;
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px;
    text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 16px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    border-radius: 7px;
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px;
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
    -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 5px;
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0;
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

/*!
 * jReject (jQuery Browser Rejection Plugin)
 * Version 1.1.x
 * URL: http://jreject.turnwheel.com/
 * Description: jReject is a easy method of rejecting specific browsers on your site
 * Author: Steven Bower (TurnWheel Designs) http://turnwheel.com/
 * Copyright: Copyright (c) 2009-2014 Steven Bower under dual MIT/GPL license.
 */
#jr_overlay {
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    z-index: 2147483646;
    position: absolute;
}

#jr_wrap {
    position: absolute;
    width: 100%;
    z-index: 2147483647;
    padding: 0;
    margin: 0;
}

#jr_inner {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    font-size: 12px;
    background: #FFF;
    border: 1px solid #CCC;
    color: #4F4F4F;
    margin: 0 auto;
    height: auto;
    padding: 20px;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

#jr_header {
    display: block;
    color: #333;
    padding: 5px;
    padding-bottom: 0;
    margin: 0;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 0.5em;
}

#jr_inner p {
    padding: 5px;
    line-height: 20px;
    font-size: 14px;
    margin: 0;
}

#jr_inner ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 15px 0;
}

#jr_inner ul:after {
    content: '';
    display: block;
    clear: both;
}

#jr_inner ul li {
    cursor: pointer;
    float: left;
    width: 120px;
    height: 122px;
    margin: 0 10px 10px 10px;
    padding: 0;
    text-align: center;
}

#jr_inner li a {
    color: #333;
    font-size: 0.8em;
    text-decoration: none;
    padding: 0;
    margin: 0;
}

#jr_inner li a:hover {
    text-decoration: underline;
}

#jr_inner .jr_icon {
    width: 100px;
    height: 100px;
    margin: 1px auto;
    padding: 0;
    background: transparent no-repeat center;
    background-size: 80px 80px;
    cursor: pointer;
}

#jr_close {
    clear: both;
    padding: 0;
    margin: 0;
}

#jr_close a {
    color: #000;
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
    text-decoration: underline;
}

#jr_close p {
    padding: 10px 0 0 0;
    margin: 0;
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before, .slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

html {
    height: 100%;
}

body {
    height: 100%;
    min-width: 320px;
}

body.active {
    overflow: hidden;
}

.wrapper {
    min-height: 100%;
    overflow: hidden;
}

.container {
    padding: 0 30px;
    max-width: 1170px;
    margin: 0 auto;
}

.container:after {
    content: " ";
    display: block;
    clear: both;
}

@media (max-width: 1023px) {
    .container {
        padding: 0 20px;
    }
}

@media (max-width: 767px) {
    .container {
        padding: 0 10px;
    }
}

.rubl {
    font-family: 'Rubl';
}

.tabs__content {
    display: none;
}

.tabs__content.active {
    display: block;
}

.like {
    font-size: 0;
    line-height: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.like:hover {
    opacity: 0.8;
}

.like.filled svg.filled {
    opacity: 1;
    z-index: 1;
}

.like-icon, .complaint-icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: normal;
    width: 20px;
    height: 24px;
    position: relative;
    margin-right: 4px;
    cursor: pointer;
    margin-top: -5px;
}

.like-icon svg, .complaint-icon svg {
    width: 100%;
    height: 100%;
    fill: #f44336;
    position: absolute;
    top: 0;
    left: 0;
}

.like-icon svg.filled {
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.like-txt, .complaint-txt {
    display: inline-block;
    vertical-align: middle;
    font-size: 25px;
    line-height: normal;
    cursor: pointer;
    font-family: "Bebas Neue", Helvetica, sans-serif;
}

.section {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.section-outer {
    position: relative;
    /*height: 100vh;*/
    z-index: 1;
}

.section-outer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-color: rgba(15, 15, 15, 0.5);
}

.section-wrap {
    display: table;
    width: 100%;
    height: 100vh;
}

.section-holder {
    display: table-cell;
    vertical-align: middle;
}

#fp-nav {
    margin-top: 0 !important;
    top: 0;
    bottom: 0;
    z-index: 1;
}

@media (max-width: 767px) {
    #fp-nav {
        top: auto;
        left: 0;
        bottom: 69px;
        height: 7px;
    }
}

#fp-nav.fp-right {
    right: 0;
}

#fp-nav ul {
    height: 100%;
    background-color: #333333;
    list-style-type: decimal;
    list-style-position: inside;
    counter-reset: item;
    display: flex;
    flex-direction: column;
}

@media (max-width: 767px) {
    #fp-nav ul {
        text-align: center;
        background-color: transparent;
    }
}

#fp-nav ul li {
    position: relative;
}

#fp-nav ul li:before {
    content: counters(item, "") "";
    counter-increment: item;
    position: absolute;
    bottom: -8px;
    right: 41px;
    color: rgba(255, 255, 255, 0.35);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .75px;
}

@media (max-width: 767px) {
    #fp-nav ul li:before {
        display: none;
    }
}

@media (max-width: 767px) {
    #fp-nav ul li a {
        border-radius: 50%;
    }
}

#fp-nav ul li {
    width: 6px;
    height: 20%;
    margin: 0;
}

@media (max-width: 767px) {
    #fp-nav ul li {
        margin-left: 15px;
        margin-right: 15px;
        height: 7px;
        width: 7px;
        display: inline-block;
        vertical-align: top;
    }
}

#fp-nav ul li.active-item::before {
    color: #fff;
}

#fp-nav ul li.active-item a span {
    background-color: #f44336;
}

#fp-nav ul li.active-item a span::before {
    border-bottom-color: #f44336;
}

#fp-nav ul li a span {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: auto;
    width: auto;
    margin: 0;
    border-radius: 0;
    background-color: #333333;
}

@media (max-width: 767px) {
    #fp-nav ul li a span {
        border-radius: 50%;
    }
}

#fp-nav ul li a span::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20px;
    border-bottom: 1px solid #fff;
    z-index: 2;
}

@media (max-width: 767px) {
    #fp-nav ul li a span::before {
        display: none;
    }
}

#fp-nav ul li a.active span {
    height: auto;
    margin: 0;
    border-radius: 0;
    background-color: #f44336;
}

#fp-nav ul li a.active span::before {
    border-bottom-color: #f44336;
    border-radius: 50%;
}

#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span {
    height: auto;
    width: auto;
    margin: 0;
    border-radius: 0;
}

@media (max-width: 767px) {
    #fp-nav ul li a.active span,
    #fp-nav ul li:hover a.active span {
        border-radius: 50%;
    }
}

#fp-nav ul li:hover a span {
    width: auto;
    height: auto;
    margin: 0;
}

button,
.btn {
    padding: 13.5px 10px;
    display: block;
    width: 100%;
    background-color: #f44336;
    color: #fff;
    font-family: "Montserrat", Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.2;
    border: none;
    border-radius: 6px;
    text-align: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    white-space: normal;
    cursor: pointer;
}
button:hover, button.active,
.btn:hover,
.btn.active {
    opacity: 0.8;
    color: #fff;
    background-color: #f44336;
}

button:focus,
.btn:focus {
    background-color: #f44336;
    color: #fff;
    outline: none;
}

button.disabled, button[disabled="disabled"], button[disabled],
.btn.disabled,
.btn[disabled="disabled"],
.btn[disabled] {
    background: #ccc;
    color: #aaa;
    cursor: not-allowed;
}

.btn--inline {
    display: inline-block;
    cursor: pointer;
    color: #f44336;
}
.btn--inline:hover {
    color: #000000;
}

button.close {
    width: auto;
}

.button--transparent,
.btn--transparent {
    background: transparent;
    border: 1px solid #f44336;
    color: #f44336;
}

.button--transparent:hover,
.btn--transparent:hover {
    opacity: 1;
}

.button--green,
.btn--green {
    background-color: #10a143;
    color: #fff;
}

.button--green:hover,
.btn--green:hover,
.button--green:focus,
.btn--green:focus
{
    background-color: #10a143;
}

.button--green-transparent,
.btn--green-transparent {
    background: transparent;
    color: #10a143;
    border: 1px solid green;
}

.button--border,
.btn--border {
    background-color: transparent;
    border: 1px solid #fff;
}

.button--border:hover,
.btn--border:hover {
    opacity: 1;
    background-color: transparent;
    border-color: #f44336;
    color: #f44336;
}

.button--registration,
.btn--registration {
    position: relative;
    padding: 13.5px 10px 13.5px 30px;
}

.button--registration::before, .button--registration::after,
.btn--registration::before,
.btn--registration::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 17px;
    background-color: #fff;
    width: 12px;
    height: 2px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.button--registration::after,
.btn--registration::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.button--social,
.btn--social {
    position: relative;
    /*padding: 13.5px 10px 13.5px 32px;*/
    font-weight: 500;
    height: 100%;
}

.button--social .btn-icon,
.btn--social .btn-icon {
    position: absolute;
    top: 12px;
}

button--social [class*="icon-"],
.btn--social [class*="icon-"] {
    width: 19px;
    height: 20px;
    fill: #fff;
}

button--fb,
.btn--fb {
    background-color: #3f5695;
}

button--fb .btn-icon,
.btn--fb .btn-icon {
    left: 26px;
}

button--fb .btn-icon [class*="icon-"],
.btn--fb .btn-icon [class*="icon-"] {
    width: 16px;
    height: 16px;
    fill: #fff;
}

button--fb:hover,
.btn--fb:hover {
    opacity: 0.8;
    background-color: #3f5695;
}

button--vk,
.btn--vk {
    background-color: #597da3;
    /*padding: 12.5px 10px 14.5px 40px;*/
}

button--vk .btn-icon,
.btn--vk .btn-icon {
    top: 10px;
    left: 24px;
}

button--vk .btn-icon [class*="icon-"],
.btn--vk .btn-icon [class*="icon-"] {
    width: 20px;
    height: 20px;
    fill: #fff;
}

button--vk:hover,
.btn--vk:hover {
    opacity: 0.8;
    background-color: #597da3;
}

button--google,
.btn--google {
    background-color: #4285f4;
    /*padding: 12.5px 10px 14.5px 40px;*/
}

button--google .btn-icon,
.btn--google .btn-icon {
    top: 10px;
    left: 24px;
}

button--google .btn-icon [class*="icon-"],
.btn--google .btn-icon [class*="icon-"] {
    width: 20px;
    height: 20px;
    fill: #fff;
}

button--google:hover,
.btn--google:hover {
    opacity: 0.8;
    background-color: #4285f4;
}

button--show,
.btn--show {
    background-color: transparent;
    border: 1px solid #d3d3d3;
    color: #333;
}

button--show:hover,
.btn--show:hover {
    opacity: 1;
    border-color: #f44336;
    background-color: transparent;
    color: #f44336;
}

.btn__more {
    -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.05);
    display: inline-block;
    width: auto;
    color: #333333;
    padding-left: 20px;
    padding-right: 20px;
}

.btn__more-accent {
    color: #f44336;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.btn__more-accent-gray {
    color: #969393;
}

.btn__more:hover .btn__more-accent {
    color: #fff;
}
.btn-outline-light {
  background-color: transparent;
  border: 2px solid white;
}

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

.checkbox {
    display: inline-block;
    cursor: pointer;
}

.checkbox > span {
    padding-left: 46px;
    display: inline-block;
    position: relative;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    color: #333;
    cursor: pointer;
    letter-spacing: 0.5px;
}

.checkbox > span:before, .checkbox > span:after {
    position: absolute;
    content: '';
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
    position: absolute;
    left: -9999px;
}

.checkbox input[type="checkbox"]:not(:checked) + span::before,
.checkbox input[type="radio"]:not(:checked) + span::before {
    top: -3px;
    left: 0;
    width: 24px;
    height: 24px;
    background-color: #f8f8f8;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
}

.checkbox input[type="checkbox"]:not(:checked) + span::after,
.checkbox input[type="radio"]:not(:checked) + span::after {
    opacity: 0;
}

.checkbox input[type="checkbox"]:checked + span::before,
.checkbox input[type="radio"]:checked + span::before {
    top: -3px;
    left: 0;
    width: 24px;
    height: 24px;
    background-color: #fade55;
    border: 2px solid #fade55;
    border-radius: 3px;
}

.checkbox input[type="checkbox"]:checked + span::after,
.checkbox input[type="radio"]:checked + span::after {
    top: 4px;
    left: 6px;
    width: 11px;
    height: 7px;
    border-left: 2px solid #f44336;
    border-bottom: 2px solid #f44336;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 1;
}

.checkbox input[type="checkbox"]:disabled + span,
.checkbox input[type="radio"]:disabled + span {
    color: rgba(147, 147, 147, 0.3);
}

.checkbox input[type="radio"]:disabled + span::before,
.checkbox input[type="checkbox"]:disabled + span::before {
    border-color: rgba(147, 147, 147, 0.3);
}

.checkbox--reverse {
    display: block;
}

.checkbox--reverse > span {
    display: block;
    padding: 14px 46px 14px 22px;
}

@media (max-width: 1023px) {
    .checkbox--reverse > span {
        padding: 14px 35px 14px 10px;
    }
}

.checkbox--reverse > span:hover {
    background-color: #f8f8f8;
}

@media (max-width: 1023px) {
    .checkbox--reverse > span:hover {
        background-color: transparent;
    }
}

.checkbox--reverse input[type="checkbox"]:not(:checked) + span::before,
.checkbox--reverse input[type="radio"]:not(:checked) + span::before {
    top: 11px;
    left: auto;
    right: 15px;
    width: 24px;
    height: 24px;
    background-color: #f8f8f8;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
}

@media (max-width: 1023px) {
    .checkbox--reverse input[type="checkbox"]:not(:checked) + span::before,
    .checkbox--reverse input[type="radio"]:not(:checked) + span::before {
        right: 10px;
    }
}

.checkbox--reverse input[type="checkbox"]:not(:checked) + span::after,
.checkbox--reverse input[type="radio"]:not(:checked) + span::after {
    opacity: 0;
}

.checkbox--reverse input[type="checkbox"]:checked + span::before,
.checkbox--reverse input[type="radio"]:checked + span::before {
    top: 11px;
    left: auto;
    right: 15px;
    width: 24px;
    height: 24px;
    background-color: #fade55;
    border: 2px solid #fade55;
    border-radius: 3px;
}

@media (max-width: 1023px) {
    .checkbox--reverse input[type="checkbox"]:checked + span::before,
    .checkbox--reverse input[type="radio"]:checked + span::before {
        right: 10px;
    }
}

.checkbox--reverse input[type="checkbox"]:checked + span::after,
.checkbox--reverse input[type="radio"]:checked + span::after {
    top: 18px;
    left: auto;
    right: 21px;
    width: 11px;
    height: 7px;
    border-left: 2px solid #f44336;
    border-bottom: 2px solid #f44336;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 1;
}

@media (max-width: 1023px) {
    .checkbox--reverse input[type="radio"]:checked + span::after,
    .checkbox--reverse input[type="checkbox"]:checked + span::after {
        right: 16px;
    }
}

.switch {
    position: relative;
    display: inline-block;
    width: 54px;
    height: 26px;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #d3d3d3;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: '';
    height: 14px;
    width: 14px;
    left: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #f44336;
}

input:checked:disabled + .slider {
    background-color: rgb(249, 157, 151);
}

input:checked + .slider:before {
    left: calc(100% - 19px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.fancybox-slide > * {
    padding: 30px 60px;
    margin: 60px 0;
}

@media (max-width: 767px) {
    .fancybox-slide > * {
        padding: 40px 10px;
        margin: 10px 0;
    }
}

.fancybox-bg {
    background: #505050;
}

.fancybox-is-open .fancybox-bg {
    opacity: .95;
}

@media (max-width: 1023px) {
    .fancybox-slide:before {
        margin: 0;
    }
}

.fancybox-slide--html {
    padding: 0;
}

.fancybox-can-drag .fancybox-content {
    margin-bottom: 0;
    cursor: auto;
}

.fancybox-close-small {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 3px;
    top: 41px;
    right: 70px;
    width: 29px;
    height: 29px;
}

.fancybox-close-small svg {
    display: none;
}

.fancybox-close-small::before, .fancybox-close-small::after {
    position: absolute;
    content: '';
    background-color: #939393;
    width: 100%;
    height: 2px;
    top: 50%;
    left: 50%;
    -webkit-transition: all .5s;
    transition: all .5s;
    border-radius: 2px;
}

.fancybox-close-small::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.fancybox-close-small::after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.fancybox-close-small:hover {
    border: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.fancybox-close-small:hover::before, .fancybox-close-small:hover::after {
    background-color: #f44336;
}

@media (max-width: 767px) {
    .fancybox-close-small {
        right: 20px;
        top: 50px;
    }
}

.icon-search {
    width: 20px;
    height: 20px;
}

.icon-bell {
    width: 20px;
    height: 22px;
}

.icon-pen {
    width: 18px;
    height: 16px;
}

.icon-user {
    width: 17px;
    height: 16px;
}

.icon-purse {
    width: 17px;
    height: 16px;
}

.icon-tooltip {
    width: 17px;
    height: 16px;
}

.icon-message {
    width: 17px;
    height: 16px;
}

.icon-vk {
    width: 20px;
    height: 20px;
}

.icon-fb {
    width: 16px;
    height: 16px;
}

.icon-insta {
    width: 15px;
    height: 15px;
}

.icon-youtube {
    width: 17px;
    height: 18px;
}

.icon-list {
    width: 20px;
    height: 21px;
}

.icon-prize-2 {
    width: 20px;
    height: 21px;
}

.icon-star {
    width: 20px;
    height: 21px;
}

.icon-more {
    width: 20px;
    height: 10px;
}

.icon-purse-2 {
    width: 30px;
    height: 26px;
}

.icon-gollar {
    width: 20px;
    height: 20px;
}

.icon-twitter {
    width: 20px;
    height: 20px;
}

.icon-filter {
    width: 25px;
    height: 22px;
    fill: #9e9e9e;
}

.icon-logo {
    width: 174px;
    height: 28px;
}

.icon-logo-txt {
    width: 101px;
    height: 30px;
}

.icon-login {
    width: 16px;
    height: 16px;
}

.icon-mouse {
    width: 29px;
    height: 43px;
}

.icon-card {
    width: 32px;
    height: 21px;
}

.icon-pulse-2 {
    width: 16px;
    height: 16px;
}

.icon-distance {
    width: 24px;
    height: 24px;
}

.icon-timer {
    width: 24px;
    height: 24px;
}

.icon-speed {
    width: 24px;
    height: 24px;
}

.icon-medal {
    width: 20px;
    height: 20px;
}

.icon-prize {
    width: 18px;
    height: 16px;
}

.icon-flag {
    width: 18px;
    height: 16px;
}

.icon-building {
    width: 18px;
    height: 16px;
}

.icon-check-list {
    width: 16px;
    height: 16px;
}

.icon-check {
    width: 13px;
    height: 10px;
}

.icon-flag {
    width: 14px;
    height: 16px;
}

.icon-clock {
    width: 16px;
    height: 16px;
}

.icon-target {
    width: 20px;
    height: 18px;
}

.icon-store-cart {
    width: 30px;
    height: 26px;
}

textarea,
select,
input,
.input {
    background-color: #fff;
    color: #333;
    font-family: "Montserrat", Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    height: 41px;
    border: 1px solid #d3d3d3;
    padding: 0 10px 0 19px;
    width: 100%;
    display: block;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-appearance: none;
    border-radius: 6px;
    outline: none;
}

textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
input::-webkit-input-placeholder,
.input::-webkit-input-placeholder {
    color: #939393;
}

textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
input:-ms-input-placeholder,
.input:-ms-input-placeholder {
    color: #939393;
}

textarea:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder,
.input:focus::-webkit-input-placeholder {
    color: transparent;
}

textarea:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
input:focus:-ms-input-placeholder,
.input:focus:-ms-input-placeholder {
    color: transparent;
}

textarea:focus::placeholder,
select:focus::placeholder,
input:focus::placeholder,
.input:focus::placeholder {
    color: transparent;
}

textarea.error,
select.error,
input.error,
.input.error {
    -webkit-box-shadow: 0px 0px 15px 1px black;
    box-shadow: 0px 0px 15px 1px black;
}

textarea.error + label.error,
select.error + label.error,
input.error + label.error,
.input.error + label.error {
    display: none !important;
}

textarea.disabled, textarea[disabled="disabled"], textarea[disabled],
select.disabled,
select[disabled="disabled"],
select[disabled],
input.disabled,
input[disabled="disabled"],
input[disabled],
.input.disabled,
.input[disabled="disabled"],
.input[disabled] {
    color: #939393;
}

.input--no-border {
    border: 0;
}

textarea {
    height: 150px;
    resize: none;
}

input[type="file"] {
    display: none;
}

input[type="file"] + label {
    display: block;
    background: #fff;
    font-size: 14px;
    line-height: 24px;
    padding: 25px 15px;
    color: #969696;
    text-align: center;
    border: 1px dashed #c4c4c4;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

input[type="file"] + label:hover {
    border-color: #696969;
    background: #e9e9e9;
}

.input-search-label {
    position: relative;
    display: block;
}

.input-search-label > span {
    position: absolute;
    top: 12px;
    left: 12px;
}

.input-search-label [class*="icon-"] {
    width: 19px;
    height: 20px;
    fill: #939393;
}

.input-search {
    font-size: 14px;
    border-radius: 5px;
    padding: 0 10px 0 53px;
    background-color: #fff;
}

.input-search:focus [class*="icon-"] {
    fill: #f44336;
}

.input-email-label {
    position: relative;
    display: block;
    font-size: 0;
    line-height: 0;
}

.input-email {
    font-size: 14px;
    font-weight: 500;
    height: 43px;
    border: none;
    border-radius: 5px 0 0 5px;
    padding: 0 10px 0 46px;
    background-color: #fff;
}

.input-email-inner {
    font-size: 14px;
    line-height: normal;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 140px);
}

.input-email-inner > span {
    position: absolute;
    top: 15px;
    left: 14px;
}

.input-email-inner [class*="icon-"] {
    width: 16px;
    height: 14px;
    fill: #939393;
}

.input-email-inner--btn {
    width: 140px;
}

.input-email-inner--btn .btn {
    border-radius: 0 5px 5px 0;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.45px;
    padding: 12.5px 10px;
}

.input-pass-label {
    position: relative;
    display: block;
}

.input-pass-label > span {
    position: absolute;
    top: 10px;
    right: 16px;
}

.input-pass-label [class*="icon-"] {
    width: 19px;
    height: 20px;
    fill: #939393;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.input-pass-label [class*="icon-"]:hover {
    fill: #f44336;
}

.input-pass {
    font-size: 14px;
    border-radius: 5px;
    padding: 0 40px 0 23px;
    background-color: #fff;
}

.input-pass:focus [class*="icon-"] {
    fill: #f44336;
}

.radio {
    display: inline-block;
    cursor: pointer;
}

.radio > span {
    padding-left: 46px;
    display: inline-block;
    position: relative;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    cursor: pointer;
}

.radio > span:before, .radio > span:after {
    content: '';
    position: absolute;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    border-radius: 50%;
}

.radio input[type="radio"] {
    position: absolute;
    left: -9999px;
}

.radio input[type="radio"]:not(:checked) + span::before {
    top: -3px;
    left: 0;
    width: 24px;
    height: 24px;
    background-color: #f8f8f8;
    border: 1px solid #dcdcdc;
}

.radio input[type="radio"]:not(:checked) + span::after {
    opacity: 0;
}

.radio input[type="radio"]:checked + span::before {
    top: -3px;
    left: 0;
    width: 24px;
    height: 24px;
    background-color: #fade55;
    border: 1px solid #fade55;
}

.radio input[type="radio"]:checked + span::after {
    top: 5px;
    left: 8px;
    width: 8px;
    height: 8px;
    background-color: #f44336;
    opacity: 1;
}

.radio input[type="radio"]:disabled + span {
    color: #939393;
}

.radio input[type="radio"]:disabled + span::before {
    border-color: #939393;
}

select {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-transition: none;
    transition: none;
}

.jq-selectbox,
.jq-select-multiple {
    display: block;
}

.jq-selectbox {
    border: none;
    background-color: #fff;
    cursor: pointer;
    z-index: 3;
}

.jq-selectbox.error {
    border-color: #f44242;
}

.jq-selectbox.error .jq-selectbox__select-text {
    color: #f44242;
}

.jq-selectbox.opened .jq-selectbox__trigger::before {
    top: 55%;
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.jq-selectbox.opened .jq-selectbox__select {
    border-radius: 4px 4px 0 0;
}

.jq-selectbox__select {
    background-color: #fff;
    height: 43px;
    border: 1px solid #d3d3d3;
    padding: 0 10px 0 19px;
    width: 100%;
    display: block;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-appearance: none;
    border-radius: 4px;
    outline: none;
}

.jq-selectbox__select-text {
    padding: 13px 0 11px;
    color: #333;
    font-family: "Montserrat", Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
}

.jq-selectbox__select-text.placeholder {
    color: #939393;
}

.jq-selectbox__trigger {
    position: absolute;
    top: 50%;
    right: 14px;
    width: 16px;
    height: 16px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent;
}

.jq-selectbox__trigger::before {
    content: '';
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 9px;
    height: 9px;
    border-bottom: 2px solid #939393;
    border-left: 2px solid #939393;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.jq-selectbox__dropdown {
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-top: none;
    border-radius: 0 0 4px 4px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.jq-selectbox__dropdown .js-scroll {
    overflow: auto;
    width: 100%;
    max-height: 150px;
    height: 100% !important;
    overflow: hidden;
}

.jq-selectbox__dropdown .js-scroll .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.jq-selectbox__dropdown .js-scroll .mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.jq-selectbox__dropdown .js-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #939393;
}

.jq-selectbox ul {
    padding: 8px 0;
}

.jq-selectbox ul:focus {
    outline: none;
}

.jq-selectbox li {
    padding: 11px 10px 11px 19px;
    font-size: 13px;
}

.jq-selectbox li:not(:last-child) {
    margin-bottom: 3px;
}

.jq-selectbox li:hover {
    background-color: #eeeeee;
}

.jq-selectbox li:focus {
    outline: none;
}

.slick-arrow {
    font-size: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 55%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent;
}

.slick-arrow:hover {
    background-color: transparent;
}

.slick-arrow:before {
    position: absolute;
    content: '';
    border-left: 2px solid #969393;
    border-bottom: 2px solid #969393;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 8px;
    height: 8px;
    left: 8px;
    top: 6px;
}

.slick-prev {
    left: -7px;
}

.slick-next {
    position: absolute;
    right: -7px;
}

.slick-next:before {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    left: 4px;
}

.slick-initialized .slick-slide {
    display: inline-block;
}

.spinner {
    border: 2px solid #000;
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 13px;
    width: 122px;
    border-radius: 5px;
}

.spinner__minus {
    display: inline-block;
    vertical-align: middle;
    fill: blue;
}

.spinner__plus {
    display: inline-block;
    vertical-align: middle;
    fill: blue;
}

.spinner__text {
    color: #000;
    padding: 0;
    border: 0;
    outline: none;
    border-radius: 0;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    text-align: center;
}

.achievement {
    margin-bottom: 34px;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.05);
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}

@media (max-width: 1023px) {
    .achievement {
        margin-bottom: 18px;
    }
}

.achievement__img {
    display: inline-block;
    font-size: 14px;
    line-height: normal;
    width: 253px;
    vertical-align: top;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 253px;
    height: 100%;
}

@media (max-width: 1023px) {
    .achievement__img {
        width: 200px;
        min-height: 198px;
    }
}

@media (max-width: 767px) {
    .achievement__img {
        width: 100%;
        background-position: top center;
        display: block;
        position: relative;
        z-index: 1;
    }

    .achievement__img::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: -1;
    }
}

.achievement__content {
    display: inline-block;
    width: calc(100% - 253px);
    vertical-align: top;
    padding: 25px 30px 25px 33px;
    font-size: 14px;
    line-height: normal;
}

@media (max-width: 1023px) {
    .achievement__content {
        width: calc(100% - 200px);
        padding: 16px 22px 16px 30px;
    }
}

@media (max-width: 767px) {
    .achievement__content {
        display: block;
        width: 100%;
        padding: 18px 30px 17px 20px;
    }
}

.achievement__head {
    width: 100%;
/ / padding-bottom: 34 px;
    font-size: 0;
    line-height: 0;
}

.achievement__head:after {
    content: " ";
    display: block;
    clear: both;
}

@media (max-width: 1023px) {
    .achievement__head {
        padding-bottom: 17px;
    }
}

@media (max-width: 767px) {
    .achievement__head {
        display: none;
    }
}

.achievement__head-left {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: normal;
    width: calc(100% - 185px);
}

@media (max-width: 1023px) {
    .achievement__head-left {
        width: calc(100% - 155px);
    }
}

.achievement__head-right {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: normal;
    width: 185px;
    margin-top: -2px;
}

@media (max-width: 1023px) {
    .achievement__head-right {
        width: 155px;
    }
}

.achievement__title {
    color: #333333;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.025em;
    margin-left: -2px;
    padding-right: 15px;
}

@media (max-width: 1023px) {
    .achievement__title {
        font-size: 16px;
        padding-top: 5px;
    }
}

.achievement__title-mob {
    display: none;
    padding: 11px 17px 7px;
    color: #333333;
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    letter-spacing: 0.025em;
}

@media (max-width: 767px) {
    .achievement__title-mob {
        display: block;
    }
}

.achievement__stat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.achievement__stat-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.achievement__stat-txt {
    font-weight: 400;
    color: #333333;
    font-size: 25px;
    padding-left: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "Bebas Neue", Helvetica, sans-serif;
}

.achievement__members-icon {
    width: 22px;
    height: 18px;
}

.achievement__members-icon svg {
    width: 100%;
    height: 100%;
    display: block;
    fill: #f44336;
}

.achievement__body {
    margin: 15px 0;
    width: 100%;
}

.achievement__body:after {
    content: " ";
    display: block;
    clear: both;
}

@media (max-width: 767px) {
    .achievement__body {
        display: none;
    }
}

.achievement__body-left {
    float: left;
    width: 270px;
}

@media (max-width: 1023px) {
    .achievement__body-left {
        width: 130px;
    }
}

.achievement__body-right {
    float: left;
    width: calc(100% - 270px);
    font-size: 0;
    line-height: 0;
    text-align: right;
}

@media (max-width: 1023px) {
    .achievement__body-right {
        width: calc(100% - 130px);
    }
}

.achievement__body-title {
    font-size: 14px;
    color: #9e9c9c;
    padding-bottom: 24px;
    font-weight: 600;
}

@media (max-width: 1023px) {
    .achievement__body-title {
        font-size: 12px;
        padding-bottom: 16px;
    }
}

@media (max-width: 767px) {
    .achievement__body-title {
        color: #fff;
        font-size: 14px;
        padding-bottom: 6px;
    }
}

.achievement__body-subtitle {
    font-weight: 600;
}

.achievement__body-subtitle--red {
    color: #f44336;
}

@media (max-width: 1023px) {
    .achievement__body-subtitle {
        font-size: 12px;
    }
}

.achievement__body-list-item {
    padding-left: 22px;
    position: relative;
    margin-bottom: 15px;
}

.achievement__body-list-item:last-child {
    margin-bottom: 0;
}

.achievement__body-list-item::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #9e9c9c;
    border-radius: 50%;
}

@media (max-width: 1023px) {
    .achievement__body-list-item {
        padding-left: 0;
    }

    .achievement__body-list-item::before {
        display: none;
    }
}

.achievement__body-list-txt--desc {
    display: block;
}

@media (max-width: 1023px) {
    .achievement__body-list-txt--desc {
        display: none;
    }
}

.achievement__body-list-txt--mob {
    display: none;
}

@media (max-width: 1023px) {
    .achievement__body-list-txt--mob {
        display: block;
    }
}

@media (max-width: 1023px) {
    .achievement__body-list-txt {
        font-size: 12px;
    }
}

.achievement__body-list--mob {
    display: block;
}

.achievement__body-list--mob .achievement__body-list-item {
    margin-bottom: 7px;
}

.achievement__body-list--mob .achievement__body-list-txt {
    font-size: 14px;
    color: #fff;
}

.achievement__body-place {
    margin-bottom: 14px;
}

@media (max-width: 1023px) {
    .achievement__body-place {
        margin-bottom: 16px;
    }
}

.achievement__body-item {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    text-align: center;
    font-size: 14px;
    line-height: normal;
}

.achievement__body-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #fade55;
    text-align: center;
    margin: 0 auto 20px;
}

.achievement__body-icon [class^="icon-"],
.achievement__body-icon [class*="icon-"] {
    fill: #fff;
    height: 100%;
    vertical-align: middle;
}

@media (max-width: 1023px) {
    .achievement__body-icon {
        margin: 0 auto 22px;
    }
}

.achievement__body-icon--place {
    background-color: #ededed;
    font-size: 14px;
    font-weight: 600;
    display: table;
}

.achievement__body-icon--place span {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.achievement__body-mob {
    display: none;
    text-align: center;
}

.achievement__body-mob:after {
    content: " ";
    display: block;
    clear: both;
}

@media (max-width: 767px) {
    .achievement__body-mob {
        display: block;
    }
}

.achievement__body-mob-item {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    line-height: 0;
}

.achievement__body-mob-item--left {
    float: left;
}

.achievement__body-mob-item--right {
    float: right;
}

.achievement__body-mob-icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.achievement__body-mob-icon [class^="icon-"],
.achievement__body-mob-icon [class*="icon-"] {
    fill: #939393;
    vertical-align: middle;
    height: 100%;
    width: 20px;
}

.achievement__body-mob-txt {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
}

.achievement__body-mob-like {
    margin-top: -3px;
}

.achievement__body-mob-like .like-icon svg {
    fill: #939393;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.achievement__body-mob-like .like-icon svg.filled {
    fill: #f44336;
}

.achievement__body-mob-like .like-txt {
    font-size: 13px;
    font-family: "Montserrat", Helvetica, sans-serif;
    font-weight: 500;
}

.achievement__body-mob-desc {
    display: none;
    position: absolute;
    bottom: 10px;
    left: 20px;
}

@media (max-width: 767px) {
    .achievement__body-mob-desc {
        display: block;
    }
}

.breadcrumbs {
    margin-top: 27px;
    font-size: 0;
    line-height: 0;
    word-spacing: 0;
}

@media (max-width: 1023px) {
    .breadcrumbs {
        margin-top: 22px;
    }
}

@media (max-width: 767px) {
    .breadcrumbs {
        display: none;
    }
}

.breadcrumbs__item {
    display: inline-block;
    padding-right: 40px;
    position: relative;
    font-size: 13px;
    line-height: 1;
    word-spacing: normal;
}

.breadcrumbs__item::before {
    content: '/';
    color: #9a9a9a;
    font-size: 13px;
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.breadcrumbs__item:last-child {
    padding-right: 0;
}

.breadcrumbs__item:last-child::before {
    display: none;
}

.breadcrumbs__item:last-child .breadcrumbs__link {
    pointer-events: none;
}

.breadcrumbs__item:last-child .breadcrumbs__link::before {
    display: none;
}

.breadcrumbs__link {
    color: #9a9a9a;
    font-size: 13px;
    line-height: 1;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.breadcrumbs__link:hover::before {
    background-color: #000;
}

.breadcrumbs__link::before {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    content: '';
    height: 1px;
    width: 100%;
    bottom: -2px;
    background-color: #9a9a9a;
    position: absolute;
}

.breadcrumbs a:hover {
    text-decoration: none;
}

.card-descr {
    padding: 42px 0 9px;
}

@media (max-width: 767px) {
    .card-descr {
        padding: 22px 0;
    }
}

.card-descr__wrapp {
    letter-spacing: -.36em;
}

@media (max-width: 1023px) {
    .card-descr__wrapp {
        padding: 0 20px;
    }
}

.card-descr__item {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-bottom: 39px;
}

.card-descr__item:focus {
    outline: none;
}

@media (max-width: 1023px) {
    .card-descr__item {
        width: 33.33%;
        text-align: center;
        margin-bottom: 0;
    }
}

.card-descr__item--sex {
    letter-spacing: -.36em;
    margin-bottom: 0;
}

.card-descr__item--sex .card-descr__inner {
    display: inline-block;
    letter-spacing: normal;
    padding-right: 20px;
}

.card-descr__item-center:focus {
    outline: none;
}

@media (max-width: 1023px) {
    .card-descr__item-center {
        display: inline-block;
        text-align: left;
    }
}

.card-descr__title {
    display: block;
    font-weight: 500;
    color: #969393;
    padding-bottom: 13px;
    letter-spacing: .6px;
}

@media (max-width: 767px) {
    .card-descr__title {
        font-size: 12px;
        padding-bottom: 6px;
    }
}

.card-descr__inner {
    letter-spacing: -.36em;
}

.card-descr__inner:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.card-descr__icon {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
}

.card-descr__text {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    font-size: 26px;
    font-weight: 700;
    font-family: "Bebas Neue", Helvetica, sans-serif;
    letter-spacing: 1.4px;
    padding-left: 11px;
}

@media (max-width: 1023px) {
    .card-descr__text {
        padding-left: 10px;
    }
}

@media (max-width: 767px) {
    .card-descr__text {
        font-size: 27px;
    }
}

.card-descr svg {
    fill: #f44336;
}

.card-descr .icon-target {
    width: 35px;
    height: 35px;
}

.card-descr .icon-period {
    width: 32px;
    height: 35px;
}

.card-descr .icon-people {
    width: 32px;
    height: 35px;
}

.card-descr .icon-like {
    width: 28px;
    height: 35px;
}

.card-descr .icon-check {
    width: 32px;
    height: 35px;
}

.card-descr .icon-distance {
    width: 34px;
    height: 35px;
}

.card-descr .icon-man {
    width: 34px;
    height: 35px;
}

.card-descr .icon-woman {
    width: 24px;
    height: 35px;
}

.card-head {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

.card-head__decor {
    background-color: rgba(0, 0, 0, 0.4);
}

.card-head__wrapp {
    min-height: 455px;
    position: relative;
    display: flex;
    align-items: center;;
}

@media (max-width: 767px) {
    .card-head__wrapp {
        min-height: 218px;
    }
}

.card-head__wrapp:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.card-head__wrapp--active .card-head__registr-icon {
    position: relative;
    background-color: #f44336;
}

.card-head__wrapp--active .card-head__registr-icon:after {
    position: absolute;
    content: '';
    width: 14px;
    height: 8px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 12px;
    left: 13px;
}

@media (max-width: 767px) {
    .card-head__wrapp--active .card-head__registr-icon:after {
        width: 10px;
        height: 6px;
        top: 8px;
        left: 8px;
    }
}

.card-head__wrapp--active .card-head__registr-text {
    width: auto;
}

.card-head__wrapp--active .card-head__btn-wrapp {
    max-width: 240px;
    width: 100%;
}

@media (max-width: 767px) {
    .card-head__wrapp--active .card-head__btn-wrapp {
        width: 147px;
    }
}

.card-head__wrapp--active .card-head__btn {
    cursor: default;
}

.card-head__wrapp--active .card-head__btn:hover {
    opacity: 1;
}

.card-head__wrapp--completed .card-head__content {
    margin-top: 0;
}

.card-head__wrapp--completed .card-head__time-wrapp {
    margin-bottom: 5px;
}

.card-head__content {
    max-width: 500px;
    width: 100%;
    padding: 16px 0;
}

@media (max-width: 540px) {
    .card-head__content {
        width: 100%;
        max-width: 100%;
        padding: 24px 0;
    }
}

.card-head__connect {
    position: absolute;
    right: 0;
    bottom: -32px;
}

@media (max-width: 767px) {
    .card-head__connect {
        display: none;
    }
}

.card-head__connect-link {
    display: block;
    width: 65px;
    height: 65px;
    background-color: #ebebeb;
    border-radius: 50%;
    border: 4px solid #fff;
    text-align: center;
    padding-right: 5px;
}

.card-head__connect-link:hover {
    background-color: #f44336;
}

.card-head__connect-link:hover svg {
    fill: #fff !important;
}

.card-head__connect-link:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.card-head__connect-link svg {
    display: inline-block;
    vertical-align: middle;
    fill: #f44336 !important;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.card-head__title {
    display: block;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    max-width: 550px;
    line-height: 1.66;
    letter-spacing: .7px;
    padding-bottom: 24px;
}

@media (max-width: 767px) {
    .card-head__title {
        font-size: 17px;
        line-height: 1.52;
        padding-bottom: 10px;
        max-width: 280px;
    }
}

.card-head__time-text {
    font-size: 16px;
    color: #fff;
    display: block;
    letter-spacing: .8px;
    padding-bottom: 17px;
}

@media (max-width: 767px) {
    .card-head__time-text {
        font-size: 12px;
        padding-bottom: 19px;
    }
}

.card-head__time-wrapp {
    margin-bottom: 68px;
}

@media (max-width: 767px) {
    .card-head__time-wrapp {
        margin-bottom: 23px;
    }
}

.card-head__time-wrapp:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.card-head__day-text {
    font-size: 48px;
    font-family: "Bebas Neue", Helvetica, sans-serif;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 2.2px;
}

@media (max-width: 767px) {
    .card-head__day-text {
        font-size: 24px;
        letter-spacing: 1.2px;
    }
}

.card-head__registr {
    letter-spacing: -.36em;
    display: inline-block;
    vertical-align: middle;
    padding-left: 30px;
}

@media (max-width: 767px) {
    .card-head__registr {
        padding-left: 10px;
    }
}

.card-head__registr:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.card-head__registr-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    background-color: #10a143;
    text-align: center;
    letter-spacing: normal;
}

@media (max-width: 767px) {
    .card-head__registr-icon {
        width: 26px;
        height: 26px;
    }
}

.card-head__registr-icon:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.card-head__registr-text {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    width: 110px;
    font-weight: 600;
    color: #fff;
    margin-left: 10px;
    line-height: 1.43;
}

@media (max-width: 767px) {
    .card-head__registr-text {
        font-size: 13px;
        width: auto;
        line-height: 1;
        margin-left: 13px;
    }
}

.card-head__buttons .card-head__btn-wrapp {
    display: inline-block;
    margin-right: 12px;
    margin-bottom: 8px;
}

.card-head__btn-wrapp {
    max-width: 240px;
    width: 100%;
}

@media (max-width: 767px) {
    .card-head__btn-wrapp {
        max-width: 46%;
    }
}

.card-head__btn {
    padding: 14.5px 10px;
}

@media (max-width: 767px) {
    .card-head__btn {
        margin: 10px 0;
    }
}

.card-head .icon-check-list {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    fill: #fff;
}

@media (max-width: 767px) {
    .card-head .icon-check-list {
        width: 12px;
        height: 12px;
    }
}

.card-head .icon-share {
    width: 16px;
    height: 16px;
}

.clubs {
    padding: 50px 0 0;
    border-bottom: 1px solid #e2e2e2;
}

.clubs:after {
    content: " ";
    display: block;
    clear: both;
}

@media (max-width: 1023px) {
    .clubs {
        padding-top: 35px;
    }
}

@media (max-width: 767px) {
    .clubs {
        padding-top: 30px;
    }
}

.clubs__holder {
    font-size: 0;
    line-height: 0;
    max-width: 920px;
    margin: 0 auto;
}

@media (max-width: 1023px) {
    .clubs__holder {
        padding: 0 46px 0 61px;
    }
}

@media (max-width: 767px) {
    .clubs__holder {
        padding: 0 17px;
    }
}

.clubs__logo {
    display: inline-block;
    vertical-align: top;
    width: 160px;
    margin-right: 30px;
}

@media (max-width: 1023px) {
    .clubs__logo {
        width: 107px;
        margin-right: 21px;
    }

    .clubs__logo img {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .clubs__logo {
        display: block;
        margin: 0 auto 25px;
    }
}

.clubs__desc {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 190px);
    font-size: 14px;
    line-height: normal;
    padding-top: 18px;
}

@media (max-width: 1023px) {
    .clubs__desc {
        padding-top: 0;
        margin-top: -5px;
        width: calc(100% - 128px);
    }
}

@media (max-width: 767px) {
    .clubs__desc {
        margin-top: 0;
        width: 100%;
        display: block;
    }
}

.clubs__desc-title {
    display: block;
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 23px;
}

@media (max-width: 1023px) {
    .clubs__desc-title {
        padding-bottom: 19px;
    }
}

.clubs__desc-txt {
    font-size: 15px;
    line-height: 1.6;
    display: block;
}

@media (max-width: 1023px) {
    .clubs__desc-txt {
        font-size: 14px;
        line-height: 1.75;
    }
}

.clubs__info {
    padding-top: 42px;
    padding-bottom: 51px;
    margin: 0 -15px;
}

@media (max-width: 1023px) {
    .clubs__info {
        padding-top: 29px;
        margin: 0;
        padding-bottom: 39px;
    }
}

@media (max-width: 767px) {
    .clubs__info {
        padding-top: 24px;
        padding-bottom: 27px;
    }
}

.clubs__info-item {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    font-size: 14px;
    line-height: normal;
    padding: 0 15px;
}

@media (max-width: 1023px) {
    .clubs__info-item {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .clubs__info-item {
        text-align: center;
    }
}

.clubs__info-title {
    display: block;
    font-size: 14px;
    color: #939393;
    padding-bottom: 12px;
    font-weight: 500;
}

@media (max-width: 1023px) {
    .clubs__info-title {
        font-size: 12px;
    }
}

.clubs__info-num {
    display: block;
    font-family: "Bebas Neue", Helvetica, sans-serif;
    font-size: 35px;
    font-weight: bold;
}

@media (max-width: 1023px) {
    .clubs__info-num {
        font-size: 27px;
    }
}

.clubs__btn-wrap {
    padding-top: 37px;
    max-width: 190px;
    margin-left: auto;
    padding-bottom: 14px;
}

@media (max-width: 1023px) {
    .clubs__btn-wrap {
        padding-top: 35px;
        padding-bottom: 4px;
    }
}

@media (max-width: 767px) {
    .clubs__btn-wrap {
        padding-top: 29px;
        margin: 0 auto;
        padding-bottom: 0;
    }
}

.clubs__btn {
    background-color: transparent;
    border: 1px solid #d3d3d3;
    color: #f44336;
    padding: 12.5px 10px;
}

.clubs__btn:hover {
    color: #fff;
    background-color: #f44336;
    border-color: #f44336;
    opacity: 1;
}

.date-select {
    font-size: 0;
    line-height: 0;
}

.date-select__item {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    line-height: normal;
}

.date-select__item .jq-selectbox__trigger {
    right: 6px;
}

.date-select__item--day {
    width: 25%;
}

.date-select__item--day .jq-selectbox__select {
    border-right: none;
    border-radius: 4px 0 0 4px;
}

.date-select__item--day .jq-selectbox select {
    border-right: none;
    border-radius: 4px 0 0 4px;
}

.date-select__item--month {
    width: 40%;
}

.date-select__item--month .jq-selectbox__select {
    border-right: none;
    border-radius: 0;
}

.date-select__item--month .jq-selectbox__select-text {
    padding: 13px 10px 11px 0;
}

.date-select__item--month .jq-selectbox select {
    border-right: none;
    border-radius: 0;
}

.date-select__item--year {
    width: 35%;
}

.date-select__item--year .jq-selectbox__select {
    border-radius: 0 4px 4px 0;
}

.date-select__item--year .jq-selectbox select {
    border-radius: 0 4px 4px 0;
}

.filter {
    background-color: #fff;
    padding: 10px 0;
    width: 100%;
}

@media (max-width: 1023px) {
    .filter {
        position: fixed;
        height: 100%;
        padding: 0;
        top: 0px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 3;
        overflow-y: auto;
        display: none;
    }

    .filter.active {
        display: block;
    }
}

.filter .input-search-label > span {
    left: 0;
    top: 9px;
}

.filter .input-search-label .input {
    padding: 0 10px 0 28px;
}

.filter__holder {
    display: flex;
}

@media (max-width: 1023px) {
    .filter__holder {
        display: block;
        position: absolute;
        margin: 0 -20px;
        width: 100%;
        height: 100vh;
        overflow-y: auto;
        padding-top: 54px;
        padding-bottom: 100px;
    }
    .filter__category {
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .filter__holder {
        margin: 0 -10px;
        width: calc(100%);
    }
}

.filter__close-btn {
    display: none;
}

@media (max-width: 1023px) {
    .filter__close-btn {
        display: block;
        cursor: pointer;
        width: 22px;
        height: 22px;
        position: absolute;
        z-index: 2;
        top: 74px;
        right: 10px;
    }

    .filter__close-btn:before {
        position: absolute;
        content: '';
        width: 26px;
        height: 2px;
        background-color: #939393;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 10px;
        left: -3px;
    }

    .filter__close-btn:after {
        position: absolute;
        content: '';
        width: 26px;
        height: 2px;
        background-color: #939393;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 10px;
        left: -3px;
    }
}

.filter__search {
    flex-grow: 1;
    display: flex;
    align-items: center;
}

.filter__search .input-search-label {
    display: inline-block;
    width: 100%;
}

@media (max-width: 1023px) {
    .filter__search {
        display: none;
    }
}

.filter__category {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

@media (max-width: 1023px) {
    .filter__category {
        display: block;
        text-align: center;
    }
}

.filter__category-item {
    display: inline-block;
    text-align: left;
    padding: 0;
    font-size: 14px;
}

@media (max-width: 1023px) {
    .filter__category-item {
        display: block;
        padding: 0;
        margin-top: 2px;
    }
}

.filter__category-item:last-child {
    padding-right: 0;
}

.filter__btns-wrapp {
    text-align: center;
    margin: 0 -5px;
    display: none;
}

@media (max-width: 1023px) {
    .filter__btns-wrapp {
        display: block;
    }
}

.filter__btn-wrapp {
    display: inline-block;
    width: 154px;
    padding: 0 5px;
}

.filter__btn-border {
    background-color: transparent;
    color: #f44336;
    border: 1px solid #f44336;
    padding: 12.5px 10px;
}

.footer {
    background-color: #fade55;
    padding: 53px 0;
    position: relative;
    z-index: 2;
}

@media (max-width: 1023px) {
    .footer {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 5px 0px; /*15px 0 12px;*/
        z-index: 20;
    }
}

@media (max-width: 1023px) {
    .footer__desktop {
        display: none;
    }
}

.footer__mobile {
    display: none;
}

@media (max-width: 1023px) {
    .footer__mobile {
        display: block;
        position: relative;
    }
}

.footer__holder {
    font-size: 0;
    line-height: 0;
    margin: 0 -15px;
}

.footer__info {
    display: inline-block;
    vertical-align: top;
    max-width: 665px;
    width: 100%;
    padding: 0 15px;
}

@media (max-width: 1279px) {
    .footer__info {
        width: 600px;
    }
}

.footer__info-col {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    font-size: 13px;
    line-height: normal;
}

@media (max-width: 1279px) {
    .footer__info-col {
        width: 30%;
    }
}

@media (max-width: 1279px) {
    .footer__info-col--mod {
        width: 35%;
    }
}

.footer__info-list--first {
    padding-left: 55px;
}

@media (max-width: 1279px) {
    .footer__info-list--first {
        padding-left: 40px;
    }
}

.footer__info-item {
    padding-bottom: 24px;
}

.footer__info-link {
    font-weight: 500;
    color: #b1981f;
    border-bottom: 1px solid #b1981f;
}

.footer__info-link:hover {
    color: #f44336;
    border-bottom-color: transparent;
}

.footer__logo {
    margin-top: -6px;
    padding-bottom: 31px;
}

.footer__logo a {
    display: inline-block;
}

.footer__logo img {
    display: block;
}

.footer__copy {
    padding-bottom: 10px;
}

.footer__copy span {
    display: block;
    font-size: 13px;
    color: #b1981f;
    line-height: 1.31;
    font-weight: 500;
}

.footer__social {
    font-size: 0;

    line-height: 0;
}

.footer__social-icon {
    display: inline-block;
    vertical-align: middle;
    width: 25%;
}

.footer__social [class^="icon-"],
.footer__social [class*="icon-"] {
    fill: #b1981f;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.footer__social [class^="icon-"]:hover,
.footer__social [class*="icon-"]:hover {
    fill: #f44336;
}

.footer__subs {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 665px);
    padding: 0 15px;
    font-size: 14px;
    line-height: normal;
}

@media (max-width: 1279px) {
    .footer__subs {
        width: calc(100% - 600px);
    }
}

.footer__subs-title {
    display: block;
    padding-bottom: 5px;
    color: #f44336;
    font-weight: 600;
}

.footer__subs-subtitle {
    display: block;
    padding-bottom: 23px;
    font-weight: 500;
}

.footer__apps .footer__apps__buttons {
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.footer__apps .footer__apps__buttons .footer__apps__button img {
    width: 140px;
}

.footer__desc {
    margin-top: 17px;
    font-size: 13px;
    line-height: 1.54;
    padding: 0 15px;
    font-weight: 500;
    letter-spacing: 0.25px;
}

.footer__menu {
    text-align: center;
    max-width: 655px;
    margin: 0 auto;
}

.footer__menu-item {
    display: inline-block;
    vertical-align: bottom;
    width: 25%;
    padding: 0 15px;
    font-size: 11px;
    line-height: normal;
}

.footer__menu-link {
    display: inline-block;
    color: #333;
}

.footer__menu-link:hover {
    color: #f44336;
}

.footer__menu-link:hover [class^="icon-"],
.footer__menu-link:hover [class*="icon-"] {
    fill: #f44336;
}

.footer__menu-icon {
    display: block;
    padding-bottom: 5px;
}

.footer__menu-icon [class^="icon-"],
.footer__menu-icon [class*="icon-"] {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.footer__menu-txt {
    font-weight: 600;
}

.footer__menu-drop {
    display: none;
    width: 100%;
    overflow-y: scroll;
    height: calc(100vh - 121px);
    position: fixed; /*absolute;*/
    /* bottom: 44px; /*55px;*/
    top: 0px;
    height: calc(100% - 48px);
    right: 0;
    border-radius: 0 0 5px 5px;
    text-align: left;
    border: 1px solid #dcdcdc;
    border-bottom: none;
    z-index: 20;
    background-color: #fff;
}

.footer__menu-drop-item:first-child a {
    padding: 20px 15px 23px 38px;
}

.footer__menu-drop-item:last-child .footer__menu-drop-link::before {
    display: none;
}

.footer__menu-drop-item.show .footer__menu-drop-link {
    opacity: 1;
    background-color: #eee;
}

.footer__menu-drop-item.show .footer__menu-drop-link [class^="icon-"],
.footer__menu-drop-item.show .footer__menu-drop-link [class*="icon-"] {
    fill: #f44336;
}

.footer__menu-drop-item.show .footer__menu-drop-link .footer__menu-drop-txt {
    color: #f44336;
}

.footer__menu-drop-item.show .footer__menu-drop-link::before {
    background-color: transparent;
}

.footer__menu-drop-link {
    color: #333;
    padding: 20px 15px 20px 38px;
    position: relative;
    display: block;
    font-size: 0;
    line-height: 0;
}

.footer__menu-drop-link::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 38px;
    height: 1px;
    width: calc(100% - 38px);
    background-color: #dcdcdc;
}

.footer__menu-drop-link:hover {
    opacity: 1;
    background-color: #eee;
}

.footer__menu-drop-link:hover [class^="icon-"],
.footer__menu-drop-link:hover [class*="icon-"] {
    fill: #f44336;
}

.footer__menu-drop-link:hover .footer__menu-drop-txt {
    color: #f44336;
}

.footer__menu-drop-link:hover::before {
    background-color: transparent;
}

.footer__menu-drop-icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: normal;
    margin-right: 36px;
}

.footer__menu-drop-txt {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
}

.footer__menu-sub-drop {
    display: none;
}

.footer__menu-sub-list {
    margin-top: -12px;
    background-color: #eee;
    padding-bottom: 22px;
}

.footer__menu-sub-link {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #333;
    padding: 17px 15px 17px 42px;
    background-color: #eee;
}

.footer__menu-sub-link:hover {
    background-color: #fff;
    color: #969393;
}

.footer-main {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 10px;
    padding-bottom: 37px;
}

@media (max-height: 530px) {
    .footer-main {
        padding-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .footer-main {
        padding-bottom: 10px;
    }
}

.footer-main__wrap {
    letter-spacing: -.36em;
}

@media (max-width: 767px) {
    .footer-main__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.footer-main__col {
    display: inline-block;
    vertical-align: bottom;
    width: 33.33%;
    letter-spacing: normal;
}

@media (max-width: 1023px) {
    .footer-main__col {
        width: 40%;
    }
}

@media (max-width: 767px) {
    .footer-main__col {
        display: block;
        width: auto;
    }
}

.footer-main__col--info {
    text-align: center;
}

@media (max-width: 1023px) {
    .footer-main__col--info {
        width: 20%;
        margin-bottom: 94px;
    }
}

@media (max-width: 767px) {
    .footer-main__col--info {
        display: none;
    }
}

.footer-main__col--right {
    text-align: right;
}

@media (max-width: 1234px) {
    .footer-main__col--right {
        padding-right: 64px;
    }
}

@media (max-width: 767px) {
    .footer-main__col--right {
        margin-bottom: 5px;
        padding-right: 0;
        text-align: left;
    }
}

.footer-main__top {
    margin-bottom: 32px;
    display: block;
}

.footer-main__txt {
    display: block;
    color: rgba(255, 255, 255, 0.16);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.31;
    letter-spacing: .33px;
}

.footer-main__icon {
    fill: #fff;
}

.footer-main__social-item {
    display: inline-block;
    vertical-align: middle;
}

.footer-main__social-item:not(:first-child) {
    margin-left: 27px;
}

.footer-main__social-link {
    display: inline-block;
    vertical-align: middle;
}

.footer-main__social-link:hover svg {
    fill: #fff;
}

.footer-main__social-icon {
    fill: rgba(255, 255, 255, 0.27);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

@media (max-height: 740px) {
    .footer-main__inner {
        display: none !important;
    }
}

.friends {
    margin-top: 27px;
}

.friends--tou {
    margin-top: 0;
}

.friends--tou .friends__outer {
    padding-top: 43px;
    padding-bottom: 65px;
}

.friends--tou .friends__holder {
}

.friends--rating {
    margin-top: 0;
}

.friends--rating .friends__outer {
    padding-top: 30px;
    padding-bottom: 65px;
}

.friends--rating .friends__holder {
    padding-top: 0px;
}

@media (max-width: 1023px) {
    .friends--rating .friends__holder {
        padding: 0 40px 45px;
    }
}

@media (max-width: 767px) {
    .friends--rating .friends__holder {
        padding: 0 15px 45px;
    }
}

.friends__caption {
    padding-bottom: 26px;
}

.friends__caption-tou {
    padding-bottom: 23px;
    display: flex;
    align-items: center;
}

.friends__outer {
    padding: 31px 0 96px;
    background-color: #f8f8f8;
}

@media (max-width: 1023px) {
    .friends__outer {
        padding: 31px 0 25px;
    }
}

@media (max-width: 767px) {
    .friends__outer {
        padding: 11px 0 11px;
    }
}

.friends__wrap {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
}

.friends__holder {
    max-width: 920px;
    margin: 0 auto;
    padding: 60px 0 42px;
}

@media (max-width: 1023px) {
    .friends__holder {
        overflow: hidden;
        padding: 45px 35px;
    }
}

@media (max-width: 767px) {
    .friends__holder {
        padding: 45px 15px;
    }
}

.friends__profile-search .friends__search {
    padding: 10px 20px 12px;
}

@media (max-width: 1023px) {
    .friends__profile-search .friends__search {
        margin: 0;
    }
}

.friends__profile-search .friends__search .input-search {
    padding-left: 42px;
}

.friends__head {
    padding-bottom: 26px;
}

@media (max-width: 767px) {
    .friends__head {
        padding-bottom: 10px;
    }
}

.friends__head-title {
    font-size: 18px;
    color: #f44336;
    display: inline-block;
    padding-bottom: 16px;
    letter-spacing: 0.45px;
}

.friends__head-title span {
    display: inline-block;
    vertical-align: middle;
    padding-right: 15px;
    font-weight: 600;
}

.friends__head-icon {
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #f8f8f8;
    position: relative;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer;
}

.friends__head-icon::before {
    content: '';
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 9px;
    height: 9px;
    border-bottom: 2px solid #f44336;
    border-left: 2px solid #f44336;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.friends__head-icon:hover {
    background-color: #f44336;
}

.friends__head-icon:hover::before {
    border-color: #fff;
}

.friends__head-icon.show {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.friends__head-desc {
    display: block;
    font-size: 16px;
    padding-bottom: 15px;
}

@media (max-width: 767px) {
    .friends__head-desc {
        padding-bottom: 5px;
    }
}

.friends__invite-content {
    display: none;
    margin-top: 15px;
}

.friends__invite-title {
    font-size: 14px;
    display: block;
    font-weight: 500;
    padding-bottom: 3px;
}

.friends__invite-subtitle {
    display: block;
    font-weight: 500;
    font-style: italic;
    font-size: 13px;
    color: #939393;
    padding-bottom: 22px;
}

.friends__invite-social {
    font-size: 0;
    line-height: 0;
    margin: 0 -15px;
    max-width: 801px;
    padding-bottom: 49px;
}

@media (max-width: 1023px) {
    .friends__invite-social {
        max-width: 100%;
        padding-bottom: 20px;
    }
}

.friends__invite-item {
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    width: 25%;
}

@media (max-width: 1023px) {
    .friends__invite-item {
        width: 33.33%;
        padding-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .friends__invite-item {
        width: 50%;
        padding-bottom: 15px;
    }
}

@media (max-width: 479px) {
    .friends__invite-item {
        display: block;
        width: 100%;
        padding-bottom: 10px;
    }
}

.friends__invite-link {
    display: inline-block;
    color: #333;
    font-weight: 500;
}

.friends__invite-link:hover {
    color: #f44336;
}

.friends__invite-icon {
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    text-align: center;
}

.friends__invite-icon--mail {
    background-color: #f44336;
}

.friends__invite-icon--mail svg {
    width: 16px;
}

.friends__invite-icon--facebook {
    background-color: #3f5695;
}

.friends__invite-icon--facebook svg {
    width: 8px;
}

.friends__invite-icon--vk {
    background-color: #5a7da3;
}

.friends__invite-icon--vk svg {
    width: 18px;
}

.friends__invite-icon--odnoklassniki {
    background-color: #f58220;
}

.friends__invite-icon--odnoklassniki svg {
    width: 11px;
}

.friends__invite-icon [class^="icon-"],
.friends__invite-icon [class*="icon-"] {
    height: 100%;
    fill: #fff;
}

.friends__invite-txt {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    line-height: normal;
    padding-left: 18px;
}

.friends__invite-policy {
    font-weight: 600;
    display: block;
    font-size: 14px;
    margin-top: -7px;
    padding-bottom: 19px;
}

@media (max-width: 1023px) {
    .friends__invite-policy {
        padding-bottom: 10px;
    }
}

.friends__search {
    padding-bottom: 12px;
    border-bottom: 1px solid #e2e2e2;
}

@media (max-width: 1023px) {
    .friends__search {
        margin: 0 -42px 0 -62px;
        padding-left: 20px;
    }
}

@media (max-width: 767px) {
    .friends__search {
        margin: 0 -15px;
    }
}

.friends__search .input-search-label > span {
    left: 0;
}

.friends__search .input-search {
    padding-left: 50px;
}

@media (max-width: 1023px) {
    .friends__search .input-search {
        padding-left: 42px;
    }
}

.friends__table {
    margin-bottom: 38px;
    width: 100%;
    border-spacing: 0px;
}

@media (max-width: 1023px) {
    .friends__table {
        margin-bottom: 43px;
    }
}

@media (max-width: 767px) {
    .friends__table {
        margin-bottom: 40px;
    }
}

.friends__table thead {
    background-color: #fff;
}

.friends__table thead th {
    padding: 21px 0;
    color: #939393;
    font-family: "Montserrat", Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.54;
    font-weight: 500;
    border-bottom: 1px solid #e2e2e2;
}

@media (max-width: 1023px) {
    .friends__table thead th {
        padding: 22px 0 21px;
    }
}

.friends__table thead th:first-child {
    text-align: left;
    padding-left: 0;
}

@media (max-width: 640px) {
    .friends__table thead th:nth-child(2) {
        display: none;
    }
}

.friends__table thead th:nth-child(3) {
    padding-left: 33px;
    text-align: left;
}

@media (max-width: 1023px) {
    .friends__table thead th:nth-child(3) {
        display: none;
    }
}

.friends__table thead th:nth-child(4) {
    width: 90px;
}

@media (max-width: 640px) {
    .friends__table thead th:nth-child(4) {
        padding-left: 18px;
    }
}

@media (max-width: 640px) {
    .friends__table thead th:nth-child(5) {
        display: none;
    }
}

.friends__table thead th:last-child {
    padding-left: 18px;
}

@media (max-width: 1023px) {
    .friends__table thead th:last-child {
        /*width: 120px; */
        padding: 0;
    }
}

@media (max-width: 640px) {
    .friends__table thead th:last-child {
        /*display: none;*/
    }
}

.friends__table tbody th,
.friends__table tfoot th,
.friends__table tbody td,
.friends__table tfoot td {
    padding: 12px 0;
    text-align: center;
    border-bottom: 1px solid #e2e2e2;
}

@media (max-width: 1023px) {
    .friends__table tbody th,
    .friends__table tfoot th,
    .friends__table tbody td,
    .friends__table tfoot td {
        padding: 11px 0;
    }
}

@media (max-width: 767px) {
    .friends__table tbody th,
    .friends__table tfoot th,
    .friends__table tbody td,
    .friends__table tfoot td {
        padding: 10px 0 11px;
    }
}

.friends__table tbody th:first-child,
.friends__table tfoot th:first-child,
.friends__table tbody td:first-child,
.friends__table tfoot td:first-child {
    text-align: left;
    padding-left: 3px;
}

@media (max-width: 1023px) {
    .friends__table tbody th:first-child,
    .friends__table tfoot th:first-child
    .friends__table tbody td:first-child,
    .friends__table tfoot td:first-child {
        width: 35px;
        padding-left: 0;
    }
}

@media (max-width: 640px) {
    .friends__table tbody td:first-child {
        /*width: auto;*/
    }
}

.friends__table tbody td:nth-child(2) {
}

@media (max-width: 640px) {
    .friends__table tbody th:nth-child(2),
    .friends__table tfoot th:nth-child(2),
    .friends__table tbody td:nth-child(2),
    .friends__table tfoot td:nth-child(2) {
        width: 200px;
        display: none;
    }
}

@media (max-width: 640px) {
    .friends__table tbody td:nth-child(2) {
    }
}

.friends__table tbody th:nth-child(3),
.friends__table tfoot th:nth-child(3),
.friends__table tbody td:nth-child(3),
.friends__table tfoot td:nth-child(3) {
    text-align: left;
    padding-left: 33px;
}

@media (max-width: 1023px) {
    .friends__table tbody th:nth-child(3),
    .friends__table tfoot th:nth-child(3),
    .friends__table tbody td:nth-child(3),
    .friends__table tfoot td:nth-child(3) {
        display: none;
    }
}

.friends__table tbody th:nth-child(4),
.friends__table tfoot th:nth-child(4),
.friends__table tbody td:nth-child(4),
.friends__table tfoot td:nth-child(4) {
    width: 90px;
}

@media (max-width: 640px) {
    .friends__table tbody th:nth-child(4),
    .friends__table tfoot th:nth-child(4),
    .friends__table tbody td:nth-child(4),
    .friends__table tfoot td:nth-child(4) {
        padding-left: 18px;
    }
}

@media (max-width: 640px) {
    .friends__table tbody th:nth-child(5),
    .friends__table tfoot th:nth-child(5),
    .friends__table tbody td:nth-child(5),
    .friends__table tfoot td:nth-child(5) {
        display: none;
    }
    .command__person-wrapper .friends__table tbody td:nth-child(5),
    .command__person-wrapper .friends__table tfoot td:nth-child(5) {
        display: table-cell;
    }
}

.friends__table tbody td:last-child,
.friends__table tfoot td:last-child,
.friends__table tbody th:last-child,
.friends__table tfoot th:last-child{
    text-align: right;
    padding-right: 15px;
}

@media (max-width: 1023px) {
    .friends__table tbody th:last-child,
    .friends__table tfoot th:last-child,
    .friends__table tbody td:last-child,
    .friends__table tfoot td:last-child {
        /*width: 120px;*/
        padding: 0;
        text-align: center;
    }
}

@media (max-width: 640px) {
    .friends__table tbody td:last-child {
        /*display: none; */
    }
}

.friends__table-rating {
    position: relative;
}

.friends__table-rating::before {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: TranslateX(-50%);
    -ms-transform: TranslateX(-50%);
    transform: TranslateX(-50%);
}

.friends__table-rating--up::before {
    bottom: -12px;
    border: 6px solid transparent;
    border-bottom: 8px solid #10a143;
}

.friends__table-rating--down::before {
    bottom: -19px;
    border: 6px solid transparent;
    border-top: 8px solid #f48b36;
}

.friends__table-name {
    font-size: 0;
    line-height: 0;
    position: relative;
    display: block;
    white-space: nowrap;
}

.friends__table-name:hover .friends__table-txt {
    color: #f44336;
}

.friends__table-img {
    display: inline-block;
    vertical-align: middle;
    width: 57px;
    height: 57px;
    border-radius: 50%;
    border: 3px solid transparent;
    margin-right: 21px;
    margin-left: 5px;
}

.friends__table-img img {
    display: block;
    max-width: 100%;
}

.friends__table-img--blue {
    border-color: #42a5f5;
}

.friends__table-img--green {
    border-color: #10a143;
}

.friends__table-img--red {
    border-color: #f44336;
}

.friends__table-icon {
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    left: 38px;
    bottom: -2px;
    background-color: #fff;
}

.friends__table-icon img {
    display: block;
    max-width: 100%;
}

.friends__table-icon--topleft {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    color: black;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 18px;
}
.friends__table-icon--topleft.friends__table-icon--topleft--red {
    color:red
}
.friends__table-icon--topleft.friends__table-icon--topleft--green {
    color:green
}

.friends__table-txt {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

@media (max-width: 1023px) {
    .friends__table-txt span {
        display: block;
        line-height: normal;
    }
}

.friends__table-num {
    font-family: "Bebas Neue", Helvetica, sans-serif;
    font-size: 25px;
    margin-top: -17px;
}

.friends__table-country {
    font-weight: 500;
    display: block;
}

.friends__table-city {
    font-weight: 500;
    display: block;
}

.friends__table--rating thead th {
    border-bottom: none;
    padding: 21px 0 18px;
}

.friends__table--rating thead th:first-child {
    width: 70px;
}

@media (max-width: 767px) {
    .friends__table--rating thead th:first-child {
        padding: 12px 10px;
        text-align: center;
    }
}

@media (max-width: 640px) {
    .friends__table--rating thead th:first-child {
        width: auto;
    }
}

.friends__table--rating thead th:nth-child(2) {
    text-align: left;
    width: 28%;
}

@media (max-width: 1023px) {
    .friends__table--rating thead th:nth-child(2) {
        width: auto;
    }
}

@media (max-width: 640px) {
    .friends__table--rating thead th:nth-child(2) {
        display: table-cell;
    }
}

.friends__table--rating thead th:nth-child(3) {
    text-align: center;
    padding-left: 0;
}

.friends__table--rating thead th:nth-child(4) {
    text-align: left;
    width: 179px;
    padding-left: 27px;
}

@media (max-width: 1023px) {
    .friends__table--rating thead th:nth-child(4) {
        display: none;
    }
}

.friends__table--rating thead th:nth-child(5) {
    width: 150px;
}

@media (max-width: 1023px) {
    .friends__table--rating thead th:nth-child(5) {
        width: auto;
    }
}

@media (max-width: 767px) {
    .friends__table--rating thead th:nth-child(5) {
        display: table-cell;
    }
}

@media (max-width: 640px) {
    .friends__table--rating thead th:nth-child(6) {
        display: none;
    }
}

.friends__table--rating tbody td:first-child {
    width: 70px;
    text-align: center;
    padding: 12px 0;
}

@media (max-width: 767px) {
    .friends__table--rating tbody td:first-child {
        padding: 12px 10px;
    }
}

@media (max-width: 640px) {
    .friends__table--rating tbody td:first-child {
        width: auto;
    }
}

.friends__table--rating tbody td:nth-child(2) {
    text-align: left;
    width: 28%;
}

@media (max-width: 1023px) {
    .friends__table--rating tbody td:nth-child(2) {
        width: auto;
    }
}

@media (max-width: 640px) {
    .friends__table--rating tbody td:nth-child(2) {
        display: table-cell;
    }
}

.friends__table--rating tbody td:nth-child(3) {
    text-align: center;
    padding-left: 0;
}

.friends__table--rating tbody td:nth-child(4) {
    text-align: left;
    width: 179px;
    padding-left: 27px;
}

@media (max-width: 1023px) {
    .friends__table--rating tbody td:nth-child(4) {
        display: none;
    }
}

.friends__table--rating tbody td:nth-child(5) {
    width: 150px;
}

@media (max-width: 1023px) {
    .friends__table--rating tbody td:nth-child(5) {
        width: auto;
    }
}

@media (max-width: 640px) {
    .friends__table--rating tbody td:nth-child(5) {
        display: table-cell;
    }
}

@media (max-width: 640px) {
    .friends__table--rating tbody td:nth-child(6) {
        display: none;
    }
}

.friends__table--rating tbody td.friends__table-you {
    background-color: #f8f8f8;
    padding: 48px 0;
}

@media (max-width: 767px) {
    .friends__table--rating tbody td.friends__table-you {
        padding: 30px 0;
    }
}

.friends__table--rating tbody td.friends__table-you:nth-child(4) {
    padding-left: 27px;
}

.friends__table--rating tbody td.friends__table-you:last-child {
    padding-right: 15px;
}

.friends__more {
    margin: 0 auto;
    text-align: center;
    max-width: 190px;
}

.friends__more-btn {
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #d3d3d3;
    padding: 12.5px 20px;
}

.friends__more-btn:hover {
    opacity: 1;
    border-color: #f44336;
}

.header {
    background-color: #fade55;
    min-height: 80px;
}

@media (max-width: 1023px) {
    .header {
        min-height: 54px;
        position: relative;
        z-index: 4;
    }

    .header.active {
        position: fixed;
        width: 100%;
    }
}

@media (max-width: 479px) {
    .header {
        position: relative;
    }
}

.header__holder {
    text-align: center;
    position: relative;
}

.header__holder:after {
    content: " ";
    display: block;
    clear: both;
}

@media (max-width: 479px) {
    .header__holder {
        position: static;
    }
}

.header__item {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: normal;
}

.header__logo {
    width: 175px;
    float: left;
    padding: 24px 0;
    position: relative;
}

@media (max-width: 1023px) {
    .header__logo {
        padding: 11px 0;
    }
}

@media (max-width: 767px) {
    .header__logo {
        width: 140px;
        padding: 15.5px 0;
    }

    .header__logo img {
        display: block;
        max-width: 100%;
    }
}

.header__logo-arrow {
    width: 20px;
    height: 15px;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.header__logo-arrow::before {
    position: absolute;
    content: '';
    border-left: 2px solid #f44336;
    border-bottom: 2px solid #f44336;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    left: 0;
    top: 3px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.header__logo-arrow::after {
    content: '';
    position: absolute;
    left: 1px;
    width: 12px;
    height: 2px;
    background-color: #f44336;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.header__logo-arrow:hover::before {
    border-color: #333;
}

.header__logo-arrow:hover::after {
    background-color: #333;
}

.header__logo-icon {
    display: inline-block;
    margin-left: -20px;
}

.header__logo-link {
    display: block;
}

@media (max-width: 767px) {
    .header__logo-link--desc {
        display: none;
    }
}

.header__logo-link--mob {
    display: none;
}

@media (max-width: 767px) {
    .header__logo-link--mob {
        display: block;
    }
}

.header__menu {
    font-size: 0;
    line-height: 0;
    width: calc(100% - 175px - 240px);
}

@media (max-width: 1023px) {
    .header__menu {
        width: calc(100% - 175px - 216px);
    }
}

@media (max-width: 767px) {
    .header__menu {
        display: none;
    }
}

.header__nav-list {
    margin-left: -25px;
}

.header__nav-item {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: normal;
    padding: 0 39px;
}

@media (max-width: 1023px) {
    .header__nav-item {
        display: none;
    }
}

@media (max-width: 1023px) {
    .header__nav-item--mod {
        display: block;
        margin-top: 8px;
    }
    .header__nav-item--mod .bonus-balance {
        text-align: left;
    }
}

.header__nav-item:first-child {
    padding-left: 0;
}

.header__nav-item:last-child {
    padding-right: 0;
}

.header__nav-link {
    font-weight: 600;
    display: inline-block;
    color: #333;
    padding: 31px 0 28px;
    border-bottom: 3px solid transparent;
    outline: none;
}

@media (max-width: 1023px) {
    .header__nav-link {
        padding: 16.5px 0;
    }
}

.header__nav-link:hover, .header__nav-link.active {
    opacity: 1;
    border-bottom-color: #f44336;
    color: #f44336;
}

.header__ctrl {
    float: right;
    font-size: 0;
    line-height: 0;
    padding: 15px 0;
    text-align: right;
}

.header__ctrl--main {
    padding: 28px 0;
}

@media (max-width: 1023px) {
    .header__ctrl {
        padding: 8px 0;
    }

    .header__ctrl--main {
        padding: 15px 0;
    }
}

@media (max-width: 767px) {
    .header__ctrl {
        width: auto;
    }
}

.header__ctrl-item {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: normal;
    position: relative;
}

@media (max-width: 479px) {
    .header__ctrl-item {
        position: static;
    }
}

.header__ctrl-item--search {
    position: static;
}

.header__ctrl.show .header__notice-icon svg {
    fill: #f44336;
}

.header__ctrl.show .header__notice-tooltip {
    display: none;
}

.header__lang {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    margin-right: 46px;
    position: relative;
    cursor: pointer;
}

@media (max-width: 1023px) {
    .header__lang {
        margin-right: 30px;
    }
}

@media (max-width: 767px) {
    .header__lang {
        margin-right: 20px;
    }
}

.header__lang-drop {
    border-top: 1px solid #716f61;
    position: absolute;
    top: 32px;
    left: -10px;
    width: 40px;
    background-color: rgba(51, 51, 51, 0.9);
    text-align: center;
    display: none;
}

.header__lang-item {
    font-size: 12px;
    font-weight: 600;
    display: block;
    padding: 10px 0;
    position: relative;
    z-index: 2;
}

.header__lang-item:hover {
    color: #f44336;
}

.header__lang-item--mod {
    color: #fff;
}

.header__lang-item--mod:before {
    display: none;
}

.header__search {
    cursor: pointer;
    margin-right: 29px;
}

@media (max-width: 767px) {
    .header__search {
        display: none;
    }
}

.header__search-icon svg {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.header__search-icon:hover svg {
    fill: #f44336;
}

.header__search-more {
    position: absolute;
    z-index: 5;
    top: 50%;
    right: 130px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: calc(100% - 405px);
    width: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: width, .3s ease-in-out;
    transition: width, .3s ease-in-out;
    overflow: hidden;
}

@media (max-width: 1279px) {
    .header__search-more {
        max-width: calc(100% - 330px);
    }
}

.header__search-more.active {
    width: 100%;
    opacity: 1;
    visibility: visible;
}

.header__search-more-icon {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header__search-input {
    background-color: #fade55;
    border: none;
    height: 63px;
    padding: 0 105px 0 50px;
    font-weight: 600;
    font-size: 14px;
}

.header__search-input::-webkit-input-placeholder {
    color: #333;
}

.header__search-input:-ms-input-placeholder {
    color: #333;
}

.header__search-input:focus::-webkit-input-placeholder {
    color: transparent;
}

.header__search-input:focus:-ms-input-placeholder {
    color: transparent;
}

.header__search-input:focus::placeholder {
    color: transparent;
}

@media (max-width: 1023px) {
    .header__search-input {
        height: 54px;
    }
}

.header__search-close {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    top: 50%;
    right: 83px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 6;
    cursor: pointer;
}

@media (max-width: 812px) {
    .header__search-close {
        right: 10px;
    }
}

.header__search-close::before, .header__search-close::after {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #333;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.header__search-close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.header__search-close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.header__search-close:hover::before, .header__search-close:hover::after {
    background-color: #f44336;
}

.header__notice {
    position: relative;
    margin-right: 27px;
    cursor: pointer;
}

@media (max-width: 1023px) {
    .header__notice {
        margin-right: 37px;
    }
}

@media (max-width: 767px) {
    .header__notice {
        margin-right: 15px;
    }
}

.header__notice-tooltip {
    display: block;
    width: 20px;
    height: 20px;
    background-color: #f44336;
    border: 2px solid #fade55;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    top: -10px;
    right: -10px;
}

.header__notice-tooltip::before {
    content: attr(data-num);
    color: #fff;
    position: absolute;
    font-size: 10px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-45%, -50%);
    -ms-transform: translate(-45%, -50%);
    transform: translate(-45%, -50%);
}

.header__notice-icon {
    display: inline-block;
}

.header__notice-icon svg {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.header__notice-icon:hover svg {
    fill: #f44336;
}

.header__notice-drop {
    display: none;
    width: 370px;
    background-color: #fff;
    text-align: left;
    position: absolute;
    top: 67px;
    right: -18px;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.15);
    border-radius: 0 0 5px 5px;
    border: 1px solid #dcdcdc;
    border-top: none;
    z-index: 20;
    overflow-y: scroll;
    max-height: 400px;
}

@media (max-width: 1023px) {
    .header__notice-drop {
        top: 46px;
        right: -8px;
    }
}

.header__notice-drop::before {
    content: '';
    position: absolute;
    top: -19px;
    right: 46px;
    border: 8px solid transparent;
    border-bottom: 16px solid #fff;
}

.header__notice-drop--mob {
    display: none;
}

@media (max-width: 767px) {
    .header__notice-drop--mob {
        top: 42px;
        right: -38px;
    }

    .header__notice-drop--mob::before {
        top: -16px;
        right: 43px;
    }
}

@media (max-width: 479px) {
    .header__notice-drop {
        top: 54px;
        right: auto;
        left: 0;
        width: 100%;
    }
}

.header__notice-drop-item {
    font-size: 0;
    line-height: 0;
    padding: 15px 10px 15px;
    border-bottom: 1px solid #dcdcdc;
}

.header__notice-drop-link {
    display: block;
    color: #333;
}

.header__notice-drop-link:hover {
    opacity: 1;
}

.header__notice-drop-img {
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 18px;
}

.header__notice-drop-img img {
    width: 46px;
    height: 46px;
    display: block;
}

.header__notice-drop-txt {
    width: calc(100% - 64px);
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
}

.header__notice-drop-name {
    display: block;
    font-size: 14px;
    line-height: 1.2;
    color: #333;
}

.header__notice-drop-date {
    color: #939393;
    display: block;
    font-size: 12px;
    line-height: 1.2;
    padding-bottom: 5px;
}

.header__notice-drop-info {
    display: block;
    line-height: 1.23;
    font-size: 13px;
    color: #f44336;
}

.header__notice-drop-info--mod {
    color: #333;
}

.header__notice-drop-more {
    padding: 13px 10px 15px;
    text-align: center;
}

.header__notice-drop-more a {
    display: block;
    color: #939393;
    font-weight: 500;
    font-size: 13px;
    line-height: normal;
}

.header__notice-drop-more a:hover {
    opacity: 1;
    color: #f44336;
}

.header__profile {
    font-size: 0;
    line-height: 0;
    position: relative;
}

.header__profile-parent {
    display: inline-block;
    vertical-align: middle;
}

.header__profile-parent.show .header__profile-icon::before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.header__profile-parent.show .header__lang-item {
    color: #f44336;
}

.header__profile-parent.show .header__lang-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -10px;
    background-color: rgba(51, 51, 51, 0.9);
    width: 40px;
    height: 32px;
    z-index: -1;
}

@media (max-width: 479px) {
    .header__profile {
        position: static;
    }
}

.header__profile-img {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: normal;
    border: 3px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
    position: relative;
}

@media (max-width: 1023px) {
    .header__profile-img {
        margin-right: 5px;
    }
}

@media (max-width: 767px) {
    .header__profile-img {
        overflow: visible;
        cursor: pointer;
    }
}

@media (max-width: 479px) {
    .header__profile-img {
        position: static;
    }
}

.header__profile-img img {
    width: 35px;
    height: 35px;
    display: block;
}

@media (max-width: 1023px) {
    .header__profile-img img {
        width: 30px;
        height: 30px;
    }
}

.header__profile-icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    position: relative;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer;
}

.header__profile-icon::before {
    content: '';
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 9px;
    height: 9px;
    border-bottom: 2px solid #f44336;
    border-left: 2px solid #f44336;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

@media (max-width: 479px) {
    .header__profile-icon {
        position: static;
    }

    .header__profile-icon::before {
        right: 13px;
        left: auto;
        top: 50%;
    }
}

.header__profile-drop {
    display: none;
    width: 220px;
    position: absolute;
    top: 61px;
    right: 0;
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.15);
    border-radius: 0 0 5px 5px;
    text-align: left;
    border: 1px solid #dcdcdc;
    border-top: none;
    z-index: 20;
}

@media (max-width: 1023px) {
    .header__profile-drop {
        top: 45px;
    }
}

@media (max-width: 767px) {
    .header__profile-drop {
        top: 46px;
    }
}

@media (max-width: 479px) {
    .header__profile-drop {
        width: 100%;
        right: auto;
        left: 0;
        top: 54px;
    }
}

.header__profile-drop-item:first-child a {
    padding: 14px 15px 11px;
}

@media (max-width: 479px) {
    .header__profile-drop-item:first-child a {
        padding: 20px 15px 23px 38px;
    }
}

.header__profile-drop-item:last-child a {
    padding: 14px 15px 20px;
}

@media (max-width: 479px) {
    .header__profile-drop-item:last-child a {
        padding: 20px 15px 23px 38px;
    }

    .header__profile-drop-item:last-child a::before {
        display: none;
    }
}

.header__profile-drop-link {
    display: block;
    font-size: 0;
    line-height: 0;
    color: #939393;
    padding: 12px 15px;
}

.header__profile-drop-link:hover {
    opacity: 1;
    background-color: #eee;
}

.header__profile-drop-link:hover svg {
    fill: #f44336;
}

@media (max-width: 479px) {
    .header__profile-drop-link {
        color: #333;
        padding: 20px 15px 20px 38px;
        position: relative;
    }

    .header__profile-drop-link::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 38px;
        height: 1px;
        width: calc(100% - 38px);
        background-color: #dcdcdc;
    }

    .header__profile-drop-link:hover::before {
        background-color: transparent;
    }

    .header__profile-drop-link:hover .header__profile-drop-txt {
        color: #f44336;
    }
}

.header__profile-drop-icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: normal;
    margin-right: 15px;
}

.header__profile-drop-icon svg {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    fill: #939393;
}

@media (max-width: 479px) {
    .header__profile-drop-icon {
        margin-right: 36px;
    }

    .header__profile-drop-icon svg {
        fill: #333;
    }
}

.header__profile-drop-txt {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
}

.header-main {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 35px;
    padding-bottom: 15px;
}

@media (max-height: 530px) {
    .header-main {
        padding-top: 15px;
    }
}

@media (max-width: 767px) {
    .header-main {
        padding-top: 16px;
    }
}

.header-main__wrap {
    letter-spacing: -.36em;
}

@media (max-width: 1232px) {
    .header-main__wrap {
        padding-right: 62px;
    }
}

@media (max-width: 767px) {
    .header-main__wrap {
        padding-right: 0;
    }
}

.header-main__holder {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    letter-spacing: normal;
}

.header-main__holder--right {
    text-align: right;
}

.header-main__logo-link {
    display: inline-block;
}

@media (max-width: 767px) {
    .header-main__holder {
        vertical-align: top;
    }
}

.header-main__logo-link:hover .header-main__logo-icon {
    fill: #fade55;
}

.header-main__logo-icon {
    fill: #fff;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.header-main__singin {
    display: inline-flex;
}

.header-main__singin .dropdown-toggle {
    margin-left: 16px;
    color: #f44336;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: .35px;
    text-transform: capitalize;
}

.header-main__singin .dropdown-menu {
    min-width: 56px;
}

@media (max-width: 767px) {
    .header-main__singin {
        flex-direction: column;
    }

    .header-main__singin .dropdown-toggle {
        margin-left: 8px;
    }

    .header-main__singin .dropdown-menu {
        right: 0;
        left: unset;
    }

    .header-main__singin-link {
        margin-bottom: 6px;
    }
}

.header-main__singin .dropdown-toggle:hover {
    color: #fade56;
}

.header-main__singin-link {
    display: inline-block;
}

.header-main__singin-link:hover .header-main__singin-icon {
    fill: #fade55;
}

.header-main__singin-link:hover .header-main__singin-txt {
    color: #fade55;
}

.header-main__singin-inner {
    margin-right: 14px;
    display: inline-block;
    vertical-align: middle;
}

.header-main__singin-icon {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    fill: #fff;
}

.header-main__singin-txt {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .35px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.main-screen {
    padding-top: 150px;
    padding-bottom: 150px;
}

@media (max-height: 740px) {
    .main-screen {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

@media (max-height: 530px) {
    .main-screen {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (max-width: 1023px) {
    .main-screen {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .main-screen {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.main-screen__holder {
    display: inline-block;
    vertical-align: top;
    max-width: 400px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

@media (max-width: 1023px) {
    .main-screen__holder {
        max-width: 430px;
    }
}

.main-screen__holder.hide {
    opacity: 0;
    visibility: hidden;
}

.main-screen__title {
    margin-bottom: 30px;
    display: block;
    color: #fade56;
    font-size: 47px;
    font-weight: 600;
    line-height: 1.06;
}

@media (max-height: 530px) {
    .main-screen__title {
        margin-bottom: 28px;
        font-size: 36px;
    }
}

@media (max-width: 1023px) {
    .main-screen__title {
        margin-bottom: 45px;
        font-size: 33px;
        line-height: 1.1;
        letter-spacing: 1.65px;
    }
}

@media (max-width: 767px) {
    .main-screen__title {
        margin-bottom: 14px;
        font-size: 30px;
        line-height: 1.2;
    }
}

.main-screen__desc {
    margin-bottom: 34px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 2.2;
    letter-spacing: .7px;
}

@media (max-height: 530px) {
    .main-screen__desc {
        margin-bottom: 30px;
        font-size: 12px;
        line-height: 1.7;
    }
}

@media (max-width: 1023px) {
    .main-screen__desc {
        margin-bottom: 62px;
    }
}

@media (max-width: 767px) {
    .main-screen__desc {
        margin-bottom: 26px;
    }
}

.main-screen__desc p {
    margin-bottom: 31px;

    font-size: 21px;
    line-height: 1;
}

.main-screen__desc p span {
    text-decoration: underline;
}

.main-screen__desc .icons-list {
    display: flex;
    margin-bottom: 39px;
}

.main-screen__desc .icons-list li {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 47px;
    height: 46px;
    padding: 0;
    margin: 0 14px 0 0;
    border: 3px solid #ed4742;
    border-radius: 50%;
}

@media (max-width: 480px) {
    .main-screen__desc .icons-list li {
        width: 36px;
        height: 36px;
        margin: 0 8px 0 0;
    }

    .main-screen__desc p {
        margin-bottom: 20px;

        font-size: 16px;
        line-height: 1.2;
    }

    .main-screen__desc .icons-list {
        margin-bottom: 20px;
    }
}

.main-screen__desc .icons-list li:before {
    display: none;
}

.main-screen__desc .icon-item {
    fill: #fff;
}

.main-screen__btn {
    padding: 3px 40px;
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: 42px;
    line-height: 35px;
    color: #fff;
}

@media (max-width: 767px) {
    .main-screen__btn {
        margin-bottom: 19px;
        width: 195px;
    }
}

.main-screen__btn--value {
    padding-left: 47px;
    padding-right: 25px;
    height: 43px;
}

.main-screen__btn:not(:last-child) {
    margin-right: 21px;
}

.main-popup {
    position: fixed;
    top: 0;
    left: 100%;
    right: -100%;
    bottom: 0;
    letter-spacing: -.36em;
    z-index: 99;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background-color: #fff;
    height: 100%;
    padding-bottom: 50px;
    overflow-y: auto;
}

.main-popup.show {
    left: 43.75%;
    right: 0;
}

@media (max-width: 1023px) {
    .main-popup.show {
        left: 0;
    }
}

.main-popup__close {
    position: absolute;
    top: 31px;
    right: 31px;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

@media (max-width: 1023px) {
    .main-popup__close {
        top: 23px;
        right: 23px;
    }
}

@media (max-width: 767px) {
    .main-popup__close {
        top: 12px;
        right: 10px;
        z-index: 1;
    }
}

.main-popup__close::before, .main-popup__close::after {
    content: '';
    position: absolute;
    top: 9px;
    left: -4px;
    width: 29px;
    border-bottom: 2px solid #939393;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .main-popup__close::before, .main-popup__close::after {
        border-bottom-width: 3px;
    }
}

.main-popup__close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.main-popup__close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.main-popup__close:hover::before, .main-popup__close:hover::after {
    border-color: #fade55;
}

.main-popup__holder {
    letter-spacing: normal;
    height: 100%;
}

@media (max-width: 1023px) {
    .main-popup__holder {
        display: block;
        width: auto;
    }
}

.main-popup__holder--large {
    padding-top: 54px;
    padding-left: 94px;
    padding-right: 45px;
}

@media (max-width: 1200px) {
    .main-popup__holder--large {
        padding-left: 45px;
    }
}

@media (max-width: 1023px) {
    .main-popup__holder--large {
        padding-top: 61px;
        padding-left: 83px;
        padding-right: 83px;
        width: auto;
    }
}

@media (max-width: 690px) {
    .main-popup__holder--large {
        padding-top: 13px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.main-popup__logo-icon {
    fill: #fff;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.main-popup__logo-icon:hover {
    fill: #fade55;
}

.main-popup__tab {
    max-width: 540px;
    margin: 0 auto;
}

.main-popup__holder .main-popup__tab {
    margin: 0;
}

.main-popup__nav {
    margin-bottom: 34px;
}

@media (max-width: 767px) {
    .main-popup__nav {
        margin-bottom: 31px;
    }
}

.main-popup__nav-list {
    border-bottom: 1px solid #e2e2e2;
}

@media (max-width: 767px) {
    .main-popup__nav-list {
        padding-right: 25px;
    }
}

.main-popup__nav-item {
    padding-bottom: 9px;
    display: inline-block;
}

.main-popup__nav-item:not(:last-child) {
    margin-right: 57px;
}

.main-popup__nav-link {
    display: inline-block;
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .8px;
}

.main-popup__nav-link.active {
    color: #f44336;
    position: relative;
}

.main-popup__nav-link.active::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    border-bottom: 3px solid #f44336;
}

.main-popup__content-item {
    display: none;
}

.main-popup__content-item.active {
    display: block;
}

.main-popup__content-top {
    margin-bottom: 31px;
    padding-bottom: 35px;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
}

.main-popup__content-top::before {
    content: attr(data-txt);
    position: absolute;
    left: 50%;
    bottom: -12px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 5px 22px;
    background-color: #fff;
    color: #969393;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .35px;
}

.main-popup__content-row {
    margin: 0 -16px;
    letter-spacing: -.36em;
}

@media (max-width: 1023px) {
    .main-popup__content-row {
        margin: 0 -10px;
    }
}

.main-popup__content-col {
    padding: 2px 16px;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    height: 50px;
    letter-spacing: normal;
}

@media (max-width: 1023px) {
    .main-popup__content-col {
        padding: 2px 10px;
    }
}

@media (max-width: 540px) {
    .main-popup__content-col {
        margin: 0 auto;
        width: 273px;
        display: block;
    }
}

@media (max-width: 540px) {
    .main-popup__content-col:not(:last-child) {
        margin-bottom: 16px;
    }
}

.main-popup__form-row {
    margin-bottom: 26px;
}

@media (max-width: 767px) {
    .main-popup__form-row {
        margin-bottom: 28px;
    }
}

.main-popup__form-row--multi {
    margin-left: -16px;
    margin-right: -16px;
    letter-spacing: -.36em;
}

@media (max-width: 1023px) {
    .main-popup__form-row--multi {
        margin-left: -10px;
        margin-right: -10px;
    }
}

@media (max-width: 767px) {
    .main-popup__form-row--multi {
        margin-bottom: 17px;
    }
}

.main-popup__form-row--multi:last-child {
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .main-popup__form-row--info {
        margin-bottom: 36px;
        padding-top: 10px;
    }
}

.main-popup__form-col {
    padding: 0 16px;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    letter-spacing: normal;
}

@media (max-width: 1023px) {
    .main-popup__form-col {
        padding: 0 10px;
    }
}

@media (max-width: 540px) {
    .main-popup__form-col {
        display: block;
        width: auto;
    }
}

@media (max-width: 540px) {
    .main-popup__form-col:not(:last-child) {
        margin-bottom: 17px;
    }
}

.main-popup__form-label {
    margin-bottom: 7px;
    display: block;
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    letter-spacing: .35px;
}

.main-popup__form-input {
    height: 43px;
}

.main-popup__form-input[type="date"] {
    text-transform: uppercase;
}

.main-popup__form-input[type="date"]::-webkit-calendar-picker-indicator {
    -webkit-appearance: none;
    display: none;
}

.main-popup__form-input[type="date"]::-webkit-clear-button {
    display: none;
    -webkit-appearance: none;
}

.main-popup__form-input[type='number'] {
    -moz-appearance: textfield;
}

.main-popup__form-input::-webkit-outer-spin-button, .main-popup__form-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.main-popup__form-select.opened .jq-selectbox__dropdown {
    top: 42px !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .main-popup__form-select.opened .jq-selectbox__dropdown {
        width: auto !important;
    }
}

.main-popup__form-link {
    margin-bottom: 26px;
    display: inline-block;
    color: #969393;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .35px;
    border-bottom: 1px solid #969393;
}

@media (max-width: 767px) {
    .main-popup__form-link {
        margin-bottom: 23px;
    }
}

.main-popup__form-link:hover {
    border-bottom-color: transparent;
}

.main-popup__form-btn {
    padding-left: 30px;
    padding-right: 30px;
    width: auto;
}

@media (max-width: 540px) {
    .main-popup__form-btn {
        margin: 0 auto;
    }
}

.main-popup__form-checkbox {
    margin-bottom: 15px;
}

.main-popup__form-checkbox .checkbox > span {
    padding-left: 37px;
    color: #333333;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.54;
    letter-spacing: .33px;
}

.main-popup__form-txt {
    margin-bottom: 37px;
    display: block;
    color: #333333;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.54;
    letter-spacing: .33px;
}

.main-popup__form-txt a {
    display: inline;
    color: #f44336;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.54;
    letter-spacing: .33px;
    border-bottom: 1px solid #f44336;
}

.main-popup__form-txt a:hover {
    border-bottom-color: transparent;
}

.payment {
    padding-top: 67px;
    padding-bottom: 67px;
}

@media (max-width: 767px) {
    .payment {
        padding-top: 17px;
    }
}

.payment__caption {
    padding-bottom: 48px;
}

@media (max-width: 767px) {
    .payment__caption {
        padding-bottom: 25px;
    }
}

.payment .settings__item {
    padding-bottom: 96px;
}

@media (max-width: 1023px) {
    .payment .settings__item {
        padding-bottom: 50px;
    }
}

@media (max-width: 479px) {
    .payment .settings__item {
        padding-bottom: 30px;
    }
}

.payment__category-head {
    padding-bottom: 15px;
    border-bottom: 1px solid #e2e2e2;
}

.payment__category-head-inner {
    font-size: 0;
    line-height: 0;
}

.payment__category-info {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px 0 0;
    width: 50%;
    font-size: 14px;
    line-height: normal;
}

.payment__category-info--mod {
    width: 40%;
}

@media (max-width: 767px) {
    .payment__category-info--mod {
        width: 45%;
    }
}

.payment__category-title {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    line-height: normal;
    color: #939393;
    font-weight: 500;
}

.payment__category-price {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    padding: 0 15px 0 30px;
    font-size: 14px;
    line-height: normal;
}

.payment__category-price--mod {
    width: 60%;
    padding: 0 15px 0 22px;
}

@media (max-width: 767px) {
    .payment__category-price--mod {
        width: 55%;
    }
}

.payment__category-item {
    font-size: 0;
    line-height: 0;
    padding: 31px 0;
    border-bottom: 1px solid #e2e2e2;
}

@media (max-width: 479px) {
    .payment__category-item {
        padding: 15px 0;
    }
}

.payment__category-item--mod {
    display: block;
    position: relative;
    cursor: pointer;
    padding: 39px 0;
}

@media (max-width: 1023px) {
    .payment__category-item--mod {
        padding: 30px 0;
    }
}

@media (max-width: 479px) {
    .payment__category-item--mod {
        padding: 20px 0;
    }
}

.payment__category-item--mod input {
    display: none;
}

.payment__category-item--mod input:not(:checked) + .payment__category-item-check::before {
    top: 2px;
    right: 21px;
    width: 24px;
    height: 24px;
    background-color: #f8f8f8;
    border: 1px solid #dcdcdc;
}

.payment__category-item--mod input:not(:checked) + .payment__category-item-check::after {
    opacity: 0;
}

.payment__category-item--mod input:checked + .payment__category-item-check::before {
    top: 2px;
    right: 21px;
    width: 24px;
    height: 24px;
    background-color: #fade55;
    border: 1px solid #fade55;
}

.payment__category-item--mod input:checked + .payment__category-item-check::after {
    top: 10px;
    right: 29px;
    width: 8px;
    height: 8px;
    background-color: #f44336;
    opacity: 1;
}

.payment__category-item-check {
    display: block;
    position: relative;
}

.payment__category-item-check:before, .payment__category-item-check:after {
    content: '';
    position: absolute;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    border-radius: 50%;
}

.payment__category-item-name {
    display: block;
    font-size: 18px;
    font-weight: 500;
}

.payment__category-item-group {
    font-size: 14px;
    color: #939393;
    display: block;
}

.payment__category-item-price {
    font-size: 20px;
    font-weight: 500;
}

.payment__category-group {
    padding-top: 55px;
    padding-bottom: 40px;
    width: 47%;
}

@media (max-width: 1023px) {
    .payment__category-group {
        padding-top: 40px;
        padding-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .payment__category-group {
        width: 50%;
    }
}

@media (max-width: 479px) {
    .payment__category-group {
        width: 100%;
        padding-top: 25px;
        padding-bottom: 20px;
    }
}

.payment__category-group-label {
    display: block;
    padding-bottom: 10px;
}

.payment__category-desc {
    line-height: 1.7;
    letter-spacing: 0.75px;
}

.payment__tooltip {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    font-size: 13px;
    line-height: normal;
    text-align: center;
    margin-left: 10px;
    cursor: pointer;
    position: relative;
}

.payment__tooltip [class^="icon-"],
.payment__tooltip [class*="icon-"] {
    fill: #b6b6b6;
    width: 100%;
    height: 100%;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.payment__tooltip:hover [class^="icon-"],
.payment__tooltip:hover [class*="icon-"] {
    fill: #f44336;
}

.payment__tooltip:hover > .payment__tooltip-drop {
    opacity: 1;
    visibility: visible;
}

.payment__tooltip-drop {
    opacity: 0;
    visibility: hidden;
    width: 255px;
    position: absolute;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.14);
    bottom: 45px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
    border-radius: 6px;
    padding: 12px 17px 15px;
    text-align: left;
    border: 1px solid #dcdcdc;
    z-index: 4;
}

.payment__tooltip-drop::before {
    position: absolute;
    content: '';
    bottom: -6px;
    left: 50%;
    background-color: #fff;
    -webkit-transform: translateX(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg);
    width: 16px;
    height: 16px;
    z-index: 2;
    -webkit-box-shadow: 0px -1px 4px 0px white;
    box-shadow: 0px -1px 4px 0px white;
}

.payment__tooltip-drop::after {
    position: absolute;
    content: '';
    bottom: -9px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg);
    width: 16px;
    height: 16px;
    border-left: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    z-index: 1;
    -webkit-box-shadow: -1px 2px 10px 0px rgba(0, 0, 0, 0.14);
    box-shadow: -1px 2px 10px 0px rgba(0, 0, 0, 0.14);
}

@media (max-width: 767px) {
    .payment__tooltip-drop {
        bottom: auto;
        top: 39px;
        left: calc(50% + 34px);
    }

    .payment__tooltip-drop::before {
        left: calc(50% - 34px);
        top: -6px;
        bottom: auto;
        -webkit-box-shadow: -1px 2px 10px 0px white;
        box-shadow: -1px 2px 10px 0px white;
    }

    .payment__tooltip-drop::after {
        left: calc(50% - 34px);
        background-color: #fff;
        top: -8px;
        bottom: auto;
        -webkit-box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.14);
        box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.14);
    }
}

.payment__tooltip-txt {
    font-size: 12px;
    line-height: 1.6;
}

.payment__method-holder {
}

.payment__method-inner {
    padding-bottom: 50px;
}

@media (max-width: 767px) {
    .payment__method-inner {
        padding-bottom: 30px;
    }
}

@media (max-width: 479px) {
    .payment__method-inner {
        padding-bottom: 3px;
    }
}

.payment__method-item {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    padding: 0 15px;
}

@media (max-width: 479px) {
    .payment__method-item {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }
}

.payment__method-radio {
    display: table;
    width: 100%;
    height: 77px;
    cursor: pointer;
}

.payment__method-radio-inner {
    display: table-cell;
    vertical-align: middle;
    padding: 0 25px;
    border-radius: 6px;
    background-color: #ebebeb;
}

@media (max-width: 767px) {
    .payment__method-radio-inner {
        padding: 0 10px;
    }
}

.payment__method-radio input {
    display: none;
}

.payment__method-radio input:checked + .payment__method-radio-inner {
    background-color: #fade55;
}

.payment__method-radio input:checked + .payment__method-radio-inner .payment__method-icon {
    fill: #f44336;
}

.payment__method-radio input:checked + .payment__method-radio-inner .payment__method-txt {
    color: #f44336;
}

.payment__method-icon {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    margin-right: 15px;
}

.payment__method-icon .icon-gollar {
    width: 24px;
}

.payment__method-icon [class^="icon-"],
.payment__method-icon [class*="icon-"] {
    height: 100%;
}

.payment__method-txt {
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    line-height: normal;
    font-size: 14px;
}

.payment__method-check {
    padding: 0 15px;
    margin-bottom: 45px;
}

@media (max-width: 767px) {
    .payment__method-check {
        margin-bottom: 30px;
    }
}

@media (max-width: 479px) {
    .payment__method-check {
        margin-bottom: 20px;
    }
}

.payment__method-check .radio input:not(:checked) + span::before {
    top: -3px;
    left: 0;
    width: 24px;
    height: 24px;
    background-color: #f8f8f8;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
}

.payment__method-check .radio input:not(:checked) + span::after {
    opacity: 0;
}

.payment__method-check .radio input:checked + span::before {
    top: -3px;
    left: 0;
    width: 24px;
    height: 24px;
    background-color: #fade55;
    border: 2px solid #fade55;
    border-radius: 3px;
}

.payment__method-check .radio input:checked + span::after {
    top: 4px;
    left: 6px;
    width: 11px;
    height: 7px;
    border-left: 2px solid #f44336;
    border-bottom: 2px solid #f44336;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 1;
    border-radius: 0;
    background-color: transparent;
}

.payment__method-desc {
    padding-bottom: 50px;
}

@media (max-width: 1023px) {
    .payment__method-desc {
        padding-bottom: 25px;
    }
}

@media (max-width: 767px) {
    .payment__method-desc {
        padding-bottom: 10px;
    }
}

@media (max-width: 479px) {
    .payment__method-desc {
        padding-bottom: 0;
    }
}

.payment__method-desc p {
    letter-spacing: 0.25px;
    line-height: 1.75;
}

.payment__method-btn {
    max-width: 155px;
}

.payment__trakers-more {
    position: relative;
    padding-bottom: 63px;
    padding-top: 2px;
}

@media (max-width: 767px) {
    .payment__trakers-more {
        padding-bottom: 40px;
    }
}

.payment__trakers-more-content {
    display: none;
    padding-bottom: 25px;
}

.payment__trakers-more .settings__social-more-link::before {
    background-color: #d3d3d3;
}

.popup {
    display: none;
    background-color: transparent;
}

@media (max-width: 580px) {
    .popup {
        width: 100%;
    }
}

.popup__holder {
    background-color: #fff;
    width: 540px;
    text-align: center;
    border-radius: 6px;
    padding: 38px 15px 48px;
}

@media (max-width: 580px) {
    .popup__holder {
        width: auto;
    }
}

.popup__icon {
    width: 107px;
    height: 107px;
    border-radius: 50%;
    background-color: #fade55;
    margin: 0 auto 30px;
}

.popup__icon [class^="icon-"],
.popup__icon [class*="icon-"] {
    fill: #f44336;
    vertical-align: middle;
    height: 100%;
    width: 30px;
}

@media (max-width: 479px) {
    .popup__icon {
        width: 80px;
        height: 80px;
        margin: 0 auto 20px;
    }

    .popup__icon [class^="icon-"],
    .popup__icon [class*="icon-"] {
        width: 24px;
    }
}

.popup__text {
    font-size: 17px;
    line-height: 2.1;
    letter-spacing: 0.25px;
    max-width: 300px;
    margin: 0 auto;
}

@media (max-width: 479px) {
    .popup__text {
        line-height: 1.6;
    }
}

.popup__text a {
    line-height: 1;
    font-weight: 500;
    font-size: 17px;
    letter-spacing: 0.45px;
    border-bottom: 1px solid #f44336;
}

.popup__text a:hover {
    border-bottom-color: transparent;
}

#preloader {
    position: fixed;
    margin: 0 auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #fff;
    z-index: 9999;
}

#preloader .preloader-wrapper {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

body.overflow-hidden {
    overflow: hidden !important;
}

body.overflow-hidden .compensate-for-preloader {
    margin-right: 15px;
}

/*
    @license
    Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
    This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
    The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
    The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
    Code distributed by Google as part of the polymer project is also
    subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 */
/**************************/
/* STYLES FOR THE SPINNER */
/**************************/
/*
 * Constants:
 *      STROKEWIDTH = 3px
 *      ARCSIZE     = 270 degrees (amount of circle the arc takes up)
 *      ARCTIME     = 1333ms (time it takes to expand and contract arc)
 *      ARCSTARTROT = 216 degrees (how much the start location of the arc
 *                                should rotate each time, 216 gives us a
 *                                5 pointed star shape (it's 360/5 * 3).
 *                                For a 7 pointed star, we might do
 *                                360/7 * 3 = 154.286)
 *      CONTAINERWIDTH = 28px
 *      SHRINK_TIME = 400ms
 */
.preloader-wrapper.small {
    width: 36px;
    height: 36px;
}

.preloader-wrapper.big {
    width: 64px;
    height: 64px;
}

.preloader-wrapper.active {
    /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
    -webkit-animation: container-rotate 1568ms linear infinite;
    animation: container-rotate 1568ms linear infinite;
}

@-webkit-keyframes container-rotate {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spinner-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-color: #fade55;
}

.spinner-blue,
.spinner-blue-only {
    border-color: #4285f4;
}

.spinner-red,
.spinner-red-only {
    border-color: #db4437;
}

.spinner-yellow,
.spinner-yellow-only {
    border-color: #f4b400;
}

.spinner-green,
.spinner-green-only {
    border-color: #0f9d58;
}

/**
 * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
 *
 * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
 * guarantee that the animation will start _exactly_ after that value. So we avoid using
 * animation-delay and instead set custom keyframes for each color (as redundant as it
 * seems).
 *
 * We write out each animation in full (instead of separating animation-name,
 * animation-duration, etc.) because under the polyfill, Safari does not recognize those
 * specific properties properly, treats them as -webkit-animation, and overrides the
 * other animation rules. See https://github.com/Polymer/platform/issues/53.
 */
.active .spinner-layer.spinner-blue {
    /* durations: 4 * ARCTIME */
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-red {
    /* durations: 4 * ARCTIME */
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-yellow {
    /* durations: 4 * ARCTIME */
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-green {
    /* durations: 4 * ARCTIME */
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer,
.active .spinner-layer.spinner-blue-only,
.active .spinner-layer.spinner-red-only,
.active .spinner-layer.spinner-yellow-only,
.active .spinner-layer.spinner-green-only {
    /* durations: 4 * ARCTIME */
    opacity: 1;
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
    }
    /* 0.5 * ARCSIZE */
    25% {
        -webkit-transform: rotate(270deg);
    }
    /* 1   * ARCSIZE */
    37.5% {
        -webkit-transform: rotate(405deg);
    }
    /* 1.5 * ARCSIZE */
    50% {
        -webkit-transform: rotate(540deg);
    }
    /* 2   * ARCSIZE */
    62.5% {
        -webkit-transform: rotate(675deg);
    }
    /* 2.5 * ARCSIZE */
    75% {
        -webkit-transform: rotate(810deg);
    }
    /* 3   * ARCSIZE */
    87.5% {
        -webkit-transform: rotate(945deg);
    }
    /* 3.5 * ARCSIZE */
    to {
        -webkit-transform: rotate(1080deg);
    }
    /* 4   * ARCSIZE */
}

@keyframes fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    /* 0.5 * ARCSIZE */
    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    /* 1   * ARCSIZE */
    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg);
    }
    /* 1.5 * ARCSIZE */
    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg);
    }
    /* 2   * ARCSIZE */
    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg);
    }
    /* 2.5 * ARCSIZE */
    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg);
    }
    /* 3   * ARCSIZE */
    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg);
    }
    /* 3.5 * ARCSIZE */
    to {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg);
    }
    /* 4   * ARCSIZE */
}

@-webkit-keyframes blue-fade-in-out {
    from {
        opacity: 1;
    }
    25% {
        opacity: 1;
    }
    26% {
        opacity: 0;
    }
    89% {
        opacity: 0;
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes blue-fade-in-out {
    from {
        opacity: 1;
    }
    25% {
        opacity: 1;
    }
    26% {
        opacity: 0;
    }
    89% {
        opacity: 0;
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes red-fade-in-out {
    from {
        opacity: 0;
    }
    15% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    51% {
        opacity: 0;
    }
}

@keyframes red-fade-in-out {
    from {
        opacity: 0;
    }
    15% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    51% {
        opacity: 0;
    }
}

@-webkit-keyframes yellow-fade-in-out {
    from {
        opacity: 0;
    }
    40% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    76% {
        opacity: 0;
    }
}

@keyframes yellow-fade-in-out {
    from {
        opacity: 0;
    }
    40% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    76% {
        opacity: 0;
    }
}

@-webkit-keyframes green-fade-in-out {
    from {
        opacity: 0;
    }
    65% {
        opacity: 0;
    }
    75% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes green-fade-in-out {
    from {
        opacity: 0;
    }
    65% {
        opacity: 0;
    }
    75% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/**
 * Patch the gap that appear between the two adjacent div.circle-clipper while the
 * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
 */
.gap-patch {
    position: absolute;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

.gap-patch .circle {
    width: 1000%;
    left: -450%;
}

.circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

.circle-clipper .circle {
    width: 200%;
    height: 100%;
    border-width: 3px;
    /* STROKEWIDTH */
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent !important;
    border-radius: 50%;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.circle-clipper.left .circle {
    left: 0;
    border-right-color: transparent !important;
    -webkit-transform: rotate(129deg);
    -ms-transform: rotate(129deg);
    transform: rotate(129deg);
}

.circle-clipper.right .circle {
    left: -100%;
    border-left-color: transparent !important;
    -webkit-transform: rotate(-129deg);
    -ms-transform: rotate(-129deg);
    transform: rotate(-129deg);
}

.active .circle-clipper.left .circle {
    /* duration: ARCTIME */
    -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .circle-clipper.right .circle {
    /* duration: ARCTIME */
    -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes left-spin {
    from {
        -webkit-transform: rotate(130deg);
    }
    50% {
        -webkit-transform: rotate(-5deg);
    }
    to {
        -webkit-transform: rotate(130deg);
    }
}

@keyframes left-spin {
    from {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }
    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }
}

@-webkit-keyframes right-spin {
    from {
        -webkit-transform: rotate(-130deg);
    }
    50% {
        -webkit-transform: rotate(5deg);
    }
    to {
        -webkit-transform: rotate(-130deg);
    }
}

@keyframes right-spin {
    from {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }
    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }
}

#spinnerContainer.cooldown {
    /* duration: SHRINK_TIME */
    -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
    animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

@-webkit-keyframes fade-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fade-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.price__table {
    width: 100%;
    font-family: "Montserrat", Helvetica, sans-serif;
    border-collapse: collapse;
    margin-bottom: 45px;
}

@media (max-width: 767px) {
    .price__table {
        margin-bottom: 30px;
    }
}

.price__table-head {
    font-size: 13px;
    color: #969393;
}

.price__table-head th {
    font-weight: 500;
    text-align: left;
    border-bottom: 1px solid #e2e2e2;
    height: 55px;
}

.price__table-head th:nth-child(1) {
    width: 30%;
}

.price__table-head th:nth-child(2) {
    width: 20%;
}

.price__table-head th:nth-child(3) {
    width: 20%;
}

@media (max-width: 479px) {
    .price__table-head th:nth-child(3) {
        display: none;
    }
}

.price__table-head th:nth-child(4) {
    width: 30%;
}

.price__table-body td {
    font-size: 20px;
    font-weight: 500;
    height: 102px;
    border-bottom: 1px solid #e2e2e2;
}

@media (max-width: 767px) {
    .price__table-body td {
        font-size: 18px;
        height: 80px;
    }
}

.price__table-body td:nth-child(1) {
    width: 30%;
    font-size: 18px;
    padding-left: 42px;
}

@media (max-width: 767px) {
    .price__table-body td:nth-child(1) {
        padding-left: 0;
        font-size: 16px;
    }
}

@media (max-width: 479px) {
    .price__table-body td:nth-child(1) {
        padding-right: 10px;
    }
}

.price__table-body td:nth-child(2) {
    width: 20%;
}

.price__table-body td:nth-child(3) {
    width: 20%;
}

@media (max-width: 479px) {
    .price__table-body td:nth-child(3) {
        display: none;
    }
}

.price__table-body td:nth-child(4) {
    width: 30%;
    text-align: right;
}

@media (max-width: 479px) {
    .price__table-body td:nth-child(4) {
        padding-left: 10px;
    }
}

.price__km {
    text-transform: uppercase;
}

.price__text {
    display: block;
    padding-bottom: 82px;
    letter-spacing: .8px;
}

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

.price__btn {
    display: inline-block;
    width: 160px;
    border: 1px solid #f44336;
    color: #f44336;
    padding: 13px 10px;
    letter-spacing: -.4px;
}

.price__btn:hover {
    opacity: .6;
}

@media (max-width: 767px) {
    .price__btn {
        width: 140px;
    }
}

@media (max-width: 479px) {
    .price__btn {
        width: 100%;
    }
}

.profile__content {
    background-color: #f8f8f8;
    padding-top: 33px;
}

@media (max-width: 1023px) {
    .profile__content {
        padding-top: 24px;
    }
}

@media (max-width: 767px) {
    .profile__content {
        padding-top: 18px;
    }
}

.profile__content--achievements {
    padding-bottom: 37px;
}

.profile__content--clubs {
    padding-bottom: 30px;
}

@media (max-width: 1023px) {
    .profile__content--clubs {
        padding-bottom: 23px;
    }
}

@media (max-width: 767px) {
    .profile__content--clubs {
        padding-bottom: 15px;
        padding-top: 12px;
    }
}

.profile__content--clubs .friends__outer {
    padding-top: 0;
    background-color: #fff;
    padding-bottom: 0;
}

.profile__content--clubs .friends__wrap {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

@media (max-width: 1023px) {
    .profile__content--clubs .friends__holder {
        padding: 0 45px 45px;
    }
}

@media (max-width: 767px) {
    .profile__content--clubs .friends__holder {
        padding: 16px 4px 43px;
    }
}

@media (max-width: 767px) {
    .profile__content--friends {
        padding-top: 12px;
    }
}

.profile__content--friends .friends__outer {
    padding-top: 0;
}

.profile__wrap {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
}

.profile__holder {
    max-width: 920px;
    margin: 0 auto;
    padding: 50px 0 30px;
}

.profile__more {
    max-width: 190px;
    margin: 0 auto;
    padding-top: 10px;
}

.profile__more-btn {
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.05);
}

.profile__more-btn:hover {
    opacity: 1;
}

.profile {
    padding: 43px 0 0;
}

@media (max-width: 1023px) {
    .profile {
        padding-top: 36px;
    }
}

@media (max-width: 767px) {
    .profile {
        padding-top: 15px;
    }
}

.profile--friend .profile__top-col--descr {
    width: 62%;
}

@media (max-width: 1023px) {
    .profile--friend .profile__top-col--descr {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .profile--friend .profile__top-col--descr {
        position: relative;
    }
}

.profile--friend .profile__top-col--data {
    width: 38%;
}

@media (max-width: 1023px) {
    .profile--friend .profile__top-col--data {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .profile--friend .profile__top-col--btn {
        top: 51px;
    }
}

.profile--friend .profile__top-col-inner {
    display: inline-block;
    vertical-align: top;
}

.profile--friend .profile__friend {
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
    padding-left: 15px;
}

@media (max-width: 1023px) {
    .profile--friend .profile__friend {
        margin-top: 2px;
        padding-left: 8px;
    }
}

@media (max-width: 767px) {
    .profile--friend .profile__friend {
        position: absolute;
        right: 0;
        top: 1px;
    }
}

.profile--friend .profile__friend-text {
    display: block;
    padding-left: 25px;
    position: relative;
    color: #10a142;
    font-weight: 600;
    letter-spacing: .5px;
}

@media (max-width: 767px) {
    .profile--friend .profile__friend-text {
        font-size: 0;
        width: 43px;
        height: 43px;
        border-radius: 3px;
        border: 1px solid #d3d3d3;
        padding-left: 0;
    }
}

.profile--friend .profile__friend-text:before {
    position: absolute;
    content: '';
    width: 13px;
    height: 7px;
    border-left: 2px solid #10a142;
    border-bottom: 2px solid #10a142;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 0;
    top: 2px;
}

@media (max-width: 767px) {
    .profile--friend .profile__friend-text:before {
        left: 15px;
        top: 16px;
    }
}

.profile--add-friend .profile__top-col--descr {
    width: 62%;
}

@media (max-width: 1279px) {
    .profile--add-friend .profile__top-col--descr {
        width: 65%;
    }
}

@media (max-width: 1023px) {
    .profile--add-friend .profile__top-col--descr {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .profile--add-friend .profile__top-col--descr {
        position: relative;
    }
}

.profile--add-friend .profile__top-col--data {
    width: 38%;
}

@media (max-width: 1279px) {
    .profile--add-friend .profile__top-col--data {
        width: 35%;
    }
}

@media (max-width: 1023px) {
    .profile--add-friend .profile__top-col--data {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .profile--add-friend .profile__top-col--btn {
        top: 51px;
    }
}

.profile--add-friend .profile__top-col-inner {
    display: inline-block;
    vertical-align: top;
}

.profile--add-friend .profile__add-friend {
    display: inline-block;
    vertical-align: top;
    margin-top: 6px;
    margin-left: 45px;
}

.profile--add-friend .profile__add-friend .icon-user_plus {
    width: 22px;
    height: 22px;
    fill: #f44336;
}

@media (max-width: 1279px) {
    .profile--add-friend .profile__add-friend {
        margin-left: 20px;
    }
}

@media (max-width: 1023px) {
    .profile--add-friend .profile__add-friend {
        margin-left: 40px;
    }
}

@media (max-width: 767px) {
    .profile--add-friend .profile__add-friend {
        position: absolute;
        right: 0;
        top: 3px;
        margin-left: 0;
        margin-top: 0;
    }
}

.profile--add-friend .profile__add-friend-text {
    font-size: 14px;
    font-weight: 600;
    color: #f44336;
    display: inline-block;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    width: 200px;
    padding: 12px 0 13px;
    text-align: center;
    padding-left: 20px;
    position: relative;
    letter-spacing: .4px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}

@media (max-width: 767px) {
    .profile--add-friend .profile__add-friend-text {
        display: none;
    }
}

.profile--add-friend .profile__add-friend-text:hover {
    color: #d3d3d3;
}

.profile--add-friend .profile__add-friend-text:hover:before, .profile--add-friend .profile__add-friend-text:hover:after {
    background-color: #d3d3d3;
}

.profile--add-friend .profile__add-friend-text:before {
    position: absolute;
    content: '';
    width: 12px;
    height: 2px;
    background-color: #f44336;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.profile--add-friend .profile__add-friend-text:after {
    position: absolute;
    content: '';
    width: 2px;
    height: 12px;
    background-color: #f44336;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.profile--add-friend .profile__add-friend-icon {
    display: none;
}

@media (max-width: 767px) {
    .profile--add-friend .profile__add-friend-icon {
        display: block;
        width: 43px;
        height: 43px;
        padding-top: 8px;
        padding-left: 9px;
        border: 1px solid #d3d3d3;
        border-radius: 3px;
        cursor: pointer;
    }
}

.profile__my {
    display: block;
}

@media (max-width: 767px) {
    .profile__my {
        display: block;
        position: absolute;
        right: 0;
        top: 3px;
        width: 43px;
        height: 43px;
        padding-top: 11px;
        padding-left: 14px;
        border: 1px solid #d3d3d3;
        border-radius: 3px;
        cursor: pointer;
    }
}

.profile__my-text {
    font-weight: 700;
    color: #f44336;
    font-size: 18px;
}

.profile__card {
    letter-spacing: -.36em;
    padding-bottom: 67px;
}

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

@media (max-width: 767px) {
    .profile__card {
        padding-bottom: 24px;
    }
}

.profile__left {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    width: 160px;
    margin-top: 7px;
}

@media (max-width: 1023px) {
    .profile__left {
        width: 106px;
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .profile__left {
        width: 57px;
        margin-top: 4px;
    }
}

.profile__avatar {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 3px solid #f44336;
}

@media (max-width: 1023px) {
    .profile__avatar {
        width: 106px;
        height: 106px;
    }
}

@media (max-width: 767px) {
    .profile__avatar {
        width: 57px;
        height: 57px;
    }
}

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

.profile__right {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    padding-left: 28px;
    width: calc(100% - 160px);
    position: relative;
}

@media (max-width: 1023px) {
    .profile__right {
        width: calc(100% - 106px);
        padding-left: 18px;
        padding-top: 3px;
    }
}

@media (max-width: 767px) {
    .profile__right {
        width: calc(100% - 57px);
        padding-top: 0;
    }
}

.profile__top {
    letter-spacing: -0.36em;
    padding-bottom: 24px;
}

@media (max-width: 1023px) {
    .profile__top {
        padding-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .profile__top {
        padding-bottom: 14px;
    }
}

.profile__top-col {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
}

.profile__top-col--descr {
    width: 41%;
}

@media (max-width: 1023px) {
    .profile__top-col--descr {
        width: 100%;
    }
}

.profile__top-col--data {
    width: calc(100% - 41% - 45px);
}

@media (max-width: 1023px) {
    .profile__top-col--data {
        width: 100%;
    }
}

.profile__top-col--btn {
    width: 95px;
    position: absolute;
    top: 0;
    right: 0;
}

@media (max-width: 767px) {
    .profile__top-col--btn {
        top: 51px;
    }
}

.profile__name {
    font-size: 24px;
    font-weight: 600;
    display: block;
    letter-spacing: .6px;
}

@media (max-width: 1023px) {
    .profile__name {
        font-size: 15px;
        font-weight: 700;
        padding-bottom: 7px;
    }
}

@media (max-width: 767px) {
    .profile__name {
        padding-bottom: 0px;
    }
}

.profile__community {
    font-weight: 600;
    color: #969393;
    display: block;
    padding-bottom: 13px;
}

@media (max-width: 1023px) {
    .profile__community {
        font-size: 12px;
        font-weight: 500;
        padding-bottom: 19px;
    }
}

@media (max-width: 767px) {
    .profile__community {
        padding-bottom: 1px;
    }
}

.profile__status {
    font-weight: 600;
    color: #f44336;
    display: block;
}

@media (max-width: 1023px) {
    .profile__data-list {
        margin: 0 -25px;
        padding-top: 24px;
    }
}

@media (max-width: 767px) {
    .profile__data-list {
        margin: 0;
        padding-top: 4px;
    }
}

.profile__data-item {
    font-size: 13px;
    padding-bottom: 7px;
}

@media (max-width: 1023px) {
    .profile__data-item {
        font-size: 14px;
        font-weight: 500;
        display: inline-block;
        padding: 0 25px;
    }
}

@media (max-width: 767px) {
    .profile__data-item {
        display: block;
        padding: 0;
        padding-bottom: 8px;
    }
}

.profile__data-name {
    color: #969393;
    letter-spacing: .6px;
    display: inline-block;
}

@media (max-width: 767px) {
    .profile__data-name {
        display: none;
    }
}

.profile__data-descr {
    letter-spacing: .6px;
    display: inline-block;
    padding-left: 3px;
}

@media (max-width: 767px) {
    .profile__data-descr {
        padding-left: 0;
    }
}

.profile__btn {
    padding: 0;
    display: inline-block;
    width: 44px;
    height: 44px;
    border-radius: 5px;
    background-color: #f8f8f8;
    border: none;
    text-align: center;
    padding-right: 5px;
    margin-top: 2px;
}

@media (max-width: 1023px) {
    .profile__btn {
        background-color: transparent;
    }
}

.profile__btn:hover {
    background-color: #597da3;
}

@media (max-width: 1023px) {
    .profile__btn:hover {
        background-color: transparent;
    }
}

.profile__btn:hover .icon-vk {
    fill: #f8f8f8;
}

@media (max-width: 1023px) {
    .profile__btn:hover .icon-vk {
        fill: #597da3;
    }
}

.profile__btn:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.profile__btn svg {
    display: inline-block;
    vertical-align: middle;
}

.profile .slick-track {
    text-align: center;
}

.profile__bott {
    letter-spacing: -.36em;
}

@media (max-width: 1023px) {
    .profile__bott {
        margin-left: -125px;
    }
}

@media (max-width: 767px) {
    .profile__bott {
        margin-left: -75px;
    }
}

.profile__bott-col {
    display: inline-block;
    letter-spacing: normal;
    width: 20%;
}

@media (max-width: 1023px) {
    .profile__bott-col {
        width: 125px;
    }
}

@media (max-width: 767px) {
    .profile__bott-col {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .profile__bott-col-center {
        text-align: left;
        display: inline-block;
    }
}

.profile__title {
    display: block;
    color: #969393;
    font-weight: 500;
    padding-bottom: 15px;
    letter-spacing: .8px;
}

@media (max-width: 1023px) {
    .profile__title {
        font-size: 12px;
        padding-bottom: 8px;
    }
}

@media (max-width: 767px) {
    .profile__title {
        padding-bottom: 3px;
    }
}

.profile__bott-achievements {
    letter-spacing: -.36em;
}

.profile__bott-achievements:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.profile__bott-achievements-icon {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
}

.profile__bott-achievements-text {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    font-size: 35px;
    font-weight: 700;
    font-family: "Bebas Neue", Helvetica, sans-serif;
    line-height: 1;
    padding-left: 25px;
}

@media (max-width: 1023px) {
    .profile__bott-achievements-text {
        font-size: 27px;
        padding-left: 15px;
    }
}

.profile__nav {
    letter-spacing: -.36em;
    margin: 0 -35px;
}

@media (max-width: 1023px) {
    .profile__nav {
        margin: 0 -25px;
    }
}

@media (max-width: 767px) {
    .profile__nav {
        overflow-x: auto;
        white-space: nowrap;
        overflow-wrap: normal;
        margin: 0 -23px;
    }
}

.profile__nav-item {
    display: inline-block;
    letter-spacing: normal;
    padding: 0 35px;
}

@media (max-width: 1023px) {
    .profile__nav-item {
        padding: 0 25px;
    }
}

@media (max-width: 767px) {
    .profile__nav-item {
        padding: 0 23px;
    }
}

.profile__nav-link {
    height: 42px;
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    letter-spacing: .3px;
}

@media (max-width: 1023px) {
    .profile__nav-link {
        font-size: 14px;
        height: 41px;
    }
}

@media (max-width: 767px) {
    .profile__nav-link {
        height: 33px;
    }
}

.profile__nav-link:hover {
    color: #f44336;
}

.profile__nav-link.active {
    color: #f44336;
    position: relative;
}

.profile__nav-link.active:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0px;
    height: 3px;
    background-color: #f44336;
}

.profile svg {
    fill: #f44336;
}

.profile .icon-vk {
    fill: #597da3;
}

.profile .icon-raiting {
    width: 32px;
    height: 32px;
}

.profile .icon-diamond {
    width: 32px;
    height: 32px;
}

.profile .icon-medal {
    width: 29px;
    height: 32px;
}

.profile .icon-like {
    width: 28px;
    height: 32px;
}

.profile .icon-friend {
    width: 32px;
    height: 32px;
}

@media (max-width: 1023px) {
    .profile .icon-friend {
        width: 25px;
    }
}

.profile__social {
    margin-top: 10px;
}

.profile__social .profile__btn {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}

.profile__social .profile__btn:before {
    display: none;
}


.profile__gender-text {
}

.profile__gender-icon {
    display: none;
}

.profile__gender-icon svg {
    width: 20px;
    height: 20px;
}

@media (max-width: 767px) {
    .profile__gender-text {
        display: none;
    }

    .profile__gender-icon {
        display: block;
    }
}

.purse {
    margin-top: 27px;
}

@media (max-width: 767px) {
    .purse {
        margin-top: 17px;
    }
}

.purse__caption {
    padding-bottom: 56px;
}

@media (max-width: 1023px) {
    .purse__caption {
        padding-bottom: 39px;
    }
}

@media (max-width: 767px) {
    .purse__caption {
        padding-bottom: 21px;
    }
}

.purse__holder {
    max-width: 540px;
    margin: 0 auto;
}

@media (max-width: 1023px) {
    .purse__holder {
        max-width: 600px;
    }
}

.purse__head {
    padding-bottom: 40px;
    border-bottom: 1px solid #e2e2e2;
    font-size: 0;
    line-height: 0;
    margin-bottom: 49px;
}

@media (max-width: 1023px) {
    .purse__head {
        padding-bottom: 30px;
        margin-bottom: 39px;
    }
}

@media (max-width: 767px) {
    .purse__head {
        padding-bottom: 16px;
    }
}

.purse__head-info {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 160px);
}

@media (max-width: 479px) {
    .purse__head-info {
        display: block;
        width: 100%;
        padding-bottom: 17px;
    }
}

.purse__head-btn {
    display: inline-block;
    vertical-align: middle;
    width: 160px;
    margin-top: 8px;
}

.purse__head-btn .btn {
    padding: 12.5px 10px;
}

@media (max-width: 479px) {
    .purse__head-btn {
        display: block;
        width: 100%;
        margin-top: 0;
    }

    .purse__head-btn .btn {
        font-size: 17px;
        padding: 15.5px 10px;
    }
}

.purse__head-icon {
    display: inline-block;
    vertical-align: middle;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #fade55;
    text-align: center;
}

.purse__head-icon [class^="icon-"],
.purse__head-icon [class*="icon-"] {
    fill: #f44336;
    vertical-align: middle;
    height: 100%;
}

.purse__head-txt {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: normal;
    padding-left: 28px;
    width: calc(100% - 64px);
}

.purse__head-title {
    font-size: 14px;
    color: #f44336;
    display: block;
    padding-bottom: 5px;
    font-weight: 500;
}

.purse__head-balance {
    display: inline-block;
    vertical-align: middle;
    font-size: 32px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 1.3px;
}

.purse__head-bonus-icon {
    display: inline-block;
    vertical-align: middle;
    padding-left: 4px;
    padding-right: 3px;
}

.purse__head-bonus-icon [class^="icon-"],
.purse__head-bonus-icon [class*="icon-"] {
    width: 24px;
    height: 24px;
}

.purse__head-bonus-txt {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.9px;
}

.purse__history {
    margin-bottom: 39px;
}

@media (max-width: 1023px) {
    .purse__history {
        margin-bottom: 43px;
    }
}

.purse__history-title {
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 20px;
    border-bottom: 1px solid #e2e2e2;
}

.purse__history-more {
    max-width: 195px;
    margin: 40px auto 0;
}

@media (max-width: 767px) {
    .purse__history-more {
        margin: 44px auto 0;
    }
}

.purse__history-more .btn__more {
    width: 100%;
    background-color: #fff;
}

.purse__history-more .btn__more:hover {
    opacity: 1;
    background-color: #f44336;
    color: #fff;
}

.purse__item {
    font-size: 0;
    line-height: 0;
    padding: 22px 20px 23px 8px;
    border-bottom: 1px solid #e2e2e2;
}

@media (max-width: 767px) {
    .purse__item {
        padding: 20px 5px 21px 0;
    }
}

.purse__item--plus .purse__item-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 12px;
    height: 2px;
    background-color: #f44336;
}

.purse__item--plus .purse__item-icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
    width: 12px;
    height: 2px;
    background-color: #f44336;
}

.purse__item--minus .purse__item-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 12px;
    height: 2px;
    background-color: #f44336;
}

.purse__item--minus .purse__item-resources {
    color: #f44336;
}

.purse__item--minus .purse__item-bonus-icon [class^="icon-"],
.purse__item--minus .purse__item-bonus-icon [class*="icon-"] {
    fill: #f44336;
}

@media (max-width: 767px) {
    .purse__item--name {
        padding: 12px 5px 11px 0;
    }
}

.purse__item-info {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 140px);
}

@media (max-width: 767px) {
    .purse__item-info {
        width: calc(100% - 80px);
    }
}

.purse__item-resources {
    display: inline-block;
    vertical-align: middle;
    width: 140px;
    text-align: right;
    font-size: 16px;
    line-height: normal;
    font-weight: bold;
}

@media (max-width: 767px) {
    .purse__item-resources {
        width: 80px;
    }
}

.purse__item-icon {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #ebebeb;
    position: relative;
}

@media (max-width: 767px) {
    .purse__item-icon {
        width: 34px;
        height: 34px;
    }
}

.purse__item-title {
    display: inline-block;
    vertical-align: middle;
    padding-left: 35px;
    width: calc(100% - 50px);
    font-size: 14px;
    line-height: normal;
}

@media (max-width: 767px) {
    .purse__item-title {
        width: calc(100% - 34px);
        padding-left: 8px;
    }
}

.purse__item-desc {
    display: inline-block;
    padding-right: 5px;
    font-size: 14px;
    font-weight: 500;
}

@media (max-width: 767px) {
    .purse__item-desc {
        display: block;
        padding-right: 0;
        font-size: 13px;
    }
}

.purse__item-link {
    border-bottom: 1px solid #f44336;
    font-weight: 500;
}

@media (max-width: 767px) {
    .purse__item-link {
        display: inline-block;
        font-size: 13px;
    }
}

.purse__item-link:hover {
    border-bottom-color: transparent;
}

.purse__item-date {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #939393;
}

.purse__item-bonus {
    margin-right: -6px;
}

@media (max-width: 767px) {
    .purse__item-bonus {
        margin-right: -5px;
    }
}

.purse__item-bonus-icon {
    display: inline-block;
    vertical-align: middle;
}

.purse__item-bonus-icon [class^="icon-"],
.purse__item-bonus-icon [class*="icon-"] {
    width: 16px;
    height: 16px;
}

.ratings {
    padding-top: 67px;
}

@media (max-width: 1023px) {
    .ratings {
        padding-top: 30px;
    }
}

@media (max-width: 767px) {
    .ratings {
        padding-top: 20px;
    }
}

.ratings__caption {
    padding-bottom: 2px;
}

.ratings__filter-btn {
    display: none;
    float: right;
    cursor: pointer;
    padding-top: 3px;
}

.ratings__filter-btn [class^="icon-"],
.ratings__filter-btn [class*="icon-"] {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

@media (max-width: 1023px) {
    .ratings__filter-btn {
        display: block;
    }
}

.ratings__filter-btn:hover [class^="icon-"],
.ratings__filter-btn:hover [class*="icon-"] {
    fill: #f44336;
}

.result {
    padding: 24px 0;
}

.result--active .result__user {
    padding-left: 0;
    width: 80px;
}

@media (max-width: 767px) {
    .result {
        padding-bottom: 45px;
    }
}

@media (max-width: 425px) {
    .result {
        padding: 0 0 16px 0
    }
}

.result__group-wrapp {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .4px;
}

@media (max-width: 767px) {
    .result__group-wrapp {
        font-size: 15px;
        padding-top: 10px;
        padding-bottom: 28px;
    }
}

@media (max-width: 767px) {
    .result__group {
        display: inline-block;
        padding-bottom: 7px;
    }
}

.result__group-number {
    color: #f44336;
}

@media (max-width: 767px) {
    .result__group-number {
        display: inline-block;
    }
}

.result__people {
    font-size: 18px;
    font-weight: 600;
    display: block;
    padding-bottom: 16px;
    letter-spacing: .5px;
}

@media (max-width: 767px) {
    .result__people {
        font-size: 15px;
        padding-bottom: 7px;
    }
}

.result__table {
    width: 100%;
    font-family: "Montserrat", Helvetica, sans-serif;
    border-collapse: collapse;
}

.result__table-head th {
    font-size: 13px;
    color: #969393;
    font-weight: 500;
    border-bottom: 1px solid #e2e2e2;
    height: 55px;
    text-align: left;
}

.result__table-head th:nth-child(1) {
    width: 45%;
}

@media (max-width: 479px) {
    .result__table-head th:nth-child(1) {
        width: 80%;
    }
}

.result__table-head th:nth-child(2) {
    width: 15%;
    text-align: center;
}

@media (max-width: 479px) {
    .result__table-head th:nth-child(2) {
        width: 20%;
    }
}

.result__table-head th:nth-child(3) {
    width: 15%;
    text-align: center;
}

@media (max-width: 479px) {
    .result__table-head th:nth-child(3) {
        display: none;
    }
}

.result__table-head th:nth-child(4) {
    width: 25%;
    text-align: center;
}

@media (max-width: 767px) {
    .result__table-head th:nth-child(4) {
        display: none;
    }
}

.result__table-body td {
    height: 102px;
    border-bottom: 1px solid #e2e2e2;
}

.result__table-body td:nth-child(1) {
    width: 45%;
}

@media (max-width: 479px) {
    .result__table-body td:nth-child(1) {
        width: 80%;
    }
}

.result__table-body td:nth-child(2) {
    width: 15%;
    text-align: center;
    font-size: 25px;
    font-family: "Bebas Neue", Helvetica, sans-serif;
}

@media (max-width: 479px) {
    .result__table-body td:nth-child(2) {
        width: 20%;
    }
}

.result__table-body td:nth-child(3) {
    width: 15%;
    text-align: center;
    font-size: 25px;
    font-family: "Bebas Neue", Helvetica, sans-serif;
}

@media (max-width: 479px) {
    .result__table-body td:nth-child(3) {
        display: none;
    }
}

.result__table-body td:nth-child(4) {
    width: 25%;
    text-align: center;
}

@media (max-width: 767px) {
    .result__table-body td:nth-child(4) {
        display: none;
    }
}

.result__place {
    display: inline-block;
    width: 56px;
    vertical-align: middle;
    text-align: center;
    font-size: 25px;
    font-family: "Bebas Neue", Helvetica, sans-serif;
}

@media (max-width: 767px) {
    .result__place {
        display: none;
    }
}

.result__user {
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
    width: 100px;
}

@media (max-width: 767px) {
    .result__user {
        padding-left: 0;
        width: 80px;
    }
}

.result__user-avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
}

.result__user-avatar--couple {
    border-radius: 0;
    width: auto;
    position: relative;
}

.result__user-avatar-one {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: inline-block;
    border: 4px solid #fff;
    position: relative;
    z-index: 2;
}

.result__user-avatar-two {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: inline-block;
    border: 4px solid #fff;
    position: absolute;
    right: -7px;
}

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

.result__user-name {
    display: inline-block;
    font-weight: 500;
    vertical-align: middle;
    padding-left: 20px;
    letter-spacing: .3px;
    width: calc(100% - 100px - 70px);
    line-height: 1.5;
}

@media (max-width: 767px) {
    .result__user-name {
        width: calc(100% - 80px - 10px);
        padding-left: 14px;
    }
}

.result__user-link {
    border-bottom: 1px solid;
}

.result__user-link:hover {
    border-color: transparent;
}

.settings {
    margin-top: 27px;
    padding-bottom: 101px;
}

@media (max-width: 1023px) {
    .settings {
        padding-bottom: 48px;
    }
}

@media (max-width: 767px) {
    .settings {
        margin-top: 17px;
        padding-bottom: 28px;
    }
}

.settings-aside {
}

@media (max-width: 1023px) {
    .settings-aside {
        display: block;
        padding: 0 10px;
    }
}

.settings__caption {
    padding-bottom: 58px;
    letter-spacing: 0.45px;
}

@media (max-width: 1023px) {
    .settings__caption {
        padding-bottom: 34px;
    }
}

@media (max-width: 767px) {
    .settings__caption {
        padding-bottom: 22px;
    }
}

.settings__caption.important {
    color: #f44336;
}

.settings__item {
    padding-bottom: 76px;
    max-width: 540px;
    margin: 0 auto;
}

@media (max-width: 1023px) {
    .settings__item {
        max-width: 100%;
        padding-bottom: 20px;
    }
}

.settings__item-title {
    display: block;
    font-size: 14px;
    line-height: normal;
    color: #9a9a9a;
}

.settings__item-wrap {
    position: relative;
}

@media (max-width: 1023px) {
    .settings__item-wrap {
        max-width: 540px;
        margin: 0 auto;
    }
}

.settings__photo {
    font-size: 0;
    line-height: 0;
    padding-bottom: 41px;
}

@media (max-width: 1023px) {
    .settings__photo {
        padding-top: 3px;
    }
}

@media (max-width: 767px) {
    .settings__photo {
        padding-bottom: 25px;
        padding-top: 10px;
    }
}

.settings__photo-img {
    display: inline-block;
    vertical-align: middle;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
}

@media (max-width: 767px) {
    .settings__photo-img {
        width: 60px;
        height: 60px;
    }
}

.settings__photo-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.settings__photo-info {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 65px);
    padding-left: 30px;
    font-size: 12px;
    line-height: normal;
    margin-top: -3px;
}

@media (max-width: 767px) {
    .settings__photo-info {
        width: calc(100% - 60px);
        padding-left: 13px;
    }
}

.settings__photo-desc {
    font-size: 12px;
    display: block;
    color: #939393;
    letter-spacing: 0.45px;
}

@media (max-width: 767px) {
    .settings__photo-desc {
        letter-spacing: 0px;
    }
}

.settings__photo-load {
    position: relative;
    margin-bottom: 9px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.settings__photo-load::before, .settings__photo-load::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 13px;
    height: 2px;
    background-color: #f44336;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.settings__photo-load::before {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.settings__photo-load-item {
    padding-left: 25px;
    font-size: 14px;
    color: #f44336;
    font-weight: 600;
    cursor: pointer;
}

@media (max-width: 1023px) {
    .settings__photo-load-item {
        padding-left: 21px;
    }
}

.settings__photo-load:hover {
    opacity: 0.8;
}

.settings__form-row {
    font-size: 0;
    line-height: 0;
    margin: 0 -15px 30px;
}

@media (max-width: 479px) {
    .settings__form-row {
        margin: 0;
    }
}

.settings__form-col {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 15px;
    font-size: 14px;
    line-height: normal;
}

.settings__form-col .input-pass {
    height: 43px;
}

.settings__form-col--mid {
    vertical-align: middle;
}

@media (max-width: 479px) {
    .settings__form-col--mid {
        vertical-align: top;
    }
}

@media (max-width: 479px) {
    .settings__form-col {
        display: block;
        width: 100%;
        padding: 0 0 20px;
    }
}

.settings__form-label {
    padding-bottom: 8px;
    display: inline-block;
}

.settings__form-input {
    height: 43px;
}

.settings__form-btn {
    width: 155px;
    position: absolute;
    left: 0;
    top: -22px;
}

@media (max-width: 1023px) {
    .settings__form-btn {
        position: static;
    }
}

@media (max-width: 479px) {
    .settings__form-btn {
        margin: 0 auto;
    }
}

.settings__change {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    margin-top: 22px;
}

@media (max-width: 479px) {
    .settings__change {
        margin-top: 10px;
        padding-bottom: 4px;
    }
}

.settings__change:hover {
    opacity: 0.7;
}

@media (max-width: 479px) {
    .settings__change--pass {
        margin-top: 0;
        padding-bottom: 0;
    }
}

.settings__change-icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 14px;
    position: relative;
    font-size: 14px;
    line-height: normal;
    margin-right: 12px;
}

.settings__change-icon::before {
    position: absolute;
    content: '';
    top: 50%;
    right: 4px;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    width: 9px;
    height: 9px;
    background-color: transparent;
    border-right: 2px solid #f44336;
    border-bottom: 2px solid #f44336;
}

.settings__change-icon::after {
    position: absolute;
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 4px;
    border-bottom: 2px solid #f44336;
    height: 2px;
    width: 12px;
}

.settings__change-txt {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: normal;
    color: #f44336;
    font-weight: 500;
}

@media (max-width: 1023px) {
    .settings__social {
        padding-bottom: 28px;
    }
}

.settings__social-head {
    padding-bottom: 22px;
}

@media (max-width: 767px) {
    .settings__social-head {
        padding-bottom: 20px;
    }
}

.settings__social-head-title {
    display: block;
    font-size: 14px;
    padding-bottom: 5px;
}

.settings__social-head-subtitle {
    font-size: 12px;
    display: block;
    color: #939393;
}

@media (max-width: 479px) {
    .settings__social-head-subtitle {
        letter-spacing: 0.45px;
        line-height: 1.5;
    }
}

.settings__social-item {
    padding-bottom: 19px;
}

.settings__social-item:after {
    content: " ";
    display: block;
    clear: both;
}

.settings__social-item.not-checked .settings__social-icon {
    background-color: #d3d3d3;
}

.settings__social-item.not-checked .settings__social-logo-txt {
    color: #939393;
}

.settings__social-item.not-checked .settings__social-txt--not-checked {
    display: inline-block;
}

.settings__social-item.not-checked .settings__social-txt--checked {
    display: none;
}

.settings__social-logo {
    float: left;
    font-size: 0;
    line-height: 0;
}

.settings__social-logo-txt {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: normal;
}

.settings__social-icon {
    display: inline-block;
    vertical-align: middle;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: transparent;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    margin-right: 18px;
}

.settings__social-icon--vk {
    background-color: #5a7da3;
}

.settings__social-icon--fb {
    background-color: #3f5695;
}

.settings__social-icon--fb svg {
    width: 9px;
}

.settings__social-icon--twitter {
    background-color: #06c2f1;
}

.settings__social-icon--odnoklassniki {
    background-color: #f58220;
}

.settings__social-icon--odnoklassniki svg {
    width: 12px;
}

.settings__social-icon--mail {
    background-color: #f44336;
}

.settings__social-icon--mail svg {
    width: 16px;
}

.settings__social-icon [class^="icon-"],
.settings__social-icon [class*="icon-"] {
    fill: #fff;
    height: 100%;
}

.settings__social-checkbox {
    font-size: 0;
    line-height: 0;
    float: right;
    padding-top: 10px;
}

.settings__social-txt {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    line-height: normal;
    color: #939393;
    margin-top: -4px;
    padding-right: 25px;
}

@media (max-width: 479px) {
    .settings__social-txt {
        margin-top: -3px;
        padding-right: 16px;
    }
}

.settings__social-txt--not-checked {
    display: none;
}

.settings__social-switch {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    line-height: normal;
}

.settings__social-more {
    position: relative;
    margin-top: 2px;
}

.settings__social-more:after {
    content: " ";
    display: block;
    clear: both;
}

@media (max-width: 767px) {
    .settings__social-more {
        margin-top: 9px;
    }
}

.settings__social-more-content {
    display: none;
}

.settings__social-more-link {
    display: block;
    color: #939393;
    font-size: 13px;
    line-height: normal;
    position: relative;
    text-align: right;
    padding-right: 22px;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 100%;
}

.settings__social-more-link::before {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 0;
    width: calc(100% - 125px);
    height: 1px;
    background-color: #939393;
}

.settings__social-more-link:hover {
    color: #f44336;
}

.settings__social-more-link:hover .settings__social-more-icon::before {
    border-color: #f44336;
}

.settings__social-more-link.show .settings__social-more-icon::before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

@media (max-width: 767px) {
    .settings__social-more-link {
        padding-right: 28px;
    }
}

.settings__social-more-icon {
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 16px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.settings__social-more-icon::before {
    content: '';
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 9px;
    height: 9px;
    border-bottom: 2px solid #939393;
    border-left: 2px solid #939393;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.settings__news {
    font-size: 0;
    line-height: 0;
    padding: 12px 15px 0;
}

@media (max-width: 479px) {
    .settings__news {
        padding: 3px 0 16px;
    }
}

.settings__news-txt {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: normal;
    width: 132px;
}

@media (max-width: 479px) {
    .settings__news-txt {
        width: auto;
        display: block;
        padding-bottom: 20px;
    }
}

.settings__news-subs {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: normal;
    width: calc(100% - 132px);
    text-align: right;
}

@media (max-width: 479px) {
    .settings__news-subs {
        width: auto;
        display: block;
        text-align: left;
    }
}

.settings__news-subs.not-checked .settings__news-subs-txt--not-checked {
    display: inline-block;
}

.settings__news-subs.not-checked .settings__news-subs-txt--checked {
    display: none;
}

.settings__news-subs-txt {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #939393;
    margin-top: -6px;
    padding-right: 29px;
}

.settings__news-subs-txt--not-checked {
    display: none;
}

@media (max-width: 479px) {
    .settings__news-subs-txt {
        width: calc(100% - 60px);
        padding-right: 0;
    }
}

.settings__news-subs-switch {
    display: inline-block;
    vertical-align: middle;
}

.settings__btn-wrap {
    position: relative;
    height: 43px;
}

@media (max-width: 1023px) {
    .settings__btn-wrap {
        height: auto;
        max-width: 540px;
        margin: -20px auto 0;
    }
}

@media (max-width: 479px) {
    .settings__btn-wrap {
        margin: 0 auto;
    }
}

.share {
    padding: 30px 0 96px;
}

@media (max-width: 767px) {
    .share {
        padding: 6px 0 45px;
    }
}

.share__title {
    color: #969393;
    display: block;
    padding-bottom: 18px;
    letter-spacing: 0.8px;
}

.share__list {
    letter-spacing: -.36em;
    margin: 0 -15px;
}

@media (max-width: 479px) {
    .share__list {
        margin: 0 -6.5px;
    }
}

.share__item {
    padding: 0 15px;
    letter-spacing: normal;
    display: inline-block;
}

@media (max-width: 479px) {
    .share__item {
        padding: 0 6.5px;
    }
}

.share__link {
    display: table;
    letter-spacing: -.36em;
    border-radius: 3px;
    height: 35px;
    width: 65px;
    text-align: center;
}

@-moz-document url-prefix() {
    .share__link {
        padding-bottom: 2px;
    }
}

.share__link.vk {
    background-color: #6078a6;
}

.share__link.fb {
    background-color: #3f5695;
}

.share__link.twitter {
    background-color: #00acee;
}

.share__link.google {
    background-color: #d36856;
}

.share__link:hover {
    opacity: .7;
}

.share__link:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.share__icon {
    display: table-cell;
    vertical-align: middle;
    letter-spacing: normal;
    line-height: 0;
    padding: 0 6px;
}

.share__icon svg {
    fill: #fff;
}

.share__number {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    letter-spacing: normal;
    line-height: normal;
    padding: 0 6px;
    font-family: 'Arial';
}

.share .icon-vk {
    width: 20px;
    height: 12px;
}

.share .icon-fb {
    width: 9px;
    height: 16px;
}

.share .icon-twitter {
    width: 18px;
    height: 16px;
}

.share .icon-google {
    width: 19px;
    height: 19px;
}

.tape {
    padding-top: 27px;
}

@media (max-width: 767px) {
    .tape {
        padding-top: 17px;
    }
}

.tape__caption-wrapp {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 25px;
}

@media (max-width: 1023px) {
    .tape__caption-wrapp {
        border-bottom: none;
        padding-bottom: 27px;
    }
}

@media (max-width: 767px) {
    .tape__caption-wrapp {
        padding-bottom: 19px;
        border-bottom: none;
    }
}

@media (max-width: 1023px) {
    .tape__caption {
        float: left;
    }
}

.tape__filter-btn {
    display: none;
}

@media (max-width: 1023px) {
    .tape__filter-btn {
        display: block;
        float: right;
        cursor: pointer;
    }
}

@media (max-width: 767px) {
    .tape__filter-btn {
        padding-top: 3px;
    }
}

.tape__content-wrapp {
    background-color: #f8f8f8;
    padding: 0 0 38px;
}

@media (max-width: 1023px) {
    .tape__content-wrapp {
        padding: 25px 0 30px;
    }
}

@media (max-width: 767px) {
    .tape__content-wrapp {
        padding: 20px 0 22px;
    }
}

.tape .feed__post {
    width: 80%;
}
.tape__content {
    letter-spacing: -.36em;
    text-align: center;
}

.tape__content-item {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;

    width:80%;
    margin: 0 auto 30px auto;
    padding: 0;
    text-align: initial;
}

.tape__content-item .tape__content-info {
    padding: 0 16px 16px 16px;
}

.tape__content > .btn-showmore {
    width: 80%;
    margin: 0 auto;
}

.tape__content-item--small .tape__content-inner {
    margin-bottom: 30px;
}

.tape__content-item--small .tape__content-inner:last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .tape__content-item--small .tape__content-inner {
        margin-bottom: 20px;
    }
}

.tape__content-item--small .tape__content-head {
    padding-bottom: 15px;
    border-bottom: 1px solid #e2e2e2;
}

.tape__content-item--admin .tape__content-head {
    padding-bottom: 11px;
}

.tape__content-item--admin .tape__content-name {
    padding-bottom: 4px;
}

.tape__content-item--admin .tape__content-info {
    padding-left: 5px;
}

.tape__content-item--admin .tape__content-info-text {
    font-size: 13px;
    display: block;
    height: 30px;
    overflow: hidden;
}

.tape__content-item--admin .tape__content-info-link {
    font-size: 13px;
    color: #939393;
    border-bottom: 1px solid transparent;
}

.tape__content-item--admin .tape__content-info-link:hover {
    border-bottom: 1px solid #939393;
}

.tape__content-item .tape__content-img-link {
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.tape__content-item .tape__content-img-link:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /*background-color: rgba(0, 0, 0, 0.5);*/
    z-index: 2;
}

.tape__content-item--admin .tape__content-img-link img {
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    -o-object-fit: cover;
    object-fit: cover;
}

.tape__content-item--admin .tape__content-title {
    display: block;
    font-size: 23px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 16px;
}

.tape__content-item--admin .tape__content-admin {
    letter-spacing: -.36em;
    margin: 0 -17px;
}

.tape__content-item--admin .tape__content-admin-text {
    letter-spacing: normal;
    display: inline-block;
    padding: 0 17px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
}

.tape__content-item--admin .tape__content-admin-text:last-child {
    border-left: 2px solid #fff;
}

.tape__content-item--admin .tape__content-admin-text--bold {
    font-weight: 600;
}

.tape__content-item--user .tape__content-head {
    padding-bottom: 11px;
}

.tape__content-item--user .tape__content-name {
    padding-bottom: 4px;
}

.tape__content-item--user .tape__content-info {
    padding-left: 5px;
}

.tape__content-item--user .tape__content-info-text {
    font-size: 13px;
    display: block;
    height: 30px;
    overflow: hidden;
}

.tape__content-item--user .tape__content-info-link {
    font-size: 13px;
    color: #939393;
    border-bottom: 1px solid transparent;
}

.tape__content-item--user .tape__content-info-link:hover {
    border-bottom: 1px solid #939393;
}

.tape__content-item--user .tape__content-img-link {
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.tape__content-item--user .tape__content-img-link:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.tape__content-item--user .tape__content-img-link:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
}

.tape__content-item--user .tape__content-img-link img {
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    -o-object-fit: cover;
    object-fit: cover;
}

.tape__content-item--user .tape__content-legend {
    position: absolute;
    z-index: 3;
    bottom: 8px;
    left: 18px;
}

.tape__content-item--user .tape__content-title {
    display: block;
    font-size: 23px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 10px;
    max-width: 180px;
}

.tape__content-item--user .tape__content-admin-text {
    letter-spacing: normal;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    display: block;
    padding-bottom: 6px;
}

.tape__content-item--user .tape__content-admin-text--bold {
    font-weight: 600;
}

.tape__content-inner {
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.05);
    background-color: #fff;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.tape__content-icon-run {
    position: absolute;
    top: 18px;
    right: 18px;
}

@media (max-width: 767px) {
    .tape__content-icon-run {
        /*display: none;*/
    }
}

.tape__content-head {
    padding: 19px 18px 16px 16px;
}

@media (max-width: 1150px) {
    .tape__content-head {
        padding: 19px 10px 16px 10px;
    }
}

@media (max-width: 1023px) {
    .tape__content-head {
        padding: 19px 18px 16px 16px;
    }
}

@media (max-width: 767px) {
    .tape__content-head {
        padding: 19px 12px 16px 12px;
    }
}

.tape__content-name {
    color: black;
    white-space: nowrap;
    margin-bottom: 0;
}

.tape__content-name:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: "";
}

.tape__content-img-wrapp {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

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

.tape__content-name-descr {
    display: inline-block;
    vertical-align: middle;
    padding-left: 14px;
}

.tape__content-name-text {
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 2px;
    letter-spacing: .5px;
}

.tape__content-time {
    font-size: 12px;
    font-weight: 500;
    color: #969393;
}

.tape__content-buttons {
    position:absolute;
    top: 8px;
    right: 8px;
    gap: 8px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.tape__content-buttons .tape__content-button {
    display: block;
    flex: 0 0 16px;
    height: 16px;

    cursor: pointer;
    font-size: 0;
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
    color: rgba(0, 0, 0, 0);
    user-select: none;
}
.tape__content-buttons .tape__content-button.tape__content-button--download {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNCIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMgMTd2M2EyIDIgMCAwIDAgMiAyaDE0YTIgMiAwIDAgMCAyLTJ2LTMiLz48cG9seWxpbmUgcG9pbnRzPSI4IDEyIDEyIDE2IDE2IDEyIi8+PGxpbmUgeDE9IjEyIiB4Mj0iMTIiIHkxPSIyIiB5Mj0iMTYiLz48L3N2Zz4=);
}
.tape__content-buttons .tape__content-button.tape__content-button--edit {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBvbHlnb24gZmlsbD0ibm9uZSIgcG9pbnRzPSIxNiAzIDIxIDggOCAyMSAzIDIxIDMgMTYgMTYgMyIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);
}
.tape__content-buttons .tape__content-button.tape__content-button--delete {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3639 0.221802L15.7782 1.63602L9.41419 7.99998L15.7782 14.3639L14.3639 15.7782L7.99998 9.41419L1.63602 15.7782L0.221802 14.3639L6.58576 7.99998L0.221802 1.63601L1.63602 0.221802L7.99998 6.58576L14.3639 0.221802Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}

.tape__content-descr {
    letter-spacing: -.36em;
    padding-left: 8px;
    padding-top: 16px;
}

@media (max-width: 1150px) {
    .tape__content-descr {
        padding-left: 0;
    }
}

@media (max-width: 1023px) {
    .tape__content-descr {
        padding-left: 8px;
    }
}

@media (max-width: 767px) {
    .tape__content-descr {
        padding-left: 5px;
    }
}

.tape__content-descr-item {
    letter-spacing: normal;
    display: inline-block;
    padding-right: 22px;
}

@media (max-width: 1150px) {
    .tape__content-descr-item {
        padding-right: 12px;
    }
}

@media (max-width: 1023px) {
    .tape__content-descr-item {
        padding-right: 22px;
    }
}

@media (max-width: 767px) {
    .tape__content-descr-item {
        padding-right: 14px;
    }
}

.tape__content-descr-item:last-child {
    padding-right: 0;
}

.tape__content-icon {
    display: inline-block;
}

.tape__content-item-text {
    display: inline-block;
    font-weight: 500;
    padding-left: 3px;
}

@media (max-width: 1279px) {
    .tape__content-item-text {
        padding-left: 0;
    }
}

@media (max-width: 1023px) {
    .tape__content-item-text {
        padding-left: 3px;
    }
}

@media (max-width: 767px) {
    .tape__content-item-text {
        padding-left: 0;
    }
}

.tape__content-img {
    min-height: 300px;
}

.tape__content-img .tou__col-images {
    display: flex;
    gap: 8px;
}
.tape__content-img .tou__col-images .tou__col-images-item {
    width: 240px;
    height: 240px;
}

.tape__content-img img {
    width: 100%;
    object-fit: cover;
}
.tape__content-img.tape__content-img--full img {
    width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: contain;
}

.tape__content-foot {
    letter-spacing: -.36em;
    line-height: 0;
}

.tape__content-foot-item {
    letter-spacing: normal;
    display: inline-block;
    width: 50%;
    height: 69px;
    vertical-align: top;
    text-align: center;
}

.tape__content-foot-item:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.tape__content-foot-item:last-child {
    border-left: 1px solid #e2e2e2;
}

.tape__content-like {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.tape__content-like .like-txt {
    font-size: 21px;
    font-family: "Bebas Neue", Helvetica, sans-serif;
}

.tape__content-like .like-icon {
    margin-right: 15px;
}

.tape__content-comment {
    display: inline-block;
    vertical-align: middle;
}

.tape__content-comment-link {
    display: block;
    color: #333;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.tape__content-comment-link:hover {
    opacity: 0.8;
}

.tape__content-comment-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 11px;
}

.tape__content-comment-number {
    font-size: 21px;
    font-family: "Bebas Neue", Helvetica, sans-serif;
    display: inline-block;
    vertical-align: middle;
}

.tape__btn-wrapp {
    text-align: center;
    padding-top: 7px;
}

@media (max-width: 1023px) {
    .tape__btn-wrapp {
        padding-top: 0;
    }
}

.tape__btn {
    display: inline-block;
    padding: 13.5px 18px;
    background-color: #fff;
    color: #333;
    font-size: 14px;
    width: auto;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.05);
    letter-spacing: .4px;
}

.tape__btn:hover .tape__btn-number {
    color: #fff;
}

.tape__btn-number {
    color: #f44336;
}

.tape .icon-run {
    width: 20px;
    height: 20px;
    fill: #9e9e9e;
    stroke: #9e9e9e;
    stroke-width: 0.5;
}

.tape .icon-distance {
    width: 20px;
    height: 16px;
    fill: #9e9e9e;
}

.tape .icon-speed {
    width: 20px;
    height: 16px;
    fill: #9e9e9e;
}

.tape .icon-mount {
    width: 20px;
    height: 16px;
    fill: #9e9e9e;
}

.tape .icon-comment {
    width: 22px;
    height: 20px;
    fill: #f44438;
}

.tou-s-item {
    margin-bottom: 31px;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.05);
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    display: table;
    width: 100%;
}

@media (max-width: 767px) {
    .tou-s-item {
        display: block;
        margin: 0 auto 20px;
    }
}

.tou-s-item__img {
    display: table-cell;
    width: 253px;
    vertical-align: top;
}

@media (min-width: 767px) {
    .tou-s-item__img .tou-s-item__img-square {
        display: block;
    }
    .tou-s-item__img .tou-s-item__img-rect {
        display: none;
    }
}
@media (max-width: 767px) {
    .tou-s-item__img {
        display: block;
        width: 100%;
    }
    .tou-s-item__img .tou-s-item__img-square {
        display: none;
    }
    .tou-s-item__img .tou-s-item__img-rect {
        display: block;
        object-fit: cover;
    }
}

.tou-s-item__img img {
    width: 100%;
    height: auto;
    display: block;
}

.tou-s-item__content {
    display: table-cell;
    width: calc(100% - 253px);
    vertical-align: top;
    padding: 25px 30px;
}

@media (max-width: 767px) {
    .tou-s-item__content {
        display: block;
        width: 100%;
        padding: 0 12px 20px;
    }
}

.tou-s-item__holder {
    width: 100%;
}

.tou-s-item__holder:after {
    content: " ";
    display: block;
    clear: both;
}

.tou-s-item__holder-left {
    float: left;
    width: calc(100% - 175px);
    padding-right: 10px;
}

@media (max-width: 767px) {
    .tou-s-item__holder-left {
        width: 100%;
        display: block;
        float: none;
    }
}

.tou-s-item__holder-right {
    float: left;
    width: 175px;
}

@media (max-width: 767px) {
    .tou-s-item__holder-right {
        width: 100%;
        display: block;
        float: none;
        margin-top: 20px;
    }
}

.tou-s-item__title {
    color: #333333;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.025em;
    margin-left: -2px;
}

@media (max-width: 767px) {
    .tou-s-item__title {
        display: none;
    }
}

.tou-s-item__title a {
    color: #000;
}

.tou-s-item__title a:hover {
    color: #f44336;
}

.tou-s-item__title-mob {
    display: none;
    padding: 15px 12px;
    color: #333333;
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    letter-spacing: 0.025em;
}

@media (max-width: 767px) {
    .tou-s-item__title-mob {
        display: block;
    }
}

.tou-s-item__title-mob a {
    color: #000;
}

.tou-s-item__title-mob a:hover {
    color: #f44336;
}

.tou-s-item__reg {
    margin-top: 17px;
    font-size: 0;
    line-height: 0;
    word-spacing: 0;
}

.tou-s-item__reg-item {
    display: inline-block;
    line-height: 1;
    word-spacing: normal;
    vertical-align: bottom;
}

.tou-s-item__reg-txt {
    padding-left: 8px;
    font-size: 14px;
    font-weight: 600;
}

.tou-s-item__reg--progress {
    color: #10a143;
}

.tou-s-item__reg--progress svg {
    fill: #10a143;
}

.tou-s-item__reg--active {
    color: #f44336;
}

.tou-s-item__reg--active svg {
    fill: #f44336;
}

.tou-s-item__reg--active .tou-s-item__reg-item {
    vertical-align: middle;
}

.tou-s-item__reg--active .tou-s-item__reg-txt {
    padding-left: 10px;
}

.tou-s-item__reg--done {
    color: #969393;
}

.tou-s-item__reg--done svg {
    fill: #969393;
}

.tou-s-item__reg--done .tou-s-item__reg-item {
    vertical-align: middle;
}

.tou-s-item__reg--done .tou-s-item__reg-txt {
    padding-left: 10px;
}

.tou-s-item__period {
    margin-top: 49px;
}

@media (max-width: 767px) {
    .tou-s-item__period {
        margin-top: 20px;
    }
}

.tou-s-item__period span {
    display: inline-block;
    vertical-align: bottom;
    font-size: 14px;
    line-height: 1;
}

.tou-s-item__period-icon svg {
    fill: #939393;
}

.tou-s-item__period-title {
    color: #939393;
    font-weight: 600;
    padding-left: 2px;
}

.tou-s-item__period-data {
    padding-left: 2px;
    color: #333333;
    font-weight: 400;
}

.tou-s-item__target {
    margin-top: 39px;
}

@media (max-width: 767px) {
    .tou-s-item__target {
        margin-top: 20px;
    }
}

.tou-s-item__stat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tou-s-item__stat-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tou-s-item__stat-txt {
    font-weight: 400;
    color: #333333;
    font-size: 25px;
    padding-left: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "Bebas Neue", Helvetica, sans-serif;
}

.tou-s-item__like {
    cursor: pointer;
}

.tou-s-item__like.filled svg.filled {
    opacity: 1;
    z-index: 1;
}

.tou-s-item__like-icon {
    width: 20px;
    height: 24px;
    position: relative;
}

.tou-s-item__like-icon svg {
    width: 100%;
    height: 100%;
    display: block;
    fill: #f44336;
    position: absolute;
    top: 0;
    left: 0;
}

.tou-s-item__like-icon svg.filled {
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.tou-s-item__members-icon {
    width: 22px;
    height: 18px;
}

.tou-s-item__members-icon svg {
    width: 100%;
    height: 100%;
    display: block;
    fill: #f44336;
}

.tou-s-item__btn {
    width: 100%;
    margin-top: 39px;
}

@media (max-width: 767px) {
    .tou-s-item__btn {
        margin-top: 20px;
    }
}

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

.tou-s {
    margin-top: 27px;
}

.tou-s__title {
    font-size: 24px;
    font-weight: 600;
    color: #333333;
    letter-spacing: 0.025em;
}

.tou-s__caption {
    margin-top: 29px;
    border-bottom: 1px solid #e2e2e2;
}

.tou-s__caption .tabs__caption {
    font-size: 0;
    line-height: 0;
    word-spacing: 0;
}

.tou-s__caption-list {
    display: inline-block;
    font-size: 15px;
    line-height: 1;
    word-spacing: normal;
    margin-right: 80px;
    height: 40px;
    cursor: pointer;
    position: relative;
    font-weight: 500;
    color: #323232;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

@media (max-width: 767px) {
    .tou-s__caption-list {
        margin-right: 22px;
        height: 32px;
    }
}

.tou-s__caption-list:hover {
    color: #f44336;
}

.tou-s__caption-list:last-child {
    margin-right: 0;
}

.tou-s__caption-list::before {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    content: '';
    width: 100%;
    height: 3px;
    background-color: #f44336;
    opacity: 0;
    position: absolute;
    bottom: -1px;
    left: 0;
}

.tou-s__caption-list.active {
    color: #f44336;
}

.tou-s__caption-list.active::before {
    opacity: 1;
}

.tou-s__content {
    background-color: #f8f8f8;
    padding: 31px 0 0 0;
}

.tou-s__more {
    padding: 38px 0;
    text-align: center;
}

.tou-s__more-btn {
    background-color: #fff;
    display: inline-block;
}

.tou-s__item:after {
    content: " ";
    display: block;
    clear: both;
}

.tou__head-wrapp {
    border-bottom: 1px solid #e2e2e2;
}

.tou__head-list {
    letter-spacing: -.36em;
    margin: 0 -32px;
    padding-top: 24px;
}

@media (max-width: 767px) {
    .tou__head-list {
        padding-top: 13px;
        margin: 0 -11px;
    }
}

.tou__head-item {
    padding: 0 32px;
    display: inline-block;
    letter-spacing: normal;
}

@media (max-width: 767px) {
    .tou__head-item {
        padding: 0 11px;
    }
}

.tou__head-link {
    display: block;
    height: 42px;
    position: relative;
    font-weight: 500;
    font-size: 15px;
    color: #333;
}

@media (max-width: 767px) {
    .tou__head-link {
        height: 32px;
    }
}

.tou__head-link:hover {
    color: #f44336;
}

.tou__head-link.active {
    color: #f44336;
}

.tou__head-link.active:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: -1px;
    height: 3px;
    background-color: #f44336;
}

.tou__report {
    background-color: #f8f8f8;
    padding: 33px 0 38px;
}

.tou__report-caption {
    letter-spacing: .5px;
    padding-bottom: 29px;
}

@media (max-width: 767px) {
    .tou__report-caption {
        padding-bottom: 20px;
    }
}

.tou__report-tracker {
    display: block;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    padding-bottom: 5px;
}

.tou__report-synchronization-wrapp {
    padding-bottom: 20px;
}

.tou__report-synchronization-text {
    font-size: 14px;
    font-weight: 500;
    color: #969393;
    display: inline-block;
    vertical-align: middle;
    padding-right: 18px;
    letter-spacing: .7px;
}

@media (max-width: 767px) {
    .tou__report-synchronization-text {
        display: block;
        padding-bottom: 10px;
    }
}

.tou__report-synchronization-btn {
    display: inline-block;
    vertical-align: middle;
    color: #f44336;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.tou__report-synchronization-btn:hover .tou__report-synchronization-btn-text {
    color: #969393;
}

.tou__report-synchronization-btn:hover .tou__report-synchronization-icon {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.tou__report-synchronization-icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.tou__report-synchronization-btn-text {
    display: inline-block;
    vertical-align: middle;
    color: #f44336;
    padding-left: 6px;
    letter-spacing: .9px;
    -webkit-transition: all .3s;
    transition: all .3s;
    font-weight: 500;
}

.tou__report-btn {
    width: 195px;
    margin: 0 auto;
    padding-top: 12px;
}

.tou__report-btn .btn__more {
    background-color: #fff;
    width: 100%;
}

.tou__report-btn .btn__more:hover {
    background-color: #f44336;
    opacity: 1;
}

.tou__item {
    height: 126px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.05);
    padding: 27px 21px;
    background-color: #fff;
    margin-bottom: 31px;
    letter-spacing: -.36em;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
}

@media (max-width: 767px) {
    .tou__item {
        margin-bottom: 20px;
    }
}

@media (max-width: 479px) {
    .tou__item {
        height: 185px;
        padding: 20px 15px;
    }
}

.tou__item.active {
    height: 530px;
}

@media (max-width: 1023px) {
    .tou__item.active {
        height: 750px;
    }
}

@media (max-width: 479px) {
    .tou__item.active {
        height: 770px;
    }
}

.tou__item.active .tou__item-toggle:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 14px;
}

.tou__item-toggle {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    display: block;
    position: absolute;
    right: 32px;
    top: 47px;
    background-color: #f8f8f8;
    cursor: pointer;
}

@media (max-width: 767px) {
    .tou__item-toggle {
        right: 10px;
    }
}

@media (max-width: 479px) {
    .tou__item-toggle {
        top: 27px;
    }
}

.tou__item-toggle:hover:before {
    border-color: #f44336;
}

.tou__item-toggle:before {
    position: absolute;
    content: '';
    width: 9px;
    height: 9px;
    border-left: 2px solid #a5a5a5;
    border-bottom: 2px solid #a5a5a5;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 11px;
    left: 12px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.tou__item-left {
    width: 90px;
    display: inline-block;
    letter-spacing: normal;
}

@media (max-width: 479px) {
    .tou__item-left {
        display: block;
        width: 100%;
        margin-bottom: 12px;
    }

    .tou__item-left:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }
}

.tou__item-icon {
    display: block;
    width: 47px;
    height: 47px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #f8f8f8;
    text-align: center;
    padding-top: 9px;
    margin-bottom: 12px;
}

@media (max-width: 479px) {
    .tou__item-icon {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0;
    }
}

.tou__item-date {
    display: block;
    text-align: center;
    color: #939393;
    letter-spacing: .6px;
}

@media (max-width: 479px) {
    .tou__item-date {
        display: inline-block;
        vertical-align: middle;
        padding-left: 5px;
    }
}

.tou__item-right {
    display: inline-block;
    width: calc(100% - 90px);
    vertical-align: top;
    padding-left: 48px;
    padding-top: 8px;
    padding-right: 30px;
}

@media (max-width: 767px) {
    .tou__item-right {
        padding-left: 20px;
        padding-right: 0px;
    }
}

@media (max-width: 479px) {
    .tou__item-right {
        width: 100%;
        padding-left: 0;
    }
}

.tou__col {
    display: inline-block;
    letter-spacing: normal;
    padding-right: 45px;
}

@media (max-width: 1023px) {
    .tou__col {
        width: 50%;
        padding-right: 0;
        margin-bottom: 38px;
    }
}

@media (max-width: 479px) {
    .tou__col {
        width: 100%;
        margin-bottom: 25px;
    }
}

.tou__col:last-child {
    padding-right: 0;
}

.tou__col-item {
    margin-bottom: 38px;
}

@media (max-width: 479px) {
    .tou__col-item {
        margin-bottom: 25px;
        position: relative;
    }
}

.tou__col-item:last-child {
    margin-bottom: 0;
}

.tou__col-title {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #969393;
    padding-bottom: 10px;
    letter-spacing: .6px;
}

@media (max-width: 479px) {
    .tou__col-title {
        display: inline-block;
        padding-left: 45px;
        padding-bottom: 0;
    }
}

@media (max-width: 479px) {
    .tou__descr {
        display: inline-block;
    }
}

.tou__descr:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.tou__descr-icon {
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 479px) {
    .tou__descr-icon {
        position: absolute;
        left: 0;
        top: -4px;
    }
}

.tou__descr-text {
    display: inline-block;
    vertical-align: middle;
    font-family: "Bebas Neue", Helvetica, sans-serif;
    font-size: 21px;
    font-weight: 700;
    padding-left: 5px;
    letter-spacing: .9px;
}

.tou__zone-wrapp {
    max-width: 575px;
    letter-spacing: normal;
    padding-top: 33px;
}

@media (max-width: 479px) {
    .tou__zone-wrapp {
        max-width: calc(100% + 80px);
        margin-left: 0;
        padding-top: 10px;
    }
}

.tou__zone-title {
    font-size: 15px;
    font-weight: 500;
    display: block;
    padding-bottom: 46px;
    letter-spacing: .8px;
}

@media (max-width: 479px) {
    .tou__zone-title {
        padding-bottom: 20px;
    }
}

.tou__zone-row {
    margin-bottom: 20px;
}

.tou__zone-row:after {
    content: " ";
    display: block;
    clear: both;
}

.tou__zone-row--light .tou__zone-width {
    background-color: #c5caca;
}

.tou__zone-row--below-average .tou__zone-width {
    background-color: #6cc4ea;
}

.tou__zone-row--average .tou__zone-width {
    background-color: #a4bd5a;
}

.tou__zone-row--above-average .tou__zone-width {
    background-color: #fade55;
}

.tou__zone-row--hight .tou__zone-width {
    background-color: #f44336;
}

.tou__zone-line {
    float: left;
    width: calc(100% - 60px);
}

.tou__zone-width {
    display: block;
    line-height: 0;
    padding: 12px 0 12px 5px;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
}

.tou__zone-value {
    float: right;
    padding-left: 10px;
    font-size: 15px;
    font-weight: 600;
    width: 60px;
    text-align: right;
    padding-top: 3px;
}

.tou .icon-sync {
    width: 22px;
    height: 24px;
    fill: #f44336;
}

.tou .icon-run {
    width: 19px;
    height: 27px;
    fill: #f44336;
}

.tou .icon-distance {
    width: 33px;
    height: 32px;
    fill: #9e9e9e;
}

.tou .icon-distance_ok {
    width: 33px;
    height: 32px;
    fill: #9e9e9e;
}

.tou .icon-durability {
    width: 32px;
    height: 32px;
    fill: #9e9e9e;
}

.tou .icon-time {
    width: 31px;
    height: 32px;
    fill: #9e9e9e;
}

.tou .icon-speed {
    width: 32px;
    height: 32px;
    fill: #9e9e9e;
}

.tou .icon-mount {
    width: 32px;
    height: 32px;
    fill: #9e9e9e;
}

.tou .icon-pulse {
    width: 32px;
    height: 32px;
    fill: #9e9e9e;
}

.tou .icon-proportion {
    width: 35px;
    height: 32px;
    fill: #9e9e9e;
}

.tou .icon-place {
    width: 33px;
    height: 32px;
    fill: #9e9e9e;
}

.trackers {
    padding-top: 27px;
    padding-bottom: 142px;
}

@media (max-width: 1023px) {
    .trackers {
        padding-bottom: 70px;
    }
}

@media (max-width: 767px) {
    .trackers {
        padding-top: 17px;
        padding-bottom: 50px;
    }
}

.trackers--mod {
    padding-bottom: 90px;
}

@media (max-width: 1023px) {
    .trackers--mod {
        padding-bottom: 123px;
    }
}

@media (max-width: 767px) {
    .trackers--mod {
        padding-bottom: 38px;
    }
}

.trackers__caption {
    padding-bottom: 43px;
}

@media (max-width: 1023px) {
    .trackers__caption {
        padding-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .trackers__caption {
        padding-bottom: 18px;
    }
}

.trackers__holder {
    max-width: 540px;
    margin: 0 auto;
}

@media (max-width: 1023px) {
    .trackers__holder {
        max-width: 600px;
    }
}

.trackers__holder--mod {
    margin-top: 69px;
}

@media (max-width: 767px) {
    .trackers__holder--mod {
        margin-top: 41px;
    }
}

.trackers__head {
    padding: 10px 0 20px;
}

@media (max-width: 767px) {
    .trackers__head {
    }
}

.trackers__head-title {
    display: block;
    padding-bottom: 5px;
}

.trackers__head-subtitle {
    display: block;
    font-size: 12px;
    color: #939393;
}

.trackers__item {
    padding-bottom: 19px;
    display: flex;
    justify-content: space-between;
}

.trackers__item.not-checked .trackers__item-txt--not-checked {
    display: inline-block;
}

.trackers__item.not-checked .trackers__item-txt--checked {
    display: none;
}

.trackers__item:last-child {
    padding-bottom: 0;
}

.trackers__item--first {
    padding-bottom: 25px;
}

@media (max-width: 767px) {
    .trackers__item--first {
        padding-bottom: 20px;
    }
}

.trackers__item-image {
}

.trackers__item-image img {
    display: block;
}

@media (max-width: 767px) {
    .trackers__item-image img {
        max-width: 80%;
    }
}

.trackers__item-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
}

.trackers__item-txt {
    display: inline-block;
    vertical-align: middle;
    color: #939393;
    font-size: 13px;
    padding-right: 25px;
}

@media (max-width: 767px) {
    .trackers__item-txt {
        display: none;
    }
}

.trackers__item-txt--not-checked {
    display: none;
}

.trackers__item-switch {
    display: inline-block;
    vertical-align: middle;
    height: 26px;
}

.trackers__form-row {
    font-size: 0;
    line-height: 0;
    margin: 0 -15px;
    padding-bottom: 34px;
}

@media (max-width: 1023px) {
    .trackers__form-row {
        margin: 0 -10px;
    }
}

@media (max-width: 767px) {
    .trackers__form-row {
        padding-bottom: 10px;
    }
}

.trackers__form-col {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 15px;
    font-size: 14px;
    line-height: normal;
}

.trackers__form-col .input-pass {
    font-size: 13px;
}

@media (max-width: 1023px) {
    .trackers__form-col {
        padding: 0 10px;
    }
}

@media (max-width: 767px) {
    .trackers__form-col {
        display: block;
        width: 100%;
        padding-bottom: 25px;
    }
}

.trackers__form-label {
    display: block;
    padding-bottom: 8px;
}

.trackers__form-txt {
    font-size: 12px;
    color: #939393;
    display: block;
    padding-bottom: 42px;
}

@media (max-width: 1023px) {
    .trackers__form-txt {
        padding-bottom: 73px;
    }
}

@media (max-width: 767px) {
    .trackers__form-txt {
        padding-bottom: 41px;
    }
}

.trackers__form-btn {
    max-width: 160px;
}

.zone {
    padding: 27px 0 77px;
}

@media (max-width: 1023px) {
    .zone {
        padding: 28px 0 25px;
    }
}

@media (max-width: 767px) {
    .zone {
        padding: 17px 0 12px;
    }
}

.zone__caption {
    padding-bottom: 46px;
    letter-spacing: .6px;
}

@media (max-width: 1023px) {
    .zone__caption {
        padding-bottom: 33px;
    }
}

@media (max-width: 767px) {
    .zone__caption {
        padding-bottom: 20px;
    }
}

.zone__max-text {
    font-size: 14px;
    display: block;
    padding-bottom: 11px;
    font-weight: 500;
    letter-spacing: .4px;
}

@media (max-width: 767px) {
    .zone__max-text {
        padding-bottom: 8px;
    }
}

.zone__max-res {
    font-size: 37px;
    color: #f44336;
    display: block;
    font-weight: 700;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-family: "Bebas Neue", Helvetica, sans-serif;
    letter-spacing: .9px;
}

@media (max-width: 767px) {
    .zone__max-res {
        padding-bottom: 10px;
    }
}

.zone__way {
    font-size: 14px;
    font-weight: 500;
    color: #939393;
    display: block;
    padding-bottom: 31px;
    letter-spacing: .4px;
}

@media (max-width: 767px) {
    .zone__way {
        padding-bottom: 16px;
    }
}

.zone__recomendation {
    font-weight: 500;
    display: block;
    padding-bottom: 23px;
    font-size: 16px;
    letter-spacing: .5px;
}

@media (max-width: 767px) {
    .zone__recomendation {
        padding-bottom: 34px;
    }
}

.zone__list {
    letter-spacing: -.36em;
    height: 122px;
    margin-bottom: 1px;
}

@media (max-width: 1023px) {
    .zone__list {
        height: 146px;
    }
}

@media (max-width: 767px) {
    .zone__list {
        height: auto;
        padding: 20px 15px 4px 15px;
    }
}

.zone__list:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 767px) {
    .zone__list:before {
        display: none;
    }
}

.zone__list--head {
    height: 55px;
}

@media (max-width: 767px) {
    .zone__list--head {
        display: none;
    }
}

.zone__list--light {
    background-color: #c5caca;
}

.zone__list--below-average {
    background-color: #6cc4ea;
}

.zone__list--average {
    background-color: #a4bd5a;
}

.zone__list--above-average {
    background-color: #fade55;
}

.zone__list--hight {
    background-color: #f44336;
    color: #fff;
}

.zone__list--hight .zone__number {
    color: #333;
}

.zone__item {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .4px;
    padding: 0 15px;
}

@media (max-width: 1023px) {
    .zone__item {
        padding: 0 5px;
    }
}

@media (max-width: 767px) {
    .zone__item {
        display: block;
        padding: 0;
        letter-spacing: -.36em;
        padding-bottom: 20px;
    }
}

.zone__item:nth-child(1) {
    width: 20%;
    padding-left: 0;
}

@media (max-width: 1023px) {
    .zone__item:nth-child(1) {
        width: 19%;
    }
}

@media (max-width: 767px) {
    .zone__item:nth-child(1) {
        width: 100%;
    }
}

.zone__item:nth-child(2) {
    width: 13%;
    text-align: center;
}

@media (max-width: 1023px) {
    .zone__item:nth-child(2) {
        width: 15%;
    }
}

@media (max-width: 767px) {
    .zone__item:nth-child(2) {
        width: 100%;
    }
}

.zone__item:nth-child(3) {
    width: 8%;
    text-align: center;
}

@media (max-width: 1023px) {
    .zone__item:nth-child(3) {
        width: 7%;
    }
}

@media (max-width: 767px) {
    .zone__item:nth-child(3) {
        width: 100%;
    }
}

.zone__item:nth-child(4) {
    width: 8%;
    text-align: center;
}

@media (max-width: 1023px) {
    .zone__item:nth-child(4) {
        width: 7%;
    }
}

@media (max-width: 767px) {
    .zone__item:nth-child(4) {
        width: 100%;
    }
}

.zone__item:nth-child(5) {
    width: 28%;
}

@media (max-width: 1023px) {
    .zone__item:nth-child(5) {
        width: 25%;
    }
}

@media (max-width: 767px) {
    .zone__item:nth-child(5) {
        width: 100%;
    }
}

.zone__item:nth-child(6) {
    width: 23%;
}

@media (max-width: 1023px) {
    .zone__item:nth-child(6) {
        width: 26%;
    }
}

@media (max-width: 767px) {
    .zone__item:nth-child(6) {
        width: 100%;
    }
}

@media (max-width: 1023px) {
    .zone__item-hide {
        display: none;
    }
}

.zone__title-mobile {
    display: none;
}

@media (max-width: 767px) {
    .zone__title-mobile {
        display: inline-block;
        width: 50%;
        letter-spacing: normal;
        text-align: left;
        font-weight: 700;
    }
}

.zone__number-wrapp {
    padding-left: 44px;
}

@media (max-width: 1023px) {
    .zone__number-wrapp {
        padding-left: 30px;
    }
}

@media (max-width: 767px) {
    .zone__number-wrapp {
        padding-left: 0;
        letter-spacing: normal;
        margin-bottom: 3px;
    }
}

.zone__number {
    font-size: 15px;
    font-weight: 600;
    width: 32px;
    height: 32px;
    display: block;
    border-radius: 50%;
    margin-bottom: 7px;
    background-color: #fff;
    padding-top: 7px;
    text-align: center;
}

@media (max-width: 767px) {
    .zone__number {
        margin-bottom: 0;
        display: inline-block;
        font-size: 16px;
    }
}

.zone__number-text {
    font-weight: 600;
    display: block;
    font-size: 15px;
}

@media (max-width: 767px) {
    .zone__number-text {
        display: inline-block;
        padding-left: 8px;
        font-size: 15px;
    }
}

.zone__max-procent {
    display: block;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

@media (max-width: 767px) {
    .zone__max-procent {
        display: inline-block;
        width: 50%;
        letter-spacing: normal;
    }
}

.zone__res {
    font-weight: 500;
    display: block;
    text-align: center;
}

@media (max-width: 767px) {
    .zone__res {
        display: inline-block;
        width: 50%;
        letter-spacing: normal;
    }
}

.zone__text-descr {
    font-size: 14px;
    display: block;
    line-height: 1.43;
}

@media (max-width: 1023px) {
    .zone__text-descr {
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .zone__text-descr {
        letter-spacing: normal;
        padding-top: 10px;
        line-height: 1.53;
    }
}


li.optgroup {
    background: #eaeaea;
}

@media (max-width: 330px) {
    .header__notice-drop::before {
        right: 87px !important;
    }

}


@media (max-width: 1024px) {

    .header__profile-icon.js-menu-link {
        display: none;
    }

}

.fixed {
    position: fixed !important;
}


#comments {
    clear: both;
    margin-top: 20px;
}

#comments .comment_item {
    letter-spacing: normal;
    vertical-align: top;
    background: #fff;
    border: 2px solid #fade55;
    margin-bottom: 15px;
    border-radius: 5px;
}

#comments .comment_item a {
    color: #333;
}

#comments .comment_item.banned {
    background-color: #f44d4d;
    color: white;
}

#comments .comment_item.banned a {
    color: white;
}

#comments .comment_item.own {
    background-color: #ffffca52;
}

#comments .comment_item.pending {
    background-color: #f0f0f0;
}

#comments .comment_item.pending .right .date {
    color: #8d8d8d;
}


#comments .comment_item .left {
    display: inline-block;
    width: 15%;
    text-align: center;
    vertical-align: top;
}

#comments .comment_item .left span {
    display: block;
    margin: auto;
}

#comments .comment_item .left .wrap {
    padding: 10px;
}

#comments .comment_item .right {
    display: inline-block;
    width: 80%;
    vertical-align: top;
    padding: 10px;
    border-left: 2px solid #fade55;
    min-height: 138px;
}

#comments .comment_item .right .date {
    font-size: 12px;
    color: #b7b7b7;
    margin-bottom: 5px;
}

.comment-entity .like {
    top: -50px;
    left: 50%;
}

#comments .empty, #comments #comments-pager {
    letter-spacing: 0;
}

.recommended {
    fill: #4799e2 !important;
}

.not_recommended {
    fill: #d3d3d3 !important;
}


.form-group.has-error input {
    border-color: red;
}

.form-group.has-error .help-block-error {
    color: red;
}

.form-group.has-success input {
    border-color: green;
}

.tournament-social-share .social-share li {
    float: left;
    display: block;
    margin-right: 15px;
    font-size: 30px;
}

.body {
    margin-top: 27px;
}

.body > .container > h2 {
    padding-bottom: 26px;
}

.body > .outer {
    padding: 31px 0 96px;
    background-color: #f8f8f8;
}

.body > .outer > .container > .wrap,
.kb-article .body > .outer .wrap {
    background-color: #fff;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
}

.body > .outer > .container > .wrap > .holder,
.kb-article .body > .outer .wrap > .holder {
    max-width: 920px;
    margin: 0 auto;
    padding: 60px 0 42px;
}

.form-group {
    margin-top: 12px;
    margin-bottom: 12px;
}

.form-group label {
    margin-bottom: 8px;
    display: inline-block;
}

.form-group .help-block {
    color: red;
}

.main-alert {
    margin: 0 20px;
}

.main-alert button.close {
    width: auto;
}

.comment_item {
    width: 100%;
    max-width: 100%;
}

.site-error {
    margin: 20px;
}

.site-error h1 {
    margin-bottom: 20px;
}

.longread {
    margin: 20px 0;
}

.longread ol, .longread ul {
    margin: 20px 0;
}

.longread ol {
    list-style: decimal;
}

.longread li {
    margin-top: 10px;
}

.longread ol li {
    display: list-item;
    list-style-type: decimal;
    list-style-position: inside;
}

.longread ol li::marker {
    font-weight: 700;
}

.longread ul li {
    list-style-type: disc;
    list-style-position: inside;
}

.intl-tel-input {
    width: 100%;
}

.intl-tel-input .country-list {
    z-index: 9999;
}

@media (max-width: 640px) {
    #tournament-rating .friends__table tbody td:nth-child(2),
    #tournament-rating .friends__table thead th:nth-child(2),
    #tournament-rating .friends__table tfoot td:nth-child(2) {
        display: table-cell;
    }

    #tournament-rating .friends__table tbody td:nth-child(4),
    #tournament-rating .friends__table thead th:nth-child(4),
    #tournament-rating .friends__table tfoot td:nth-child(4),
    #tournament-rating .friends__table tbody td:nth-child(5),
    #tournament-rating .friends__table thead th:nth-child(5),
    #tournament-rating .friends__table tfoot td:nth-child(5) {
        display: none;
    }

    #tournament-rating .command__person-wrapper .friends__table tbody td:nth-child(5),
    #tournament-rating .command__person-wrapper .friends__table thead th:nth-child(5),
    #tournament-rating .command__person-wrapper .friends__table tfoot td:nth-child(5) {
        display: table-cell;
    }
}

.footer__contacts {
    margin-bottom: 15px;
    color: #b1981f;
}

.faq-item {
    border-bottom: 1px solid grey;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.faq-answer-doc-block {
    margin-top: 10px;
}

@media (max-width: 769px) {
    .friends__holder {
        padding: 40px;
    }

    .body > .outer > .container > .wrap > .holder,
    .kb-article .body > .outer .wrap > .holder {
        padding: 60px 20px 40px;
    }
}

@media (max-width: 640px) {
    .friends__table-img {
        max-width: 36px;
        max-height: 36px;
        margin-right: 12px;
        margin-left: 5px
    }

    .friends__table-txt {
        font-size: 13px;
    }

    .friends__table-num, .friends__table-num {
        font-size: 20px;
    }

    #comments .comment_item .left {
        width: 100%;
    }

    #comments .comment_item .right {
        width: 100%;
        border-left: 0;
    }

    .friends__holder {
        padding: 5px 15px 40px;
    }

    .friends__table_row .img-medal {
        width: 100%;
        max-width: 20px;
    }

    .friends__table .friends__table-icon {
        left: 20px;
        bottom: -7px;
    }

    .friends__table .friends__table-icon--topleft {
        line-height: 16px;
    }

    .friends__table .flag.flag-ru {
        background-position: -171px -265px;
    }
}

.js-full-page .section-wrap .tape, .js-full-page .section-wrap .tape__content-wrapp {
    background-color: #fade55;
}

.js-full-page .section-wrap .tape__caption-wrapp {
    border-bottom: 0;
    padding-bottom: 0px;
}

.js-full-page .section-wrap .tape__caption-wrapp .tape__content-inner {
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2);
}

.js-full-page .tape .tape__caption {
    color: rgba(0, 0, 0, 1);
}

.js-full-page .tou-s-item__holder {
    color: #111;
}

@media (max-width: 1023px) {
    .main-screen {
        padding-top: 88px;
        padding-bottom: 50px;
    }

    .main-screen__holder {
        max-width: 500px;
    }
}

@media (max-width: 767px) {
    .main-screen {
        padding-top: 64px;
        padding-bottom: 30px;
    }

    .js-full-page .section .tou-s-item__title {
        height: auto !important;
        padding: 16px 0px 0px;
    }

}

@media (max-width: 568px) {
    .main-screen .main-screen__title {
        font-size: 32px;
    }

    .js-full-page .section-wrap .tape__caption-wrapp .icon-filter {
        fill: white;
    }

    .tou-s-item__title {
        font-size: 20px
    }
}

.without__overlay:before {
    display: none;
}

#fp-nav ul li a span::before {
    bottom: 50%;
}

#fp-nav.fp-right ul li::before {
    bottom: 40% !important;
}

.js-full-page .section-wrap .tape__content-wrapp {
    padding-bottom: 0;
}

#fp-nav ul li {
    height: 16.66%
}

.btn--strava {
    background-image: url('../img/icons-for-slider/strava.svg');
    background-repeat: no-repeat;
    background-position: center;
    color: rgba(0, 0, 0, 0);
    width: 200px;
}

.btn--strava:hover, .btn--strava:focus {
    color: rgba(0, 0, 0, 0);
}

.dropp-wrapp {
    z-index: 4;
}

.tape__content-descr .tape__content-descr-item {
    padding-right: 5px
}

.tape .icon-mount, .tape .icon-speed, .tape .icon-distance {
    width: 15px;
}

.tape__content-descr {
    padding-left: 0;
    display: flex;
    justify-content: space-between;
}

@media (max-width: 568px) {
    .settings__item-wrap {
        padding: 0 10px;
    }

    .footer__menu-drop {
        height: calc(100% - 57px);
        padding: 10px
    }

    .footer__menu-drop-item a, .footer__menu-drop-item:first-child a {
        padding: 20px 15px;
        border-bottom: 1px solid #dcdcdc;
    }

    .footer__menu-drop-link::before {
        display: none;
    }

    .footer__menu-drop-icon {
        margin-right: 16px;
    }

    .footer__menu-sub-list {
        margin-top: 0;
        padding-bottom: 0;
    }

    .tou-s-item__title {
        margin-top: 12px;
    }

    .card-descr__text {
        max-width: 200px;
    }

    .card-descr__item {
        text-align: left;
    }

    .header__notice {
        margin-top: 5px;
    }

    .tou-s__title {
        font-size: 22px;
    }

    .tou-s__content .tou-s-item__img a {
        background-position: top;
    }

    #comment_form, #comments {
        padding: 0 10px;
    }

    .friends__table thead th {
        padding: 8px 8px;
    }

    .friends__table-img {
        margin-left: 0;
    }

    .friends__table .friends__table-icon {
        bottom: auto;
        top: 20px;
        left: 20px;
        width: 24px;
        height: 24px;
    }

    .friends__table-txt {
        width: 60%;
        white-space: nowrap;
        display: inline-block;
        margin-top: 5px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .friends__table tbody td:first-child {
        padding: 0 5px;
    }

    .friends__table.user-order__table tbody td:first-child {
        padding: 8px 5px;
    }

    .tape__content-descr {
        padding-left: 0;
        display: flex;
        justify-content: space-between;
    }

    .tape__content-descr .tape__content-descr-item {
        padding-right: 0px
    }

    .tape .icon-mount, .tape .icon-speed, .tape .icon-distance {
        width: 15px;
    }

}

.tape__tournament-head {
    background: #F6DF6D;
    padding: 15px 20px
}

.tape__tournament-head .tape__content-name {
    margin-bottom: 0;
}

.tape__tournament-title {
    min-height: 40px;
}

.tape__tournament-desc {
    padding: 13px 18px;
}

.tape__tournament .tape__content-foot-item:last-child {
    border-left: 0;
}

.tape__tournament .icon-run {
    width: 18px;
}

.header__signin {
    float: right;
    cursor: pointer;
}

.header__signin .icon-login {
    fill: #333;
}

.header__signin .header-main__singin-inner {
    margin-right: 5px;
}

.filter__holder {
    z-index: 2;
}

@media (min-width: 1025px) {
}

@media (max-width: 1024px) {
    .header__signin {
        display: none;
    }
}

.filter__holder-header {
    display: none;
}

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

@media (max-width: 768px) {
    .filter__btns-wrapp {
        position: fixed;
        z-index: 222;
        background: white;
        width: 101%;
        padding: 10px;
        box-shadow: 0 0 15px rgba(0, 0, 0, .15);
        bottom: 50px;
        display: flex;
        justify-content: center;
    }

    .filter__holder-header {
        position: fixed;

        width: 100%;
        height: 100%;
        max-height: 64px;

        background: #f8f8f8;
        z-index: 1;
        padding: 20px 10px;
        display: flex;
        justify-content: space-between;
        margin-top: 2px;
        align-items: center;

    }

    .filter__close-btn {
        position: relative;
        top: 0;
        right: 0;
    }

    .filter__drop-select {
        padding-bottom: 0;
    }

    .filter__drop-select .filter__drop-select__title {
        background: rgba(255, 255, 255, 0);
    }

    .filter__drop-select .filter__drop-select__list {
        background: rgba(255, 255, 255, 0);
        display: none;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .filter__drop-select .dropp-wrapp {
        background-color: rgba(0, 0, 0, 0);
        display: none;
    }

    .filter__drop-select.is-opened {
        background: rgba(238, 238, 238, 1);
    }

    .filter__drop-select.is-opened > .filter__drop-select__title {
        color: #F44336;
    }

    .filter__drop-select.is-opened > .dropp-wrapp {
        display: flex;
    }

    .filter__drop-select__item {
        width: 20%;
        position: relative;
        flex-grow: 1;
        padding: 5px;
    }

    .filter__drop-select__item .checkbox--reverse {
        text-align: center;
        min-height: 50px;
        max-width: 50px;
        margin: 8px auto;
    }

    .filter__drop-select__item .checkbox--reverse > span {
        padding: 0;
    }

    .filter__drop-select__item .checkbox--reverse input[type="checkbox"]:not(:checked) + span::before,
    .filter__drop-select__item .checkbox--reverse input[type="radio"]:not(:checked) + span::before {
        right: auto;
        top: 20px;
        left: 14px;
    }

    .filter__drop-select__item .checkbox--reverse input[type="checkbox"]:checked + span::before,
    .filter__drop-select__item .checkbox--reverse input[type="radio"]:checked + span::before {
        right: auto;
        top: 20px;
        left: 14px;
    }

    .filter__drop-select__item .checkbox--reverse input[type="checkbox"]:checked + span::after,
    .filter__drop-select__item .checkbox--reverse input[type="radio"]:checked + span::after {
        top: 26px;
        right: auto;
        left: 21px;
    }
}

@media (max-width: 564px) {
    .filter__holder {
        padding-bottom: 130px;

    }


    .filter__btns-wrapp {
        position: fixed;
        bottom: 57px;
        z-index: 222;
        background: white;
        width: 101%;
        padding: 10px;
        box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    }

}

.tape__content-inner .tape__content-icon-run {
    z-index: 0;
}

.tracker-sync .tape__content-name {
    margin-bottom: 0 !important;
}

/** tournament list*/
.tou-s-item__holder-left {
    width: calc(100% - 270px);
}

.tou-s-item__holder-right {
    width: 270px;
}

.tou-s-item__btn {
    display: flex;
}

.tou-s-item__btn .tou-s__about-btn {
    margin-right: 5px;

}

@media (max-width: 812px) {
    .tou-s-item__holder-right, .tou-s-item__holder-left {
        width: 100%;
    }

    .tou-s-item__target, .tou-s-item__period, .tou-s-item__reg--progress, .tou-s-item__reg .tou-s-item__reg--active, .tou-s-item__reg .tou-s-item__reg--done {
        margin: 24px 0;
    }
}

/** filter blocks */
.filter__holder {
}

.filter__holder-header {
}

.filter__category {
    flex-wrap: wrap
}

.filter__category-item {
}

.filter__category-item .dropp-select {
}

.filter__category-item .dropp-select {
}

.filter__category-item .dropp-select .dropp-wrapp {
}

.filter__category-item .dropp-select.active .dropp-wrapp {
}

.filter__category-item .dropp-select.active .dropp-btn {
    display: flex;
    align-items: center;
}

.filter__category-item .dropp-select .dropp-select__icon svg {
    width: 20px;
    height: 17px;
    display: inline-block;
    margin-top: -3px;
}

.filter__category-item .dropp-select .dropp-select__icon {
    display: none;
}

svg .icon-path {
    fill: #000000;
}

svg .icon-path.active {
    fill: #F44336;
}


@media (max-width: 812px) {
    .filter__category-item {
        width: 100%;
    }

    .filter__category {
        margin-top: 64px;
    }

    .filter__category-item {
    }

    .filter__category-item .dropp-select {
        padding-bottom: 0;
        background: white;
        position: relative;
    }

    .filter__category-item .dropp-select:after {
        content: '';
        position: absolute;
        width: 93%;
        height: 1px;
        right: 0;
        bottom: 0;
        border-bottom: 1px solid rgba(0, 0, 0, .2);

    }

    .filter__category-item .dropp-select .dropp-wrapp .datepicker table {
        width: 100%;
    }

    .filter__category-item .dropp-select .dropp-wrapp {
        display: none;
        width: 100%;
    }

    .filter__category-item .dropp-select.active .dropp-wrapp {
        display: block;
        background: #EEEEEE;
    }

    .filter__category-item .dropp-select .dropp-btn {
        background-color: white;
        text-align: left;

    }

    .filter__category-item .dropp-select .dropp-item {
        padding-left: 10px;
    }

    .filter__category-item .dropp-select.active .dropp-btn {
        color: red;
    }

    .filter__category-item .dropp-select.active svg path {
        fill: red;
    }


}

@media (max-width: 564px) {


}

.tou__item {
    height: auto;
    max-height: 126px;
}

.tou__item.active {
    height: auto;
    min-height: 220px;
    max-height: 2000px;
}

.achievement__title {
}

.achievement__title a, .achievement__title-mob a {
    color: #333333
}

.achievement__title a:hover, .achievement__title-mob a:hover {
    color: #f44336
}

.tou-s-item {
    overflow: inherit;
}

.tou-s-item .alb-tooltip {
    color: rgba(244, 67, 54, 0.9);
    transition: .5s ease all;
    font-size: 16px;
}

.tou-s-item .alb-tooltip:hover {
    color: rgba(244, 67, 54, 0.6);
    font-size: 16px;
}

.alb-tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.alb-tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: #fff;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.2;
    font-size: 12px;
    text-align: center;
    border-radius: 6px;
    padding: 8px;
    box-shadow: 0px 4px 8px -3px rgba(0, 0, 0, .2);

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 120%;
    left: 50%;
    margin-left: -150px
}

.alb-tooltip:hover .tooltiptext {
    visibility: visible;
}


@media (max-width: 564px) {
    .tou-s-item .alb-tooltip {
        display: none;
    }
}

.card-descr__icon {
}

.card-descr__icon .like-icon {
    margin-top: -10px;
}

.card-descr__icon .icon-check {
    margin-top: -5px;
}

.card-descr__icon .icon-run {
    margin-top: -8px;
}

/* payment page */
.payment__method-radio-inner {
    display: flex;
    align-items: center;
    padding: 25px;
    background: #fade55;
    color: #f44336;
}

.payment__method-radio-inner .payment__method-icon {
    fill: #f44336;
}

.payment__method-radio-inner:hover {
    background: #ebebeb;
    color: #333;
}

.result__table-body .like-icon {
    width: 20px;
    height: 24px;
    margin-top: -10px;
}

/**  wizard */
.wizard {
    width: 100vw;
    height: 100vh;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    overflow-y: scroll;
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
}

.wizard.is-opened {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 575.98px) {
    .wizard.is-opened {
        overflow-y: scroll;
        display: block;
    }

}

.wizard__wrap {
    width: 100%;
    max-width: 900px;
    margin: 40px auto;
    position: relative;
    z-index: 222;
    display: flex;

}

#wizard__map {
    width: 410px;
    height: 550px;
    position: relative;
    background-color: #eee;
    background-image: url('/img/wizard/mstep1.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-right: -10px;
    margin-top: 10px;
    z-index: 2;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 8px -5px 16px -7px rgba(0, 0, 0, .2);
}

#wizard__map.step-2, #wizard__map.step-3 {
    background-image: url('/img/wizard/mstep2.png');
}

#wizard__map.step-4 {
    background-image: url('/img/wizard/mstep3.png');
}

#wizard__map.step-5 {
    background-image: url('/img/wizard/mstep4.png');
}

#wizard__map.step-6 {
    background-image: url('/img/wizard/mstep5.png');
}

#wizard__map.step-7 {
    background-image: url('/img/wizard/mstep5.png');
}

#wizard__map.step-8 {
    background-image: url('/img/wizard/mstep6.png');
}

@media (max-width: 767.98px) {
    #wizard__map {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }
}

@media (max-width: 540px) {
    #wizard__map {
        display: none;
    }
}

.wizard__wrap:before {
    /*content: '';
  position: absolute;
  top: -16px;
  width: 340px;
  height: -webkit-calc(100%);
  height: calc(100%);
  background: #333;
  z-index: 0;
  left: 24px;
  background: url(/img/wizard/map.svg);
  background-repeat: no-repeat;
  background-position:center;
  background-size: cover;*/
}

.wizard__wrap:after {
    /*content: '';
  position: absolute;
  width: 24px;
  height: 26px;
  background: url(/img/wizard/angle.svg);
  background-repeat: no-repeat;
  background-size: 100%;

  top: -16px;
  z-index: 0;
  left: 340px;
  display: none;*/
}

.wizard.is-opened > .wizard__wrap:after {
    display: block;
}

@media (max-width: 991.98px) {
    .wizard__wrap {
        max-width: 670px;
    }

    .wizard__wrap:before {
        bottom: -16px;
        background-position: top;
    }

    .wizard__wrap:after {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .wizard__wrap {
        max-width: 670px;
    }

    .wizard__wrap:before {
        /*top: 0;
    width: 98%;
    left: -webkit-calc(100% - 99%);
    left: calc(100% - 99%);
    border-radius: 0;
    background-position: center right;*/
    }
}

@media (max-width: 575.98px) {
    .wizard__wrap {
        max-width: 670px;

        margin: 0;
    }

    .wizard__containers {
        max-width: 100%;
    }

    .wizard__wrap:before {
        /*width: 100%;
    left: 0;
    background-position: center;
    position: fixed;
    top: 0;*/
    }
}

.wizard__containers {
    align-self: center;
}

.wizard__container {
    background: #fff;
    max-width: 600px;
    padding: 40px;
    -webkit-box-shadow: 0 4px 32px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 32px rgba(0, 0, 0, .15);
    position: relative;
    margin: 0 0 0 auto;
    z-index: 1;
    display: none;
}

#wizard-4.wizard__container {

    max-width: 550px;

}

.wizard__container.is-active {
    display: block;
}

@media (max-width: 767.98px) {
    .wizard__container {
        padding: 32px;
    }
}

@media (max-width: 575.98px) {
    .wizard__container {
        padding: 32px 20px;
    }
}

.wizard__title {
    margin: 0;
    margin-bottom: 16px;
    font-size: 26px;
    font-weight: 700;
    color: #969393;
}

.wizard__subtitle {
    font-size: 34px;
    font-weight: 700;
    color: #f44336;
    max-width: 450px;
    line-height: 1.2;
    margin: 13px 0 0;
}

@media ( max-width: 550px) {
    .wizard__title {
        font-size: 20px;
    }

    .wizard__subtitle {
        font-size: 26px;
    }
}

.wizard__list {
    padding: 8px 0;
}

.wizard__list-item {
    position: relative;
    list-style: none;
    padding-left: 16px;
    color: #969393;
    margin-bottom: 24px;
    line-height: 1.3;
}

.wizard__block-content .tape__content-item {
    width: 100%;
}

.wizard__block-content .tape__content-item, .wizard__block-content .tape__content-item * {
    outline: none;
}

.wizard__list-item:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fade56;
}

.wizard__block-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 8px 0 16px 0;
}

.wizard__block-social {
    justify-content: flex-start;
}

.wizard__block-buttons .btn {
    max-width: 49%;
}

.wizard__block-buttons .btn.btn--social {
    max-width: 50px;
    width: 100%;
    fill: white;
    color: white;
    padding: 13.5px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 8px;
}

.wizard__block-buttons a:first-child {
    margin-right: 8px;
}

.wizard__fade {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    z-index: -1;
}

.wizard-close {
    cursor: pointer;
}

.wizard__block-content {
    padding: 24px 0;
    line-height: 1.4;
}

.wizard .settings__item {
    padding-bottom: 20px;
}


.wizard .gender_div {
}

.wizard .gender_div {
    margin: 0 15px;
}

.wizard__close {
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 15px;
    top: 15px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.000120149 1.12501L1.12511 5.78465e-06L9 7.87494L16.8749 0L17.9999 1.125L10.125 8.99994L18 16.875L16.875 18L9 10.1249L1.12499 18L0 16.875L7.875 8.99994L0.000120149 1.12501Z' fill='%23FF0000'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    transition: .3s ease all;
    filter: grayscale(100%);
    opacity: .5;
}

.wizard__close:hover {
    opacity: 1;
    filter: grayscale(0%);
}

.tou__col-map {
    max-width: 650px;
    width: 100%;
    padding: 2% 0;
}

.tou__col-map .tou__col-item {
    position: relative;
    width: 100%;
    height: 250px;
}
.tou__col-map .tou__col-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.tou__col-map .tou__col-item .tou__col-item-imgs {
    display: flex;
    padding-top: 8px;
    gap: 8px;
}
.tou__col-map .tou__col-item .tou__col-item-imgs .tape__content-imgs-item {
    width: 240px;
    height: 240px;
}
.tou__col-map .tou__col-item .tou__col-item-imgs .tape__content-imgs-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}


/*** subheader */
.subheader {
    border-bottom: 1px solid #e2e2e2;
}

.subheader__container {
    max-width: 1170px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;

}

.subheader__block-title, .subheader__block-filter {
    width: 100%;
}

.subheader__block-title .subheader__container {
    display: flex;
}

.subheader__block-title .subheader__container:after {
    display: none;
}

.subheader__block-title {
    padding: 20px 30px;
    border-bottom: 1px solid #e2e2e2;
}

.subheader__block-filter {

}

.subheader__filter {
    display: flex;
    justify-content: flex-end;
}

.subheader__filter-btn {
    display: none;
}

@media (max-width: 1024px) {
    .subheader__block-title {
        padding: 20px 0;
    }

}

@media (max-width: 768px) {
    .subheader__filter-btn {
        display: block;
    }

    .subheader__block-title {
        padding: 15px 0;
    }
}

@media (max-width: 564px) {
    .subheader__block-title, .subheader__block-filter {
        max-width: 100%;
    }
}

/**  Store */
.store {
    background: #eee;
    padding-bottom: 30px;
}

.store__container {
    display: flex;
    flex-wrap: wrap;
}

.store-item {
    display: inline-block;
    letter-spacing: normal;
    width: 33.33%;
    min-width: 300px;
    margin-bottom: 10px;
}

.store-item__wrap {
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .05);
    background-color: #fff;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    max-width: 96%;
    margin: 30px auto 0;
}

.store-item__promo {
}

.store-item__promo-link {
    position: relative;
    display: block;
}

.store-item__promo-logo, .store-item__promo-icon {
    position: absolute;
    top: 15px;
}

.store-item__promo-logo {
    left: 15px;
    max-width: 25%;
}

.store-item__promo-icon {
    right: 15px;
    /*width: 28px;
  height: 28px;
  //background: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;*/
}

.store-item__promo-icon svg {
    width: 15px;
    height: 20px;
    fill: #000;
}

.store-item__promo-icon .icon-run {
    height: 17px;
}

.store-item__promo-icon .icon-ski {
}

.store-item__promo-icon .icon-ride {
}

.store-item__promo-img {
    max-width: 100%;
    width: 100%;

}

.store-item__desc {
    padding: 16px;
}

.store-item__desc-link {
    color: #333;
}

.store-item__desc-name {
    font-size: 16px;
    font-weight: 700;
    min-height: 40px;
}

.store-item__desc-title {
    margin: 16px 0 20px;
    min-height: 44px;
    font-weight: 500;

    font-size: 13px;
    line-height: 1.4;
}

.store-item__desc-btn {
    margin: 10px auto;
}

.store-cart__companies {
    padding: 5px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin: 10px 0;
}

.store-cart__company {
    margin: 10px 0 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.store-cart__company-name, .store-cart__company-price {
    margin: 5px 0;
    margin-right: 10px;

}

.store-cart__company-name {
    min-width: 140px;
    width: 100%;
    max-width: 220px;
    font-weight: 600;
}

.store-cart__company-price {
    min-width: 90px;
    font-weight: 600;
}

.store-cart__company-button {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 320px;
}

.store-cart__company-button .btn,
.store-cart__companies .btn--buy {
    margin: 5px 0;
    margin-right: 10px;
    width: 100%;
    display: inline-block;
    font-size: 10px;
    padding: 12px 8px;
    max-width: 220px;;
}

@media (max-width: 1024px) {

    .store-item {
        width: 100%;
        min-width: 33%;
        max-width: 33%;
    }
}

@media (max-width: 940px) {

    .store-item {
        width: 100%;
        max-width: 30%;
    }
}

@media (max-width: 768px) {
    .store-item {
        width: 100%;
        max-width: 49.99%;
        padding: 0;
    }

    .store-cart__companies {
        padding: 5px 0;
    }

    .store-cart__company-button .btn {
        margin-right: 10px;
    }
}

@media (max-width: 620px) {
    .store-cart__company-button {
        max-width: 100%;
        width: 100%;
        justify-content: space-between;
    }

    .store-cart__company-button .btn {
        margin-right: 0;
        width: 49%;
    }

    .store-item {
        width: 100%;
        max-width: 50%;
    }
}

@media (max-width: 540px) {

    .store-item {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 321px) {

    .store-cart__company-button .btn {
        max-width: 100%;
        margin-right: 0;
        width: 100%;
    }
}

/*** Store Cart */
.store-cart {
    background: #eee;
    padding: 20px;
    min-height: 65vh;
}

.store-cart__container {
    display: flex;
    overflow: hidden;
    flex-wrap: wrap;
    justify-content: space-between;
    background: white;
    padding: 40px 30px;
    border-radius: 4px;
    margin: 30px auto;

}

.store-cart__block-img {
    width: 100%;
    max-width: 33%;
}

.store-cart__img {
    width: 100%;
}

.store-cart__img.store-cart__img--thumb {
    opacity: 0.5;
}

.store-cart__img.store-cart__img--thumb:hover,
.store-cart__img.store-cart__img--thumb.active {
    opacity: 1;
}

.store-cart__block-desc {
    width: 100%;
    max-width: 62%;
}

.store-cart__title {
}

.store-cart__price {
    font-size: 20px;
    padding: 10px 0;
    font-weight: 700;
}

.store-cart__desc {
    line-height: 1.4;
    padding: 8px 0;
}

.store-cart__block-btn {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0;
}

.store-cart__block-btn .btn {
    margin-right: 5px;
    max-width: 220px;
}


@media (max-width: 768px) {
    .store-cart__block-desc, .store-cart__block-img {
        max-width: 100%;
        margin-bottom: 15px;
    }
}

@media (max-width: 567px) {

    .store-cart__container {
        padding: 0px;
    }

    .store-cart__block-desc {
        padding: 10px 15px;
    }

    .store-cart__block-btn .btn {
        max-width: 100%;
        margin: 8px auto;
    }
}

.store-cart__icons {
    margin: 20px 0;
    max-width: 320px;
}

.store-cart__icons-label {
    font-size: 14px;
    font-weight: 600;
    margin: 10px 0;
}

.store-cart__icons-wrap {
    display: flex;
    justify-content: flex-start;
}

.store-cart__icons-item {
    min-width: 35px;
/ / width: 100 %;
/ / max-width: 100 px;
    text-align: center;

    margin-right: 5px;
}

.store-cart__icons-item .icon {
    width: 50px;
    height: 50px;
    background: #fade55;
    border-radius: 50%;
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
}

.store-cart__icons-item .icon svg {
    height: 18px;
}

.store-cart__icons-item .name {
    font-size: 10px;
    margin: 5px 0;
}

@media (max-width: 569px) {
    .store-cart__icons {
        max-width: 100%;
    }

    .store-cart__icons-wrap {
        justify-content: space-between;
    }

    .store-cart__icons-label {
        text-align: center;
    }
}


.store-cart__img img {
    border-radius: 4px;
}

.store-cart__basket {
}

.store-cart__basket-link {
    color: #333;
}

.store-cart__basket-title {
    margin-bottom: 8px;
    display: block;
}

.store-cart__basket-list {
}

.store-cart__basket-list .item {
    margin-bottom: 8px;
}

.store-cart__basket-list .item__bonus {
}

.order-table {
}

.order-table tfoot td {
    padding: 12px 0;
    text-align: center;
}

.order-table tfoot td:first-child {
    text-align: left;
    padding-left: 3px;
}

.order-table tfoot td:nth-child(3) {
    text-align: left;
    padding-left: 33px;
}

.order-table tfoot td:last-child {
    text-align: right;
    padding-right: 15px;
}

.order-table .order-table__product-info {
    display: flex;
    align-items: center;
}

.order-table table thead th a {
    color: #939393;
}

@media (max-width: 640px) {
    .friends__table.order-table thead th:nth-child(2) {
        min-width: 70px;
    }

    .friends__table.order-table thead th:nth-child(4) {
        min-width: 120px;
    }
}

.order-success {
}

.order-success h1 {
    margin-bottom: 10px;
}

.order-success p {
    line-height: 1.3;
}

.order-success__info {
    margin-top: 10px;
    line-height: 1.3;
}

.order-success__info li {
    line-height: 1.4;
}

.order-table td,
.order-table th {
    display: table-cell !important;
}

#btnPayOrder {
    max-width: 320px;
    margin: 0 auto;
}

.order-table .tou-s__more:empty {
    padding: 0;;
}

.order-table .order-quantity {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 80px;
}

.order-quantity--total {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 80px;
}

.order-table .order-quantity .order-quantity__count {
}

.order-table .order-quantity .btn--qnt {
    position: relative;
    width: 20px;
    height: 20px;
    background: red;
    color: white;
    font-weight: bold;
    border-radius: 4px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    font-size: 16px;
}

.order-table .order-quantity .btn--qnt:hover {
    background: #dc0000;
}

.order-table .order-quantity .btn--decrease {
}

.order-table .order-quantity .btn--increase {
}

.order-table .order-quantity .btn--qnt:disabled,
.order-table .order-quantity .btn--qnt.disabled {
    filter: grayscale(100%);
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

@media (max-width: 1023px) {
    .order-table tbody td:first-child {
        width: 250px;
    }
}

@media (max-width: 900px) {
    .order-table {
        overflow-x: scroll;
    }

    .order-table td,
    .order-table th {
        display: table-cell !important;
    }

    .order-table tfoot th:nth-child(4),
    .order-table tbody td:nth-child(4) {
        padding-left: 0px;
    }

    .order-table tbody td:last-child,
    .order-table tbody td:last-child {
        padding: 0 15px 0 0;
    }

    .order-table .order-table__product-info {

    }

    .order-table tbody td:first-child {
        min-width: 120px;
        padding: 8px 0;
    }

    .order-table .order-msg {
        text-align: left;
        line-height: 1.4;
        padding: 8px 8px;
    }

    .order-table .order-msg {
    }

    .friend__table.user-order__table td {
        padding: 8px 4px;
    }

    .order-table tbody td:last-child, .order-table tbody td:last-child {
        text-align: right;
    }

}

/*** Footer menu */
.footer__menu-item {
    width: 20%;
    padding: 0;
}

.footer__menu-icon-cart {
    padding-bottom: 2px;
}

.tape .icon-pulse {
    width: 20px;
    height: 16px;
    fill: #9e9e9e;
}

/* btn yellow */
.btn--yellow {
    background: #fade55;
    border: 0;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn--yellow svg {
    fill: #333;
    transition: all .3s ease;
}

.btn--yellow:hover svg {
    fill: #fff;
}

.btn--yellow .payment__method-icon {
    margin-right: 5px;
}

.btn--yellow .btn-icon img {
    width: 67px;
    filter: invert(70%);
    margin-top: 2px;
    margin-left: 10px;
    transition: .3s ease all;
}

.btn--yellow:hover .btn-icon img {
    filter: invert(0%);
}

.slick-arrow {
    z-index: 1;
    height: 100%;
}

.slick-arrow:before {
    top: 50%;
    transition: .3s ease all;
}

.slick-arrow:after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.1);
    display: block;
    background: white;
    z-index: -1;
    top: calc(50% - 10px);
    left: -3px;

}

.slick-arrow:hover:before {
    border-left: 2px solid #e60000;
    border-bottom: 2px solid #e60000;
}

.slick-slide {
    opacity: .3;
    transition: .3s ease all;
}

.slick-active {
    opacity: 1;
}

.wizard-call {
    display: none;
}

.wizard-call.is-active {
    display: inline-block;
}

.wizard .btn--social {
    padding-left: 28px;
}

@media (max-width: 1000px) {
    .wizard-call.is-active {
        display: none;
    }
}

.wizard .btn--social .btn-icon {
    left: 10px;
}

.wizard .main-popup__content-col:nth-child(2) {
    padding-left: 0px;
}

.partners {
}

.partners__container {
    display: flex;
    flex-wrap: wrap;
}


.partners__container .col {
    width: 100%;
    max-width: 24.9%;
    padding: 0 5px;
}

.partners__container .partners__item {

    display: flex;
    flex-direction: column;
    min-height: 300px;
    max-width: 250px;
    width: 100%;
    padding: 12px;

    position: relative;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.05);
    background-color: #fff;
    margin: 8px auto;
    border-radius: 5px;
}

.partners__container .partners__item .partners__item-block__logo {
    width: 100%;
    height: 100%;
    min-height: 226px;
    max-height: 226px;
    max-width: 226px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.partners__container .partners__item .partners__item-logo {
    position: relative;
    width: 100%;
}

.partners__container .partners__item .partners__item-name {
    text-align: center;
    margin: 8px 0;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}


@media (max-width: 1024px) {
    .partners__container .col {
        max-width: 32.8%;
    }
}

@media (max-width: 767px) {
    .partners__container .col {
        max-width: 49.9%;
    }

    .partners__container .partners__item .partners__item-block__logo {
        min-height: 200px;
    }
}

@media (max-width: 375px) {
    .partners__container .partners__item {

        min-height: 210px;

    }

    .partners__container .partners__item .partners__item-name {
        font-size: 11px;
    }

    .partners__container .partners__item .partners__item-block__logo {
        min-height: 115px;
    }

    .partners__container .col {
        max-width: 49.9%;
    }
}

.tracker-sync .tape__content-img .tape__content-descr--training {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 20px;
    justify-content: flex-start;
}

.tape__content-descr--training .tape__content-descr-item {
    padding-right: 10px;
}

.tape__content-descr--training .tape__content-descr-item:first-child {
    width: 100%;
}

.tracker-sync .tape__content-foot-item .tape__content-item-text .tape__content-item__rating {
    color: #f44336;
    transition: .3s ease all;
}

.tracker-sync .tape__content-foot-item .tape__content-item-text .tape__content-item__rating:hover {
    color: #969393;
}

.main-screen .tou-s-item__title {
    display: block;
}

@media (max-width: 600px) {
    #fp-nav {
        display: none;
    }

    .btn--show.main-screen__btn {
        margin-bottom: 50px;
    }
}

@media (max-width: 724px) {
    [class*="filter-icon-"] {
        padding-left: 45px !important;
        background-repeat: no-repeat;
        background-position: 15px center;
    }

    .filter-icon-age {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6C13.11 6 14 5.1 14 4C14 3.62 13.9 3.27 13.71 2.97L12 0L10.29 2.97C10.1 3.27 10 3.62 10 4C10 5.1 10.9 6 12 6ZM18 9H13V7H11V9H6C4.34 9 3 10.34 3 12V21C3 21.55 3.45 22 4 22H20C20.55 22 21 21.55 21 21V12C21 10.34 19.66 9 18 9ZM19 20H5V17C5.9 16.99 6.76 16.63 7.4 15.99L8.49 14.92L9.56 15.99C10.87 17.3 13.15 17.29 14.45 15.99L15.53 14.92L16.6 15.99C17.24 16.63 18.1 16.99 19 17V20ZM19 15.5C18.49 15.49 18.01 15.3 17.65 14.93L15.52 12.8L13.38 14.93C12.64 15.67 11.35 15.67 10.61 14.93L8.48 12.8L6.34 14.93C5.99 15.29 5.51 15.49 5 15.5V12C5 11.45 5.45 11 6 11H18C18.55 11 19 11.45 19 12V15.5Z' fill='black'/%3E%3C/svg%3E%0A");
    }

    .filter-icon-region {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9C5 14.25 12 22 12 22C12 22 19 14.25 19 9C19 5.13 15.87 2 12 2ZM7 9C7 6.24 9.24 4 12 4C14.76 4 17 6.24 17 9C17 11.88 14.12 16.19 12 18.88C9.92 16.21 7 11.85 7 9Z' fill='black'/%3E%3Cpath d='M12 11.5C13.3807 11.5 14.5 10.3807 14.5 9C14.5 7.61929 13.3807 6.5 12 6.5C10.6193 6.5 9.5 7.61929 9.5 9C9.5 10.3807 10.6193 11.5 12 11.5Z' fill='black'/%3E%3C/svg%3E%0A");
    }

    .filter-icon-gm {
        background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.834 2.59366e-06L14.834 1.76794L18.0227 1.81845L14.8402 4.93759L13.4976 6.25723C11.8852 4.8835 9.81534 4.19055 7.71482 4.32125C5.61429 4.45195 3.64318 5.39632 2.20785 6.95969C0.772518 8.52306 -0.0176306 10.5862 0.000296288 12.7239C0.0182232 14.8616 0.842859 16.9108 2.3042 18.4491C3.76555 19.9874 5.7522 20.8975 7.85462 20.9919C9.95703 21.0862 12.0149 20.3575 13.6041 18.9561C15.1933 17.5547 16.1925 15.5873 16.3959 13.4595C16.5993 11.3318 15.9913 9.20586 14.6973 7.52004L15.8969 6.31406L17.7243 4.50824L19.2037 3.07495L19.1664 6.31406L20.9068 6.31406L21 0.0947145L14.834 2.59366e-06ZM8.26396 19.0621C6.99896 19.0634 5.76199 18.6835 4.7095 17.9707C3.657 17.2578 2.83624 16.2439 2.35101 15.0572C1.86578 13.8704 1.73786 12.5642 1.98345 11.3036C2.22904 10.0431 2.83709 8.88478 3.73071 7.97525C4.62434 7.06572 5.7634 6.4458 7.00386 6.19389C8.24432 5.94197 9.53046 6.06936 10.6996 6.55996C11.8688 7.05056 12.8685 7.88233 13.5724 8.95009C14.2762 10.0178 14.6525 11.2736 14.6537 12.5587C14.6537 14.2813 13.9809 15.9336 12.783 17.1528C11.585 18.3721 9.95978 19.0588 8.26396 19.0621V19.0621Z' fill='black'/%3E%3C/svg%3E%0A");
    }

    .filter-icon-gf {
        background-image: url("data:image/svg+xml,%3Csvg width='17' height='25' viewBox='0 0 17 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 8.48739C17.0019 6.85382 16.5305 5.2545 15.6426 3.88181C14.7547 2.50911 13.488 1.42151 11.995 0.749817C10.502 0.0781281 8.84623 -0.149038 7.22684 0.0956434C5.60745 0.340325 4.09343 1.04643 2.86688 2.12903C1.64034 3.21163 0.753514 4.62462 0.313083 6.19802C-0.127347 7.77142 -0.102626 9.43822 0.384274 10.9979C0.871174 12.5577 1.79952 13.9439 3.05763 14.9898C4.31574 16.0357 5.85005 16.6969 7.47598 16.8937V19.8362H3.89553V21.8717H7.47598V25H9.51684V21.8717H13.0973V19.8362H9.51684V16.8937C11.5777 16.6445 13.4761 15.6522 14.8545 14.1039C16.2328 12.5555 16.9959 10.5579 17 8.48739ZM2.05518 8.48739C2.05518 7.21607 2.43316 5.9733 3.14132 4.91623C3.84949 3.85916 4.85603 3.03528 6.03367 2.54877C7.21131 2.06225 8.50714 1.93496 9.75732 2.18298C11.0075 2.43101 12.1558 3.04321 13.0572 3.94217C13.9585 4.84113 14.5723 5.98647 14.821 7.23337C15.0697 8.48026 14.942 9.7727 14.4542 10.9472C13.9664 12.1218 13.1404 13.1257 12.0805 13.832C11.0207 14.5383 9.77466 14.9153 8.49999 14.9153C6.79072 14.9153 5.15146 14.2381 3.94282 13.0326C2.73418 11.8271 2.05518 10.1922 2.05518 8.48739Z' fill='black'/%3E%3C/svg%3E%0A");
    }

    .filter-icon-flag {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 6L13 4H5V21H7V14H12L13 16H20V6H14ZM18 14H14L13 12H7V6H12L13 8H18V14Z' fill='black'/%3E%3C/svg%3E%0A");
    }

    .filter-icon-smile {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 6L13 4H5V21H7V14H12L13 16H20V6H14ZM18 14H14L13 12H7V6H12L13 8H18V14Z' fill='black'/%3E%3C/svg%3E%0A");
    }

    .filter-icon-user {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM7.07 18.28C7.5 17.38 10.12 16.5 12 16.5C13.88 16.5 16.51 17.38 16.93 18.28C15.57 19.36 13.86 20 12 20C10.14 20 8.43 19.36 7.07 18.28ZM18.36 16.83C16.93 15.09 13.46 14.5 12 14.5C10.54 14.5 7.07 15.09 5.64 16.83C4.62 15.49 4 13.82 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 13.82 19.38 15.49 18.36 16.83ZM12 6C10.06 6 8.5 7.56 8.5 9.5C8.5 11.44 10.06 13 12 13C13.94 13 15.5 11.44 15.5 9.5C15.5 7.56 13.94 6 12 6ZM12 11C11.17 11 10.5 10.33 10.5 9.5C10.5 8.67 11.17 8 12 8C12.83 8 13.5 8.67 13.5 9.5C13.5 10.33 12.83 11 12 11Z' fill='black'/%3E%3C/svg%3E%0A");
    }

    .filter-icon-users {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 13.75C6.66 13.75 2 14.92 2 17.25V19H16V17.25C16 14.92 11.34 13.75 9 13.75ZM4.34 17C5.18 16.42 7.21 15.75 9 15.75C10.79 15.75 12.82 16.42 13.66 17H4.34ZM9 12C10.93 12 12.5 10.43 12.5 8.5C12.5 6.57 10.93 5 9 5C7.07 5 5.5 6.57 5.5 8.5C5.5 10.43 7.07 12 9 12ZM9 7C9.83 7 10.5 7.67 10.5 8.5C10.5 9.33 9.83 10 9 10C8.17 10 7.5 9.33 7.5 8.5C7.5 7.67 8.17 7 9 7ZM16.04 13.81C17.2 14.65 18 15.77 18 17.25V19H22V17.25C22 15.23 18.5 14.08 16.04 13.81ZM15 12C16.93 12 18.5 10.43 18.5 8.5C18.5 6.57 16.93 5 15 5C14.46 5 13.96 5.13 13.5 5.35C14.13 6.24 14.5 7.33 14.5 8.5C14.5 9.67 14.13 10.76 13.5 11.65C13.96 11.87 14.46 12 15 12Z' fill='black'/%3E%3C/svg%3E%0A");
    }

    .filter-icon-calendar {
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8906 1.40625H15.0469V0H13.6406V1.40625H4.35938V0H2.95312V1.40625H2.10938C0.946266 1.40625 0 2.35252 0 3.51562V15.8906C0 17.0537 0.946266 18 2.10938 18H15.8906C17.0537 18 18 17.0537 18 15.8906V3.51562C18 2.35252 17.0537 1.40625 15.8906 1.40625ZM16.5938 15.8906C16.5938 16.2783 16.2783 16.5938 15.8906 16.5938H2.10938C1.72167 16.5938 1.40625 16.2783 1.40625 15.8906V6.60938H16.5938V15.8906ZM16.5938 5.20312H1.40625V3.51562C1.40625 3.12792 1.72167 2.8125 2.10938 2.8125H2.95312V4.21875H4.35938V2.8125H13.6406V4.21875H15.0469V2.8125H15.8906C16.2783 2.8125 16.5938 3.12792 16.5938 3.51562V5.20312Z' fill='black'/%3E%3Cpath d='M4.07812 8.08594H2.67188V9.49219H4.07812V8.08594Z' fill='black'/%3E%3Cpath d='M6.89062 8.08594H5.48438V9.49219H6.89062V8.08594Z' fill='black'/%3E%3Cpath d='M9.70312 8.08594H8.29688V9.49219H9.70312V8.08594Z' fill='black'/%3E%3Cpath d='M12.5156 8.08594H11.1094V9.49219H12.5156V8.08594Z' fill='black'/%3E%3Cpath d='M15.3281 8.08594H13.9219V9.49219H15.3281V8.08594Z' fill='black'/%3E%3Cpath d='M4.07812 10.8984H2.67188V12.3047H4.07812V10.8984Z' fill='black'/%3E%3Cpath d='M6.89062 10.8984H5.48438V12.3047H6.89062V10.8984Z' fill='black'/%3E%3Cpath d='M9.70312 10.8984H8.29688V12.3047H9.70312V10.8984Z' fill='black'/%3E%3Cpath d='M12.5156 10.8984H11.1094V12.3047H12.5156V10.8984Z' fill='black'/%3E%3Cpath d='M4.07812 13.7109H2.67188V15.1172H4.07812V13.7109Z' fill='black'/%3E%3Cpath d='M6.89062 13.7109H5.48438V15.1172H6.89062V13.7109Z' fill='black'/%3E%3Cpath d='M9.70312 13.7109H8.29688V15.1172H9.70312V13.7109Z' fill='black'/%3E%3Cpath d='M12.5156 13.7109H11.1094V15.1172H12.5156V13.7109Z' fill='black'/%3E%3Cpath d='M15.3281 10.8984H13.9219V12.3047H15.3281V10.8984Z' fill='black'/%3E%3C/svg%3E%0A");
    }

    .filter-icon-sport {
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4727 1.29913H15.1628C15.1712 1.04329 15.1758 0.785934 15.1758 0.527344C15.1758 0.236069 14.9396 0 14.6485 0H3.35152C3.06038 0 2.82417 0.236069 2.82417 0.527344C2.82417 0.785934 2.82884 1.04329 2.83722 1.29913H0.527344C0.236069 1.29913 0 1.5352 0 1.82648C0 4.18936 0.617569 6.41862 1.73886 8.10379C2.84724 9.76973 4.32367 10.7253 5.91861 10.8182C6.2802 11.2117 6.66238 11.5325 7.0605 11.7772V14.121H6.17583C5.10631 14.121 4.23633 14.9911 4.23633 16.0605V16.9452H4.19884C3.90756 16.9452 3.67149 17.1814 3.67149 17.4725C3.67149 17.7638 3.90756 17.9999 4.19884 17.9999H13.8012C14.0924 17.9999 14.3285 17.7638 14.3285 17.4725C14.3285 17.1814 14.0924 16.9452 13.8012 16.9452H13.7637V16.0605C13.7637 14.9911 12.8937 14.121 11.8242 14.121H10.9395V11.7772C11.3376 11.5326 11.7199 11.2117 12.0815 10.8182C13.6763 10.7253 15.1528 9.76973 16.2613 8.10379C17.3826 6.41862 18 4.18936 18 1.82648C18 1.5352 17.7639 1.29913 17.4727 1.29913ZM2.61694 7.51959C1.69203 6.12968 1.14862 4.31172 1.06581 2.35382H2.89613C3.08633 4.76065 3.65131 6.98538 4.53433 8.7513C4.67496 9.03255 4.82204 9.29828 4.97461 9.54849C4.09749 9.21725 3.28574 8.52484 2.61694 7.51959ZM12.709 16.0605V16.9453H5.29102V16.0605C5.29102 15.5727 5.6879 15.1757 6.17583 15.1757H11.8242C12.3121 15.1757 12.709 15.5727 12.709 16.0605ZM9.88481 14.121H8.11519V12.2355C8.40509 12.3118 8.70049 12.3515 9 12.3515C9.29951 12.3515 9.59491 12.3118 9.88481 12.2355V14.121ZM10.2114 10.9808C10.1876 10.9906 10.1648 11.0024 10.143 11.0154C9.77028 11.2008 9.38727 11.2968 9 11.2968C8.61287 11.2968 8.23 11.2008 7.85742 11.0157C7.83531 11.0024 7.81238 10.9906 7.78835 10.9806C7.37485 10.7619 6.97481 10.4318 6.59647 9.99797C6.57655 9.96954 6.55417 9.94331 6.52931 9.91942C6.15372 9.47351 5.80037 8.92502 5.47765 8.27957C4.50851 6.34145 3.94876 3.79303 3.88504 1.05469H14.115C14.0511 3.79303 13.4913 6.34158 12.5224 8.27957C12.1996 8.92502 11.8463 9.47351 11.4708 9.91942C11.4458 9.94331 11.4232 9.96968 11.4034 9.99811C11.0251 10.4321 10.6249 10.7621 10.2114 10.9808ZM15.3831 7.51959C14.7143 8.52484 13.9025 9.21725 13.0254 9.54849C13.178 9.29828 13.325 9.03255 13.4657 8.7513C14.3487 6.98538 14.9135 4.76065 15.1039 2.35382H16.9342C16.8514 4.31172 16.308 6.12968 15.3831 7.51959Z' fill='black'/%3E%3C/svg%3E%0A");
    }

    .filter-icon-news {
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.83576 6.91537C8.61639 6.69599 8.25976 6.69487 8.03926 6.91424L6.18751 8.76712L5.46076 8.03925C5.24139 7.81987 4.88476 7.81987 4.66539 8.03925C4.44601 8.25862 4.44601 8.61525 4.66539 8.83462L5.79039 9.95962C5.89951 10.0699 6.04351 10.125 6.18751 10.125C6.33151 10.125 6.47551 10.0699 6.58576 9.96075L8.83576 7.71075C9.05514 7.49137 9.05514 7.13474 8.83576 6.91537Z' fill='black'/%3E%3Cpath d='M8.83576 11.4154C8.61639 11.196 8.25976 11.1949 8.03926 11.4142L6.18751 13.2671L5.46076 12.5404C5.24139 12.321 4.88476 12.321 4.66539 12.5404C4.44601 12.7597 4.44601 13.1164 4.66539 13.3357L5.79039 14.4607C5.89951 14.5699 6.04351 14.625 6.18751 14.625C6.33151 14.625 6.47551 14.5699 6.58576 14.4607L8.83576 12.2107C9.05514 11.9914 9.05514 11.6347 8.83576 11.4154Z' fill='black'/%3E%3Cpath d='M12.9375 7.875H10.6875C10.377 7.875 10.125 8.127 10.125 8.4375C10.125 8.748 10.377 9 10.6875 9H12.9375C13.248 9 13.5 8.748 13.5 8.4375C13.5 8.127 13.248 7.875 12.9375 7.875Z' fill='black'/%3E%3Cpath d='M12.9375 12.375H10.6875C10.377 12.375 10.125 12.627 10.125 12.9375C10.125 13.248 10.377 13.5 10.6875 13.5H12.9375C13.248 13.5 13.5 13.248 13.5 12.9375C13.5 12.627 13.248 12.375 12.9375 12.375Z' fill='black'/%3E%3Cpath d='M14.625 2.25H12.375V1.6875C12.375 1.377 12.123 1.125 11.8125 1.125H10.5919C10.359 0.47025 9.7335 0 9 0C8.2665 0 7.641 0.47025 7.40813 1.125H6.1875C5.877 1.125 5.625 1.377 5.625 1.6875V2.25H3.375C2.75513 2.25 2.25 2.75513 2.25 3.375V16.875C2.25 17.4949 2.75513 18 3.375 18H14.625C15.2449 18 15.75 17.4949 15.75 16.875V3.375C15.75 2.75513 15.2449 2.25 14.625 2.25ZM6.75 2.25H7.875C8.1855 2.25 8.4375 1.998 8.4375 1.6875C8.4375 1.377 8.6895 1.125 9 1.125C9.3105 1.125 9.5625 1.377 9.5625 1.6875C9.5625 1.998 9.8145 2.25 10.125 2.25H11.25V3.375H6.75V2.25ZM14.625 16.875H3.375V3.375H5.625V3.9375C5.625 4.248 5.877 4.5 6.1875 4.5H11.8125C12.123 4.5 12.375 4.248 12.375 3.9375V3.375H14.625V16.875Z' fill='black'/%3E%3C/svg%3E%0A");
    }

    .filter-icon-filter {
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M17.3796 15.2198H9.93467C9.59218 15.2198 9.31425 15.4977 9.31425 15.8408C9.31425 16.1839 9.59218 16.4618 9.93467 16.4618L17.3796 16.4439C17.7221 16.4439 18 16.1839 18 15.8408C18 15.4977 17.7227 15.2198 17.3796 15.2198ZM8.69386 1.55525L17.3796 1.55401C17.7221 1.55401 18 1.27731 18 0.934209C18 0.591103 17.7221 0.313171 17.3796 0.313171H8.69386C8.35137 0.313171 8.07344 0.591103 8.07344 0.934209C8.07344 1.27731 8.35137 1.55525 8.69386 1.55525ZM9.7405 11.6686C9.49728 11.4241 9.1027 11.4241 8.8595 11.6686L5.59179 15.4289V0.313171H4.35098V15.4512L1.06339 11.6686C0.820192 11.4241 0.425588 11.4241 0.18242 11.6686C-0.0608067 11.913 -0.0608067 12.3088 0.18242 12.5527L4.4893 17.5091C4.61897 17.6394 4.79144 17.6946 4.96081 17.6859C5.13078 17.6946 5.30266 17.6394 5.4323 17.5091L9.73921 12.5527C9.9837 12.3088 9.9837 11.913 9.7405 11.6686ZM17.3796 4.03998H8.69386C8.35137 4.03998 8.07344 4.31794 8.07344 4.66102C8.07344 5.00413 8.35137 5.27647 8.69386 5.27647H17.3796C17.7221 5.27647 18 5.0041 18 4.66102C18 4.31794 17.7227 4.03998 17.3796 4.03998ZM17.3796 7.76618H8.69386C8.35137 7.76618 8.07344 8.04414 8.07344 8.38721C8.07344 8.73032 8.35137 8.99831 8.69386 8.99831L17.3796 9.00825C17.7221 9.00825 18 8.73029 18 8.38721C18 8.04475 17.7227 7.76618 17.3796 7.76618ZM17.3796 11.493H12.4163C12.0738 11.493 11.7959 11.7709 11.7959 12.114C11.7959 12.4571 12.0738 12.7214 12.4163 12.7214H17.3796C17.7221 12.7214 18 12.4571 18 12.114C18 11.7709 17.7227 11.493 17.3796 11.493Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    }

    .filter-icon-status {
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9171 6.36699L14.5483 4.95219L14.824 3.00349C14.8662 2.70544 14.6645 2.42762 14.3679 2.37569L12.4292 2.03583L11.5063 0.296565C11.3652 0.0307316 11.0385 -0.0753638 10.7683 0.0568462L9.00025 0.921085L7.23174 0.0568462C6.96129 -0.0753638 6.6349 0.030806 6.49376 0.296714L5.57126 2.03583L3.6323 2.37569C3.33582 2.42762 3.13397 2.70544 3.17615 3.00349L3.45181 4.95219L2.08298 6.36699C1.87369 6.58335 1.87369 6.92663 2.08306 7.14299L3.45181 8.55765L3.17615 10.5074C3.13404 10.8054 3.33582 11.0832 3.6323 11.1351L5.18408 11.4071V17.442C5.18408 17.6354 5.28422 17.815 5.44873 17.9166C5.5383 17.972 5.64008 18 5.74209 18C5.82735 18 5.91284 17.9805 5.99163 17.9411L9.00032 16.4373L12.0086 17.9411C12.1815 18.0275 12.387 18.0183 12.5515 17.9166C12.716 17.8149 12.8161 17.6353 12.8161 17.4419V11.4072L14.368 11.135C14.6645 11.083 14.8662 10.8053 14.8241 10.5072L14.5484 8.5575L15.9171 7.14292C16.1264 6.92671 16.1264 6.58335 15.9171 6.36699ZM9.24979 15.3143C9.0928 15.2358 8.90791 15.2357 8.75078 15.3143L6.30009 16.5392V12.8486L6.49383 13.2138C6.6349 13.4798 6.96166 13.5858 7.23189 13.4535L9.00032 12.5887L10.7682 13.4535C10.8471 13.4921 10.9307 13.5104 11.0131 13.5104C11.2132 13.5104 11.4064 13.4022 11.5064 13.2139L11.7001 12.8489V16.5392L9.24979 15.3143ZM13.5565 7.97762C13.4368 8.10135 13.381 8.27336 13.4051 8.44381L13.6434 10.1291L11.9678 10.4229C11.7983 10.4526 11.652 10.5589 11.5712 10.7109L10.7736 12.2138L9.24547 11.4663C9.16809 11.4285 9.08417 11.4095 9.00025 11.4095C8.91632 11.4095 8.8324 11.4284 8.7551 11.4663L7.22661 12.2138L6.42925 10.711C6.3486 10.5589 6.20226 10.4526 6.0327 10.4229L4.35674 10.1291L4.59498 8.44374C4.61908 8.27336 4.56321 8.10127 4.4435 7.97762L3.26045 6.75492L4.44357 5.53207C4.56321 5.40834 4.61908 5.23632 4.59498 5.06595L4.35674 3.38174L6.0327 3.08793C6.20226 3.05825 6.3486 2.95185 6.42933 2.79978L7.22668 1.29651L8.75524 2.04349C8.90985 2.11908 9.09072 2.11908 9.24532 2.04349L10.7734 1.29651L11.5712 2.79985C11.6519 2.95185 11.7982 3.05817 11.9678 3.08793L13.6434 3.38166L13.4051 5.06587C13.381 5.23632 13.4368 5.40834 13.5565 5.53207L14.7396 6.75492L13.5565 7.97762Z' fill='black'/%3E%3Cpath d='M9.00019 2.93936C6.89592 2.93936 5.18396 4.65103 5.18396 6.755C5.18396 8.85943 6.89592 10.5715 9.00019 10.5715C11.1042 10.5715 12.8159 8.85943 12.8159 6.755C12.8159 4.65103 11.1042 2.93936 9.00019 2.93936ZM9.00019 9.45545C7.51129 9.45545 6.29997 8.24406 6.29997 6.755C6.29997 5.26639 7.51129 4.05537 9.00019 4.05537C10.4888 4.05537 11.6999 5.26639 11.6999 6.755C11.6999 8.24406 10.4888 9.45545 9.00019 9.45545Z' fill='black'/%3E%3Cpath d='M10.1378 5.33937L8.48941 6.98734L7.86214 6.36082C7.64414 6.14297 7.29082 6.14319 7.07297 6.36126C6.8552 6.57933 6.85542 6.93259 7.07349 7.15036L8.09524 8.17099C8.20416 8.27983 8.34686 8.33422 8.48956 8.33422C8.63234 8.33422 8.77519 8.27976 8.88411 8.17084L10.9268 6.12861C11.1448 5.91077 11.1448 5.55744 10.9269 5.33944C10.709 5.12152 10.3557 5.12145 10.1378 5.33937Z' fill='black'/%3E%3C/svg%3E%0A");
    }

    .filter-icon-sortup {
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M0.620437 2.7802L8.06539 2.7802C8.40787 2.7802 8.68581 2.50227 8.68581 2.15917C8.68581 1.81609 8.40787 1.53816 8.06539 1.53816L0.620437 1.55613C0.277949 1.55613 1.79743e-05 1.81609 1.80043e-05 2.15917C4.74451e-05 2.50227 0.277361 2.7802 0.620437 2.7802ZM9.3062 16.4448L0.620438 16.446C0.27795 16.446 1.92775e-05 16.7227 1.93075e-05 17.0658C1.93375e-05 17.4089 0.27795 17.6868 0.620438 17.6868L9.3062 17.6868C9.64869 17.6868 9.92662 17.4089 9.92662 17.0658C9.92662 16.7227 9.64869 16.4448 9.3062 16.4448ZM8.25956 6.33143C8.50278 6.57589 8.89736 6.57589 9.14056 6.33143L12.4083 2.57112L12.4083 17.6868L13.6491 17.6868L13.6491 2.5488L16.9367 6.33143C17.1799 6.57589 17.5745 6.57589 17.8176 6.33143C18.0609 6.08697 18.0609 5.69116 17.8176 5.44735L13.5108 0.490872C13.3811 0.360582 13.2086 0.305378 13.0392 0.314054C12.8693 0.305378 12.6974 0.360582 12.5678 0.490872L8.26085 5.44735C8.01636 5.69116 8.01636 6.08697 8.25956 6.33143ZM0.620438 13.96L9.3062 13.96C9.64869 13.96 9.92662 13.6821 9.92662 13.339C9.92662 12.9959 9.64869 12.7235 9.3062 12.7235L0.620438 12.7235C0.27795 12.7235 1.89517e-05 12.9959 1.89817e-05 13.339C4.84224e-05 13.6821 0.277362 13.96 0.620438 13.96ZM0.620438 10.2338L9.3062 10.2338C9.64869 10.2338 9.92662 9.95586 9.92662 9.61279C9.92662 9.26968 9.64869 9.00169 9.3062 9.00169L0.620438 8.99175C0.277949 8.99175 1.86259e-05 9.26971 1.86559e-05 9.61279C4.80966e-05 9.95525 0.277361 10.2338 0.620438 10.2338ZM0.620437 6.50702L5.58374 6.50702C5.92623 6.50702 6.20416 6.22908 6.20416 5.88601C6.20416 5.5429 5.92623 5.27862 5.58374 5.27862L0.620437 5.27862C0.277949 5.27862 1.83001e-05 5.5429 1.83301e-05 5.88601C4.77709e-05 6.22905 0.277361 6.50702 0.620437 6.50702Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='18' height='18' fill='white' transform='translate(18 18) rotate(180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    }
}

@media (max-width: 1024px) {
    .table--scrolling {
        overflow-x: scroll;
    }
}

@media (max-width: 724px) {
    .table--scrolling {
        overflow-x: scroll;
    }

    .table--scrolling table .show--md {
        display: table-cell !important;
    }

    .table--scrolling table .rating__column-pos {
        min-width: 50px;
        text-align: center;
    }

    .table--scrolling table .rating__column-name {
        min-width: 180px;
    }

    .table--scrolling table .rating__column-name .friends__table-txt {
        display: inline-block;
        margin-top: 5px;
        max-width: 120px;
        margin-left: 5px;
    }

    .table--scrolling table .rating__column-age {
        padding: 10px 0 !important;
    }

    .table--scrolling table .rating__column-city {
    }

    .table--scrolling table .rating__column-group {
    }

    .table--scrolling table .rating__column-km {
        min-width: 110px;
    }

    .table--scrolling table .rating__column-distance {
        min-width: 80px;
    }

    .table--scrolling table .rating__column-distance .col-title {
        display: block !important;;
    }

    .table--scrolling table .rating__column-distance .col-icon {
        display: none !important;
    }

    .table--scrolling table .rating__column-like {
        min-width: 60px;
    }
}

.filter__category {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: nowrap;
    min-height: 41px;
}

.filter__category-rating {
    justify-content: flex-start;
}

.filter__category-item {
}

@media (max-width: 724px) {
    .filter__category {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .filter__category-item {
        width: 100%;
    }
}

.rating__column-qty_members {
    padding-left: 0 !important;
    text-align: center !important;
    font-family: "Bebas Neue", Helvetica, sans-serif;
    font-size: 20px;
}

.rating__medals-pos {
    color: #f44336;
}

.friends__table-num {
    margin-top: 0;
}

.location-select-filter {
    padding: 20px 20px 2px 20px;
}

.like-icon, .like-txt {
    cursor: default;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.measure {
    font-size: 10px;
}

.clearfix {
    clear: both;
}

.own-rating-row {
    background-color: #f3f3f3;
}
.old-rating-row {
    opacity: 0.4;
}

.members-quantity {
    display: flex;
    text-align: center;
    margin-left: 20px;
}

.friends__head-tou .tournament-info {
    display: flex;
    align-items: center;
}

.members-quantity div {
    font-size: 20px;
    font-weight: bold;
}

.members-quantity .members-quantity__count {
    font-size: 20px;
    font-weight: bold;
}

.members-quantity .members-quantity__icon {
    width: 24px;
    height: 24px;
    fill: #f44336;
    margin-right: 8px;
}

.friends__head-tou .tournament-info, .friends__head-tou .tournament-info h3 {
    color: #bbbaba;
}

.rating__column-pos {
    font-size: 20px;
    padding-right: 10px;
}

.friends__table-rbr th.rating__column-pos {
    font-size: 13px;
}

.friends__table tbody .rating__column-region {
    text-align: left;
    padding-left: 4px;
    font-weight: 500;
}

.friends__table tbody .rating__column-region span {
    width: 60%;
    white-space: nowrap;
    display: inline-block;
    margin-top: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
}

#tournament-rating .col-icon {
    display: none;
}

.friends__holder-rbr {
    width: 100%;
    max-width: 100%;
    padding: 60px 60px 42px;
}

.friends__table-rbr {
    width: 100%;
    max-width: 100%;
}

.friends__table-rbr .rating__column-pos {
    font-size: 25px;
}

@media (max-width: 813px) {
    .friends__holder-rbr {
        padding: 20px 20px 42px;
    }

    .friends__caption-tou {
        width: 100%
    }
}

@media (max-width: 1023px) {
    .friends__head-tou .tournament-info {
        display: none;
    }

    .friends__caption-tou {
        width: 100%
    }
}

.table__type-elev {
}

@media (max-width: 812px) {
    #tournament-rating .friends__table .rating__column-name {
        text-align: left;
    }

    .friends__table-rbr {

        padding: 0px 20px 42px;
    }

}

@media only screen
and (min-device-width: 375px)
and (max-device-width: 813px)
and (orientation: landscape) {

    #tournament-rating .rating__column-city,
    #tournament-rating .rating__column-km {
        display: none;
    }

    #tournament-rating .table__type-like .rating__column-group,
    #tournament-rating .table__type-like .rating__column-distance {
        display: table-cell;
    }

    #tournament-rating .table__type-elev .rating__column-elevation,
    #tournament-rating .table__type-average .rating__column-average,
    #tournament-rating .table__type-like .rating__column-like {
        display: table-cell;
        text-align: center;
    }
}

@media only screen and (min-device-width: 320px)  and (max-device-width: 812px)  and (orientation: portrait) {

    #tournament-rating .rating__column-city,
    #tournament-rating .rating__column-km {
        display: none;
    }

    #tournament-rating .table__type-like .rating__column-group,
    #tournament-rating .table__type-like .rating__column-distance {
        display: table-cell;
    }

    #tournament-rating .table__type-elev .rating__column-elevation,
    #tournament-rating .table__type-average .rating__column-average,
    #tournament-rating .table__type-like .rating__column-like {
        display: table-cell;
        text-align: right;
    }

    #tournament-rating .table__type-elev .friends__table-txt,
    #tournament-rating .table__type-average .friends__table-txt {
        display: inline-block;
    }
}

@media only screen and (min-device-width: 300px)  and (max-device-width: 375px)  and (orientation: portrait) {
    #tournament-rating .rating__column-distance {
        padding: 22px 7px;
    }

    #tournament-rating .rating__column-group {
        min-width: 40px;
    }

    #tournament-rating .rating__column-like {
        padding-left: 0px;
    }

    #tournament-rating .col-title {
        display: none;
    }

    #tournament-rating .col-icon {
        display: inline-block;
    }
}

.rating__column-pos {
    font-family: "Bebas Neue", Helvetica, sans-serif;
}

.rating__medals {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px 0;
}

.rating__medals .rating__medals-pos {
    min-width: 19px;
    margin-right: 0px;
}

.rating__medals .rating__medals-img {
    width: 15px;
}

.rating__column-sympathy {
    display: table-cell;
}

.dropp-select-rbr {
    margin-left: 10px;
}

@media (max-width: 812px) {
    .dropp-select-rbr {
        margin-left: 0px;
    }
}

.rating__column-sympathy {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.rating__column-age {
    padding: 0 !important;
    text-align: center !important;
}

.rating__column-speed,
.rating__column-sympathy,
.rating__column-climb,
.rating__column-age_group,
.rating__column-absolute_classification {
    width: 90px;
    padding: 20px 15px !important;
}

@media (max-width: 812px) {
    .rating__column-sympathy {
        display: table-cell !important;
    }
}

.rating__col-pos,
.rating__col-name,
.rating__col-age,
.rating__col-city,
.rating__col-offset,
.rating__col-points {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.rating__col-pos {
    text-align: center !important;
}

.rating__column-name {
    width: 270px;
}

.rating__column-age,
.rating__column-points,
.rating__column-offset .like {
    text-align: center !important;
}

.friends__table-rbr .rating__column-total,
.friends__table-rbr thead th:nth-child(3),
.friends__table-rbr tbody td:nth-child(3) {
    padding-left: 0;
    text-align: center;
}

.top__title-button {
    display: inline-block;
}
.top__title-search {
    display: inline-block;
}

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

.top__search {
    display: none;
}

.top__search input {
    background: none;
}

@media (max-width: 812px) {
    .friends--tou .friends__outer {
        padding-top: 10px;
    }

    .friends__caption-tou {
        padding-bottom: 10px;
    }

    .top__title {
        display: none;
    }

    .top__search {
        display: block;
    }

}

@media (max-width: 599px) {
    .top__title {
        display: none;
    }
}

@media only screen and (min-device-width: 320px)  and (max-device-width: 736px)  and (orientation: portrait) {
    .rating__column-group, .rating__column-like {
        display: none !important;
    }

    .table__type-average .rating__column-group,
    .table__type-average .rating__column-like,
    .table__type-average .rating__column-distance {
        display: none !important;
    }

    .table__type-elev .rating__column-group,
    .table__type-elev .rating__column-like,
    .table__type-elev .rating__column-distance {
        display: none !important;
    }

    .table__type-like .rating__column-group,
    .table__type-like .rating__column-age,
    .table__type-like .rating__column-distance {
        display: none !important;
    }

    .table__type-like .rating__column-like {
        display: table-cell !important;
    }

    .table__type-age .rating__column-group,
    .table__type-age .rating__column-like,
    .rating__column-distance {
        display: none !important;
    }

    .table__type-age .rating__column-age {
        display: table-cell !important;
    }

    .table__type-def .rating__column-distance {
        display: table-cell !important;
    }

    .friends__table-rbr .rating__column-total {
        display: table-cell !important;
    }

    .friends__table-rbr .rating__column-qty_members {
        display: table-cell !important;
    }

}

.profile-award {
    position: relative;
    display: inline-block;
    max-width: 35px;
    margin-right: 5px;
    width: 100%;
}

.profile-award .award__img {
    width: 100%;
    margin: 0 auto;
}

.profile-award .award__icon {
    width: 15px;
    height: 15px;
    background: white;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 2px;
    border-radius: 50%;
    fill: #f44336;
}

.achievement__body-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.achievement__body-list-item:before {
    top: calc(50% - 3px);
}

.rating-title {
    max-width: 460px;
    display: flex;
    align-items: center;
}


.rating-shorts {
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: white;
    padding: 24px 0;
    margin-bottom: 24px;
    border-radius: 8px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
}
.rating-shorts__detail {
    width: 350px;
    padding: 0 60px;
    display: flex;
    align-items: flex-start;
}
.rating-shorts__detail:not(:last-child) {
    border-right: 1px solid #F3F3F3;
}
.rating-shorts__label {
    margin-right: 16px;
}
.rating-shorts__title {
    max-width: 170px;
    color: #939393;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 19px;
    min-height: 38px;
    display: block;
}
.rating-shorts__value {
    font-size: 40px;
    line-height: 1;
    white-space: nowrap;
    display: flex;
    align-items: center;
}
.rating-shorts__value--badge {
    background-color: #34D273;
    border-radius: 27px;
    color: white;
    margin-left: 4px;
    padding: 6px 10px;
    font-size: 16px;
    line-height: 12px;
}
.tournament-rating {
    width: 100%;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 24px 24px 32px;
}

.tournament-rating__row {
    display: flex;
    align-items: center;
}
.tournament-rating__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 40px;
}
.tournament-rating__legend {
    display: flex;
    margin-left: 110px;
}
.tournament-rating__legend-item {
    display: flex;
    align-items: center;
    margin-right: 16px;
    font-size: 10px;
    font-weight: 600;
}
.tournament-rating__legend-item::before {
    content: "";
    display: block;
    margin-right: 4px;
    height: 16px;
    width: 16px;
    border-radius: 2px;
}

.tournament-rating__legend-item--fact::before {
    background-color: #50D987;
}
.tournament-rating__legend-item--norm::before {
    background-color: #FFD669;
}

.recharts-yAxis .recharts-layer.recharts-cartesian-axis-tick .recharts-text {
    font-size: 11px;
    font-weight: 500;
}
.recharts-xAxis .recharts-layer.recharts-cartesian-axis-tick .recharts-text, .recharts-xAxis > .recharts-text {
    font-size: 10px;
    font-weight: 600;
}

@media (max-width: 1199px) {
    .rating-shorts__title {
        font-size: 12px;
        line-height: 16px;
    }
    .rating-shorts__value {
        font-size: 32px;
        line-height: 24px;
    }
    .rating-shorts__value--badge {  
        padding: 4px 6px;
        font-size: 14px;
        line-height: 12px;
    }
}

@media (max-width: 992px) {
    .rating-shorts__detail {
        padding: 0 16px;
    }
}
@media (max-width: 768px) {
    .rating-shorts {
        flex-direction: column;
        align-items: center;
        padding:0 16px;
    }
    .rating-shorts__detail {
        padding:16px 12px;
        width: 100%;
        justify-content: left;
    }
    .rating-shorts__detail:not(:last-child) {
        border-bottom: 1px solid #F3F3F3;
        border-right: none;
    }
    .rating-shorts__title {
        margin-bottom: 8px;
    }
    .tournament-rating__row {
        align-items: flex-start;
        flex-direction: column;
    }
    .tournament-rating__legend {
        margin:24px 0 16px;
    }
}

.awards1 {
    margin-bottom: 15px;
}

.friends__table-num {
    margin-top: 0;
}

.location-select-filter {
    padding: 20px 20px 2px 20px;
}

.like-icon, .like-txt {
    cursor: default;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.measure {
    font-size: 10px;
}

.clearfix {
    clear: both;
}

.own-rating-row {
    background-color: #f3f3f3;
}

.friends__head-tou .tournament-info, .friends__head-tou .tournament-info h3 {
    color: #bbbaba;
}

#tournament-rating .col-icon {
    display: none;
}

@media (max-width: 813px) {

    .friends__caption-tou {
        width: 100%
    }
}

@media (max-width: 1023px) {
    .friends__head-tou .tournament-info {
        display: none;
    }

    .friends__caption-tou {
        width: 100%;
    }

}

.table__type-elev {
}

@media (max-width: 812px) {
    #tournament-rating .friends__table .rating__column-name {
        text-align: left;
    }

    .friends__caption-tou {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .tape__filter-btn {
        padding-top: 0;
    }
}

@media only screen
and (min-device-width: 375px)
and (max-device-width: 813px)
and (orientation: landscape) {

    #tournament-rating .rating__column-city {
        display: none;
    }

    #tournament-rating .table__type-like .rating__column-group,
    #tournament-rating .table__type-like .rating__column-distance,
    #tournament-rating .rating__column-km {
        display: table-cell;
    }

    #tournament-rating .table__type-elev .rating__column-elevation,
    #tournament-rating .table__type-average .rating__column-average,
    #tournament-rating .table__type-like .rating__column-like {
        display: table-cell;
        text-align: right;
    }
}

@media only screen and (min-device-width: 320px)  and (max-device-width: 812px)  and (orientation: portrait) {

    #tournament-rating .rating__column-city,
    #tournament-rating .rating__column-km {
        display: none;
    }

    #tournament-rating .table__type-like .rating__column-group,
    #tournament-rating .table__type-like .rating__column-distance {
        display: table-cell;
    }

    #tournament-rating .table__type-elev .rating__column-elevation,
    #tournament-rating .table__type-average .rating__column-average,
    #tournament-rating .table__type-like .rating__column-like {
        display: table-cell;
        text-align: right;
    }

    #tournament-rating .table__type-elev .friends__table-txt,
    #tournament-rating .table__type-average .friends__table-txt {
        display: inline-block;
    }
}

@media only screen and (min-device-width: 300px)  and (max-device-width: 375px)  and (orientation: portrait) {
    #tournament-rating .rating__column-distance {
        padding: 8px 7px;
    }

    #tournament-rating .rating__column-group {
        min-width: 40px;
    }

    #tournament-rating .rating__column-like {
        padding-left: 0px;
    }

    #tournament-rating .col-title {
        display: none;
    }

    #tournament-rating .col-icon {
        display: inline-block;
    }
}

.friends__mobile-title {
    font-size: 18px;
    font-family: "Montserrat", Helvetica, sans-serif;
    font-weight: 600;
    color: #333;
    margin: 8px 0;
    width: 100%;
    display: none;
}

@media (max-width: 812px) {
    .friends__mobile-title {
        display: block;
        margin: 4px 0 8px 0;
    }
}

.btn--buy {
    background: none;
    border: 1px solid;

}

.btn--buy.btn--red {
    color: #f44336;
}

.btn--buy.btn--green {
    color: #10a143;
}

.btn--buy.btn--red:hover,
.btn--buy.btn--green:hover {
    color: white;
    border-color: rgba(0, 0, 0, 0);
}

.btn--buy:disabled.btn--red,
.btn--buy:disabled.btn--green {
    border-color: #ccc;
    color: white;
    filter: grayscale(80%);
}

.label--count {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 13px;
    height: 13px;
    background: #f44336;
    color: white;
    font-size: 7px;
    font-weight: normal;
    border-radius: 50%;
    top: -5px;
}

.friends__table-rbr th.rating__column-region,
.friends__table-rbr td.rating__column-region {
    width: 20px;
    max-width: 140px;
    min-width: 20px;
  }

@media (max-width: 1024px) {
    .friends__table-rbr thead th {
        min-width: 110px;
    }
}

.friends__table-rbr thead th:first-child {
    min-width: 20px;
}

@media (max-width: 568px) {
    .friends__table thead th {
        padding: 4px;
    }

    .friends__holder-rbr {
        padding: 0px 10px 42px;
    }

    .friends__table-rbr {
        padding: 2px 0px 42px 10px;
    }

    .friends__table-rbr .rating__column-total {
        min-width: 60px;
    }
}

.rating__column-region {
    text-align: left;
}

@media (max-width: 1023px) {
    .friends__table .rating__column-total {
        display: table-cell !important;
    }
}

@media (max-width: 1023px) {
    .friends__table .rating__column-total {
        display: table-cell !important;
    }
}

.cookies-agreement {
    display: none;
    background: #f5f5f5;
    border-radius: 5px;
    max-width: 363px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    bottom: 5px;
    left: 5px;
    z-index: 100500;
}

.cookies-agreement__close {
    display: block;
    width: 30px;
    height: 29px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 12.374l6.187-6.187 1.768 1.768-6.187 6.187 6.187 6.187-1.768 1.768L15 15.91l-6.187 6.187-1.768-1.768 6.187-6.187-6.187-6.187 1.768-1.768L15 12.374z' fill='%23B4B5B8'/%3E%3C/svg%3E");
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 12px;
}

.cookies-agreement__heading {
    line-height: 20px;
    font-size: 18px;
    color: #000;
    margin-bottom: 15px;
    font-weight: 700;
}

.cookies-agreement__text {
    line-height: 18px;
    font-size: 11px;
    color: rgba(0, 0, 0, .8);
    margin-bottom: 19px;
}

.cookies-agreement {
}

[data-tooltip] {
    cursor: pointer;
}

.tooltip-block {
    display: none;
    cursor: pointer;
    position: absolute;
    z-index: 999999;
    padding: 8px;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
    border-radius: 2px;
    max-width: 320px;
    font-size: 12px;
}

.profile__gender-age {
    display: flex;
    align-items: center;
}

.profile__gender-m {
    display: none;
    margin-right: 10px;
    margin-top: -4px;
}

.profile__data-item--social,
.profile__btn-wrapp-m {
    display: none;
}

.profile-strava {
}

.profile-strava img {
    max-height: 18px;
    /*margin-top: 10px;*/
}

.profile__top-col-inner a {
    display: inline-block;
    min-height: 30px;
}

a.profile-club {
    /*margin-left: 108px;*/
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    color: #333;
    cursor: pointer;
    font-size: 13px;
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid #eee;
}

a.profile-club-m {
    display: none;
}

@media (max-width: 600px) {
    a.profile-club {
        display: none;
    }

    a.profile-club-m {
        display: inline-block;
    }

    .profile-strava img {
        max-height: 13px;
        margin-top: 8px;
    }

    .profile__btn-wrapp-m {
        display: inline-block;
        margin-top: 0;
        margin-left: 8px;
    }

    .profile__social--top {
        display: none;
    }

    .profile__data-item {
        padding-bottom: 12px;
    }

    .profile__data-item--social {
        display: block;
    }

    .profile__data-item--social .label {
        font-size: 12px;
        color: #969393;
        letter-spacing: .6px;
    }

    .profile__gender--main {
        display: none;
    }

    .profile__gender-m {
        display: inline-block;
    }

    .profile__top-col--data {

    }

    .profile__social .profile__btn {
        border: 1px solid rgba(0, 0, 0, 0.13);
        width: 30px;
        height: 29px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

    .profile__social .profile__btn svg {
        width: 15px;
        height: 15px;
    }

    .profile__social .profile__btn:before {
        display: none;
    }

    .profile__card {
        padding-top: 20px;
    }
}

#storeorder-extra_info {
    padding: 10px 19px;
}

/** popup-basket */
.popup__basket-inner {
}

.popup__basket-inner strong {
    font-weight: 500;
}

.popup__basket-inner .store-cart__basket-list {
    text-align: left;
}

.popup__basket-inner .store-cart__basket-list .item {
    margin-bottom: 8px;
    font-weight: 400;
    line-height: 1.2;
}

.popup__basket-inner .message-static {
    line-height: 1.3;
    margin: 10px auto;
    font-size: 14px;
}

.popup__basket-inner .btn--buy {
    margin: 10px auto;
}

@media (max-width: 330px) {
    .footer__menu-item--test {
        padding: 0;
    }
}

.footer__info-list {
    margin-top: 8px;
}

.tape__content-foot--comment {
    display: flex;
}

.tape__content-foot--comment .tape__content-foot-item {
    width: 100%;
    max-width: 33%;
}

.tape__content-foot--comment .tape__content-foot-item:before {
    display: none;
}

.tape__content-foot--comment .tape__content-foot-item {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}

.tape__content-foot--comment .tape__content-foot-item .like, .tape__content-foot--comment .tape__content-foot-item .complaint {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.tape__content-foot--comment .tape__content-foot-item .icon-error,
.tape__content-foot--comment .tape__content-foot-item .icon-comment {
    width: 20px;
    height: 30px;
    fill: red;
}

.tape__content-foot--comment .tape__content-foot-item .tape__content-comment-link {
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.profile__bott-col-center {
    position: relative;
}

.modal__info {
    position: absolute;
    width: 250px;
    background: #000;
    opacity: .8;
    box-shadow: 0px 15px 25px -10px rgba(0, 0, 0, .2);
    border-radius: 5px;
    left: -88px;
    padding: 8px 15px;
    top: -36px;
}

.modal__info:after {
    content: " ";
    width: 10px;
    height: 10px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    top: 50px;
    position: absolute;
    background: inherit;
    left: 39%;
}

.modal__info::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.modal__info::-webkit-scrollbar {
    width: 6px;
    background-color: #fff;
}

.modal__info::-webkit-scrollbar-thumb {
    background-color: #cccccc;
    border-radius: 4px;
}

.modal__info ul li {
    display: inline;
}

.modal__info ul li * {

}

.modal__info ul li .modal__info-avatar {
    height: 36px;
    width: 36px;
    border-radius: 50%;
    border: 2px solid red;
    overflow: hidden;
    margin-right: 8px;
    display: inline-block;
}

.modal__info ul li img {
    width: 100%;
}

.profile__bott-achievements-icon, .profile__bott-achievements-text {
    cursor: pointer;
}

.settings__form-btn .btn.floating {
    width: 155px;
    position: fixed;
    right: 8px;
    bottom: 60px;
}


.settings .settings__btn-wrap {
    position: fixed;
    bottom: 0;

    max-width: 100%;
    width: 100%;
    background: white;
    z-index: 30;
    left: 0;
    right: 0;
    height: 75px;
    box-shadow: 0 -5px 10px -5px rgba(0, 0, 0, .1);
    opacity: 0;
    transition: opacity ease .2s;
}

.settings .settings__btn-wrap.is-active {
    opacity: 1;
}


.settings .settings__btn-wrap.unfix {
    position: relative;
    height: auto;
    box-shadow: 0 -5px 10px -5px rgba(0, 0, 0, 0);
}

.settings .settings__btn-wrap .settings__form-btn {
    max-width: 800px;
    margin: 0 auto;
    padding: 16px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 0;
}

.settings .settings__item {
    padding-bottom: 30px;
}

.settings .settings__btn-wrap .settings__form-btn .settings__form-desc {
    margin-right: 20px;
    font-weight: 500;
}

.settings .settings__btn-wrap .settings__form-btn .btn {
    max-width: 125px;
}

.wrapper.normal {
    padding-bottom: 0 !important;
}

.footer.normal {
    margin-top: 0 !important;
}

@media (max-width: 768px) {
    .settings .settings__btn-wrap .settings__form-btn {
        padding: 12px;
    }

    .settings .settings__btn-wrap {
        bottom: 52px;
        height: 65px;
    }

    .settings .settings__btn-wrap.unfix {
        bottom: 0;
        z-index: 0;
        padding-bottom: 50px;
    }

    .settings .settings__btn-wrap.unfix .settings__form-btn {
        padding: 10px;
    }
}

@media (max-width: 512px) {
    .settings .settings__btn-wrap {
        bottom: 52px;
        height: 60px;
    }

    .settings .settings__btn-wrap .settings__form-btn {
        padding: 10px 15px;
    }

}

@media (max-width: 330px) {
    .settings .settings__btn-wrap {
        bottom: 52px;
        height: 60px;
    }

    .settings .settings__btn-wrap .settings__form-btn {
        padding: 10px 15px;
    }

    .settings .settings__btn-wrap .settings__form-btn .settings__form-desc {
        margin-right: 10px;
        font-size: 12px;
    }

}

.settings .return-button {
    display: none;
}

@media (max-width: 1023px) {
    .settings .return-button {
        display: block;
    }
}

.referral-link .icon-document {
    width: 20px;
    height: 18px;
    fill: red;
}

.make-referral-link {
    padding: 12px 15px;
    font-size: 12px;
    margin: 10px 0;
}

.common-popup {
    display: none;
}

#common-popup {
    max-width: 600px;
}

.common-popup .btn {
    margin-top: 12px;
    max-width: 250px;
}

.common-popup .popup-content {
    margin: 8px auto;
}

.common-popup .fancybox-close-small {
    top: 5px;
    right: 5px;
}

.tape .icon-ski {
    width: 20px;
}

.header__nav-item--balance {
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid transparent;
}

.header__nav-item--balance:hover {
    border-bottom: 1px solid red;
}

.bonus-balance {
    display: block;
    text-align: center;

}

.bonus-balance .title {
    font-size: 12px;
    color: #f44336;
    font-weight: bold;
}

.bonus-balance .counts {
    font-size: 14px;
    display: flex;
    align-items: center;
}

.bonus-balance .counts > .count {
    margin: 0 4px;
}

.bonus-balance .counts > .balance__icon {
    font-size: 10px;
    font-weight: 700;
    border: 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 10px;
}

.header__ctrl-item.header__bonus {
    display: none;
}

@media (max-width: 1024px) {
    .header__nav-item {
        padding: 0 29px;
    }
}

@media (max-width: 900px) {

    .header__nav-item {
        display: none;
    }

    .header__ctrl-item.header__bonus {
        display: inline-block;
        margin-right: 16px;
    }

    .header__ctrl-item.header__bonus .bonus-balance > .title {
        display: none;
    }

    .header__search {
        margin-right: 16px;
    }
}

@media (max-width: 350px) {

    .header__logo {
        text-align: left;
    }

    .header__logo .icon-logo {
        width: 123px;
        height: 25px;
    }
}

.pagination.hidden {
    display: none;
}

.tape__content-body {
    padding: 0px 20px 20px;
}

a.club-link {
    color: #000;
}

a.club-link span {
    line-height: 2rem;
}

.footer__subs-container {
    display: flex;;
    justify-content: space-between;
    max-width: 340px;
}

.footer__subs-container .footer__subs-list {
    width: 100%;
    max-width: 90px;
    padding-right: 5px;
}

.footer__subs-container .footer__subs-list.big-list {
    max-width: 215px;
}

.footer__subs-container .footer__info-link {
    display: inline;
    font-size: 13px;
}

.footer__subs-form.form-block {
    max-width: 375px;
    background: white;
    padding: 16px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

.footer__subs-form.form-block .footer__subs-subtitle {
    padding-bottom: 16px;
}

.footer__subs-form.form-block .input-email {
    border: 1px solid rgba(0, 0, 0, .1);
    border-right: 0;
}

.footer__subs-form.form-block.sub-done {
    max-width: 330px;
}

.footer__subs-form.form-block.sub-done .footer__subs-subtitle {
    padding-bottom: 8px;
}

.footer__subs-form.form-block.sub-done .input-email-inner {
    width: 100%;
    max-width: 100%;
}

.footer__subs-form.form-block.sub-done .input-email {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 4px;
    width: 100%;
}

.payment > .container {
    /*max-width: 760px;*/
}

.payment .payment__price {
}

.payment .payment__price > .price__label {
    display: block;
    color: #333;
    font-weight: normal;
    font-size: 14px;
}

.payment .payment__price > .price__count {
    font-size: 32px;
    font-weight: 500;
}

.payment .payment__price > .price__count .rubl {
    font-family: 'Rubl';
}

.payment .payment__price > .price__count .rubl:before {
    content: 'i'
}


.payment .payment__terms {
    letter-spacing: 0.25px;
    line-height: 1.75;
}

.payment .payment__methods {
    display: flex;
    max-width: 580px;
    justify-content: space-between;
    flex-wrap: wrap;

}

.payment .payment__methods .methods__item {
    max-width: 280px;
    width: 100%;
    margin: 16px 0;
}

.payment .payment__methods .methods__item button {
    justify-content: center;

}

.payment .payment__bonus {
    display: flex;
    align-items: center;
    font-size: 18px;

    font-weight: 600;
}

.payment .payment__bonus .bonus__label {
    display: inline-flex;
    position: relative;
    align-items: center;
    margin-right: 8px;
    color: #d2473f;

}

.payment .payment__bonus .bonus__label:before {
    content: '';
    display: block;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70'%3E%3Cpath fill='%23F1DC6A' fill-rule='evenodd' d='M35 0c19.33 0 35 15.67 35 35S54.33 70 35 70 0 54.33 0 35 15.67 0 35 0z'/%3E%3Cpath fill='%23D2473F' fill-rule='evenodd' d='M50.5 24.364v-1.591C50.5 20.141 48.482 18 46 18H23.5c-2.482 0-4.5 2.141-4.5 4.773v25.454C19 50.859 21.018 53 23.5 53h27c2.482 0 4.5-2.141 4.5-4.773V29.136c0-2.632-2.018-4.772-4.5-4.772zm-27-3.182H46c.827 0 1.5.713 1.5 1.591v1.591h-24c-.827 0-1.5-.714-1.5-1.591 0-.878.673-1.591 1.5-1.591zM52 44.25v3.977c0 .878-.673 1.591-1.5 1.591h-27c-.827 0-1.5-.713-1.5-1.591V27.273c.469.176.974.272 1.5.272h27c.827 0 1.5.714 1.5 1.591v3.978m-7.5 5.568c0-1.316 1.01-2.387 2.25-2.387S49 37.366 49 38.682c0 .637-.235 1.24-.65 1.685a2.2 2.2 0 01-1.6.701c-1.24 0-2.25-1.071-2.25-2.386z'/%3E%3Cpath fill='none' stroke='%23D2473F' stroke-width='3' d='M44.5 32H55v13H44.5a6.5 6.5 0 110-13z'/%3E%3C/svg%3E");
    margin-right: 8px;
}

.payment__strava {
    max-width: 800px;
    margin: 32px 0;
}

.payment__strava .settings__item-title {
    display: none;
}

.payment__strava .trackers__item-checkbox {
    float: none;
}

.payment__strava .payment__strava-label {
    font-size: 16px;
    font-weight: 600;
    margin-left: 8px;
}

.payment__strava .payment__strava-label span {
    color: #d2473f;
    border-bottom: 1px solid rgba(210, 70, 63, 1);
    transition: .3s ease border;
    cursor: pointer;
}

.payment__strava .payment__strava-label span:hover {
    border-color: rgba(210, 70, 63, 0);
}

.payment__strava .payment__strava-label {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    flex-grow: 2;
    flex-basis: 200px;
}

.payment__strava .payment__strava-label .strava--icon {
    margin-left: 5px;
    color: rgba(0, 0, 0, 0);
    font-size: 0;
    pointer-events: none;
    display: inline-block;
    border: 0;
    width: 80px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='13' viewBox='0 0 60 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M48.0156 0.724382L45.5736 5.69364L43.1302 0.724382H39.5388L45.5736 13L51.6042 0.724382H48.0156ZM28.1673 5.06336C28.1673 4.68998 28.0385 4.41127 27.7824 4.23125C27.5273 4.04965 27.1788 3.95943 26.7426 3.95943H25.1081V6.22007H26.726C27.1745 6.22007 27.5273 6.12081 27.7824 5.92286C28.0385 5.72448 28.1673 5.4485 28.1673 5.09664V5.06336ZM37.1755 0L43.2085 12.2756H39.6171L37.1755 7.30607L34.7352 12.2756H28.0228L25.9083 8.97531H25.1081V12.2756H21.3608V0.724382H26.8385C27.8417 0.724382 28.6662 0.842865 29.3116 1.0794C29.9587 1.31551 30.4778 1.63811 30.873 2.04519C31.2153 2.3962 31.4712 2.79339 31.643 3.23175C31.8126 3.67211 31.8989 4.19094 31.8989 4.7825V4.8175C31.8989 5.6638 31.7013 6.37929 31.3051 6.96181C30.9114 7.5449 30.3724 8.00836 29.6877 8.34818L31.6353 11.2788L37.1755 0ZM53.9669 0L47.9346 12.2756H51.526L53.9669 7.30607L56.4095 12.2756H60L53.9669 0ZM10.4876 3.98998H13.7863V12.2756H17.5343V3.98998H20.8339V0.724382H10.4876V3.98998ZM10.3526 7.06064C10.5815 7.46773 10.6966 7.96361 10.6966 8.54555V8.57941C10.6966 9.18387 10.5799 9.72952 10.3438 10.2129C10.1096 10.6976 9.77784 11.107 9.35117 11.4431C8.92351 11.778 8.4054 12.0364 7.79739 12.2182C7.18966 12.4008 6.50511 12.4919 5.74847 12.4919C4.60677 12.4919 3.5409 12.3283 2.55325 12.0047C1.56574 11.6792 0.715028 11.1923 0 10.5447L2.00119 8.08654C2.60906 8.5698 3.25089 8.91678 3.92222 9.12549C4.59452 9.33463 5.26251 9.4392 5.92438 9.4392C6.26658 9.4392 6.51123 9.39473 6.66097 9.3078C6.81169 9.21944 6.8849 9.09809 6.8849 8.94475V8.91191C6.8849 8.74537 6.77426 8.60623 6.5566 8.49808C6.33895 8.3882 5.92869 8.2733 5.33126 8.15252C4.70168 8.01955 4.10076 7.86478 3.53033 7.68935C2.95906 7.51478 2.45751 7.28814 2.02554 7.01259C1.59288 6.73833 1.24886 6.39048 0.991966 5.97278C0.735903 5.55436 0.607872 5.04227 0.607872 4.43781V4.40453C0.607872 3.85385 0.711547 3.34177 0.920433 2.86927C1.12681 2.3962 1.43173 1.9828 1.83224 1.6318C2.2329 1.2795 2.73013 1.00495 3.32311 0.805571C3.91359 0.607621 4.59452 0.508932 5.36438 0.508932C6.45209 0.508932 7.40481 0.641328 8.22157 0.906265C9.03846 1.16833 9.77172 1.56495 10.424 2.09282L8.5987 4.70131C8.06487 4.30398 7.50153 4.01537 6.90925 3.83334C6.31543 3.65146 5.75974 3.56037 5.23551 3.56037C4.95857 3.56037 4.75317 3.60441 4.61985 3.69277C4.48403 3.78084 4.41959 3.89689 4.41959 4.03918V4.07203C4.41959 4.22738 4.51965 4.35934 4.72353 4.46965C4.92726 4.5791 5.32165 4.695 5.90781 4.81606C6.62354 4.94717 7.27413 5.10739 7.8628 5.29329C8.44882 5.48221 8.95483 5.72046 9.37538 6.01266C9.79705 6.30427 10.1235 6.65212 10.3526 7.06064Z' fill='%23FC4C02'/%3E%3C/svg%3E%0A");
}

.payment__strava .payment__strava-desc {
    line-height: 1.4;;
    margin: 10px 0;
    flex-grow: 0;
    flex-basis: 400px;
}

.payment.payment-free .payment__caption {
    padding-bottom: 8px;

}

.payment .payment__bonus-submit:disabled {
    background: #ebebeb;
}

.payment .paymnet__strava a:hover,
.payment .payment__terms a:hover {
    color: #f44336;

}

@media (max-width: 600px) {
    .payment .payment__methods .methods__item {
        max-width: 100%;
        margin: 8px 0;
    }

    .payment__methods .payment__method-radio-inner {
        max-width: 100%;
        width: 100%;
    }

    .payment__bonus {
        font-size: 16px;
    }

    .payment__strava .payment__strava-label {
        font-size: 14px;
    }
}


@media (max-width: 320px) {
    .payment .payment__bonus {
        margin: 10px 0px;
    }

    .payment__strava {

        margin: 20px 0;
    }

    .payment__bonus {
        font-size: 14px;
    }

    .payment__strava .payment__strava-label {
        font-size: 12px;
    }

    .payment__strava .payment__strava-desc {
        font-size: 12px;
        line-height: 1.6;
    }

    .payment .payment__terms {
        line-height: 1.6;
        font-size: 12px;
    }
}

.tournament__desc-modal {

}

.tournament__desc-modal .modal-header,
.tournament__desc-modal .modal-body {
    padding: 24px 16px;
}

.tournament__desc-modal .close {
    display: block;
    opacity: 1;

    width: 30px;
    height: 30px;
    border-radius: 30px;
    background-size: contain;
    background-color: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='41'%3E%3Cpath fill='%23D2473F' fill-rule='evenodd' d='M20.5 0C31.822 0 41 9.178 41 20.5S31.822 41 20.5 41 0 31.822 0 20.5 9.178 0 20.5 0z'/%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M29 14.003L26.997 12 20.5 18.497 14.003 12 12 14.003l6.497 6.497L12 26.997 14.003 29l6.497-6.497L26.997 29 29 26.997 22.503 20.5 29 14.003z'/%3E%3C/svg%3E%0A");
}

.tournament__desc-modal .close:hover {
    opacity: .8;
}

.tournament__desc-modal .close:active {
    opacity: .7;
}

.tournament__desc-modal .tournament__desc-items {

}

.tournament__desc-modal .tournament__desc-item {
    position: relative;
    padding-left: 28px;
    margin-bottom: 10px;

}

.tournament__desc-modal .tournament__desc-item:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: calc(50% - 12px);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left top;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25'%3E%3Cpath fill='%23F9DD61' fill-rule='evenodd' d='M12.234.625c6.757 0 12.235 5.457 12.235 12.188 0 6.73-5.478 12.187-12.235 12.187C5.478 25 0 19.543 0 12.813 0 6.082 5.478.625 12.234.625z'/%3E%3Cpath fill='%23F83631' fill-rule='evenodd' d='M16.142 8.543l-5.197 5.673-2.02-2.205-1.589 1.735 3.609 3.94 6.785-7.409-1.588-1.734z'/%3E%3C/svg%3E%0A");
}


.icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 8px 0
}

.icon--settings {
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38'%3E%3Cpath fill='%23D2473F' fill-rule='evenodd' stroke='%23D2473F' d='M33.218 20.153H15.644c-.392 1.538-1.593 2.74-3.131 3.131-2.32.591-4.679-.811-5.27-3.131H4.911c-.601 0-1.088-.487-1.088-1.088 0-.602.487-1.089 1.088-1.089h2.332c.392-1.538 1.593-2.739 3.131-3.131 2.32-.59 4.679.811 5.27 3.131h17.574c.601 0 1.088.487 1.088 1.089 0 .601-.487 1.088-1.088 1.088zm-21.774-3.265c-1.203 0-2.178.974-2.178 2.177 0 1.202.975 2.177 2.178 2.177 1.202 0 2.177-.975 2.177-2.177 0-1.203-.975-2.177-2.177-2.177zm21.774-7.621h-3.421c-.391 1.538-1.593 2.739-3.131 3.131-2.32.59-4.679-.812-5.269-3.131H4.911c-.601 0-1.088-.488-1.088-1.089S4.31 7.09 4.911 7.09h16.486c.391-1.539 1.592-2.74 3.131-3.132 2.32-.59 4.679.812 5.269 3.132h3.421c.601 0 1.088.487 1.088 1.088 0 .601-.487 1.089-1.088 1.089zm-7.621-3.266c-1.203 0-2.178.974-2.178 2.177s.975 2.177 2.178 2.177c1.202 0 2.177-.974 2.177-2.177s-.975-2.177-2.177-2.177zM4.911 28.862h14.308c.392-1.538 1.593-2.739 3.131-3.13 2.32-.591 4.679.811 5.27 3.13h5.598c.601 0 1.088.488 1.088 1.089s-.487 1.089-1.088 1.089H27.62c-.392 1.538-1.593 2.739-3.132 3.131-2.319.59-4.679-.812-5.269-3.131H4.911c-.601 0-1.088-.488-1.088-1.089s.487-1.089 1.088-1.089zm18.508 3.266c1.203 0 2.178-.975 2.178-2.177s-.975-2.177-2.178-2.177c-1.202 0-2.177.975-2.177 2.177s.975 2.177 2.177 2.177z'/%3E%3C/svg%3E%0A")
}

#banner-pop {
    display: none
}

.page_banner {
    background: 0 0;
    display: block
}

@media (max-width: 767.98px) {
    .page_banner {
        display: none
    }
}

.page_banner .fancybox-close-small {
    height: 40px;
    width: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='41'%3E%3Cpath fill='%23D2473F' fill-rule='evenodd' d='M20.5 0C31.822 0 41 9.178 41 20.5S31.822 41 20.5 41 0 31.822 0 20.5 9.178 0 20.5 0z'/%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M29 14.003L26.997 12 20.5 18.497 14.003 12 12 14.003l6.497 6.497L12 26.997 14.003 29l6.497-6.497L26.997 29 29 26.997 22.503 20.5 29 14.003z'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    right: 4px;
    top: 50px;
    border-radius: 40px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.page_banner .fancybox-close-small *, .page_banner .fancybox-close-small:after, .page_banner .fancybox-close-small:before {
    content: none;
    display: none
}

.banner {
    border-radius: 8px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#f2453c), to(#dd3229));
    background-image: -o-linear-gradient(bottom, #f2453c, #dd3229);
    background-image: linear-gradient(to top, #f2453c, #dd3229);
    color: #fff;
    padding: 14px 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 32px auto
}

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

@media (max-width: 767.98px) {
    .banner {
        padding: 14px 18px
    }
}

.banner__title {
    font-size: 20px;
    max-width: 32%;
    line-height: 1.2;
    font-weight: 500
}

@media (max-width: 1199.98px) {
    .banner__title {
        font-size: 18px
    }
}

@media (max-width: 991.98px) {
    .banner__title {
        font-size: 18px;
        max-width: 70%;
        text-align: center;
        margin-bottom: 16px
    }
}

@media (max-width: 600px) {
    .banner__title {
        max-width: 100%;
        font-weight: 700;
        letter-spacing: .5px
    }
}

.banner__items {
    width: 100%;
    max-width: 67%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 16px
}

@media (max-width: 991.98px) {
    .banner__items {
        max-width: 100%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 600px) {
    .banner__items {
        max-width: 100%
    }
}

.banner__items .item {
    max-width: 24%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 991.98px) {
    .banner__items .item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 49%;
        margin: 16px 0
    }
}

@media (max-width: 767.98px) {
    .banner__items .item {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.banner__items .item__img {
    width: 100%;
    border-radius: 50%;
    margin-bottom: 16px;
    max-width: 140px;
    -webkit-box-shadow: 0 1px 16px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 16px rgba(0, 0, 0, .2);
    margin: 0 auto 8px
}

@media (max-width: 991.98px) {
    .banner__items .item__img {
        width: 100%
    }
}

@media (max-width: 767.98px) {
    .banner__items .item__img {
        width: 94%
    }
}

.banner__items .item__desc {
    text-align: center
}

@media (max-width: 767.98px) {
    .banner__items .item__desc {
        font-size: 12px
    }
}

.title {
    font-weight: 700;
    font-size: 24px
}

.type__items {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.type__items .item {
    width: 100%;
    max-width: 39%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-left: 1.75rem;
    margin-bottom: 1rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.type__items .item:nth-child(2n) {
    max-width: 60%
}

@media (max-width: 767.98px) {
    .type__items .item {
        max-width: 100%;
        display: block
    }

    .type__items .item:nth-child(2n) {
        max-width: 100%
    }
}

.type__items .item:before {
    content: '';
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25'%3E%3Cpath fill='%23F9DD61' fill-rule='evenodd' d='M12.234.625c6.757 0 12.235 5.457 12.235 12.188 0 6.73-5.478 12.187-12.235 12.187C5.478 25 0 19.543 0 12.813 0 6.082 5.478.625 12.234.625z'/%3E%3Cpath fill='%23F83631' fill-rule='evenodd' d='M16.142 8.543l-5.197 5.673-2.02-2.205-1.589 1.735 3.609 3.94 6.785-7.409-1.588-1.734z'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left top
}

.tag {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    border-radius: 12px;
    padding: 4px 8px;
    margin-left: 4px
}

.tag.red {
    background: #f2453c
}

.tag.green {
    background: #33b128
}

.tag.answer {
    width: 20px;
    height: 20px;
    opacity: .6;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23b0b0b0;%7D.cls-2%7Bisolation:isolate;%7D.cls-3%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Evopros%3C/title%3E%3Ccircle id='Эллипс_1_копия_7' data-name='Эллипс 1 копия 7' class='cls-1' cx='8.5' cy='8.5' r='8.5'/%3E%3Cg class='cls-2'%3E%3Cpath class='cls-3' d='M5.84,6.55a2.25,2.25,0,0,1,.73-1.69,2.85,2.85,0,0,1,2-.64,2.91,2.91,0,0,1,1.91.6,1.93,1.93,0,0,1,.72,1.56,1.89,1.89,0,0,1-.3,1.07,2.51,2.51,0,0,1-.89.8,2.62,2.62,0,0,0-.74.58,1,1,0,0,0-.2.65v.29H7.57v-.3A1.78,1.78,0,0,1,7.74,8.4a2.07,2.07,0,0,1,.81-.76,2.81,2.81,0,0,0,.74-.58,1,1,0,0,0,.19-.63.76.76,0,0,0-.29-.63,1.11,1.11,0,0,0-.76-.25,1.1,1.1,0,0,0-.77.27,1.08,1.08,0,0,0-.32.73Zm3.25,5.64a1,1,0,0,1-.73.25,1,1,0,0,1-.74-.25.89.89,0,0,1-.27-.69.9.9,0,0,1,.27-.69,1,1,0,0,1,.74-.25,1,1,0,0,1,.73.25.9.9,0,0,1,.27.69A.89.89,0,0,1,9.09,12.19Z'/%3E%3C/g%3E%3C/svg%3E");
    cursor: pointer;
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all
}

.tag.answer:hover {
    opacity: 1
}

@media (max-width: 767.98px) {
    .tabs__block {
        padding: 8px 0
    }

    .tabs__block .tab__nav.out {
        max-width: 400px;
        margin: 0 auto
    }
}

.tabs__more {
    display: none
}

@media (max-width: 767.98px) {
    .tabs__more {
        display: block;
        padding: 0 16px 8px
    }
}

.tab__btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    background: #f1f1f1;
    color: #333;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: inset 0 0 0 -4px rgba(242, 69, 60, 0);
    box-shadow: inset 0 0 0 -4px rgba(242, 69, 60, 0);
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
    padding: 24px 54px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px
}

.tab__btn:hover {
    -webkit-box-shadow: inset 0 6px 0 -4px #f2453c;
    box-shadow: inset 0 6px 0 -4px #f2453c
}

.tab__btn.active, .tab__btn:checked {
    -webkit-box-shadow: inset 0 7px 0 -4px #f2453c;
    box-shadow: inset 0 7px 0 -4px #f2453c;
    background: #fff;
    font-weight: 500
}

@media (max-width: 991.98px) {
    .tab__btn {
        padding: 16px 32px;
        font-size: 13px
    }
}

@media (max-width: 767.98px) {
    .tab__btn {
        padding: 16px
    }
}

@media (max-width: 320px) {
    .tab__btn {
        font-size: 12px;
        padding: 16px 8px
    }
}

.tab__btn.type_select {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.tab__btn.type_select-all {
    display: none
}

@media (max-width: 767.98px) {
    .tab__btn.type_setting {
        display: none
    }
}

.tabs {
    min-width: 300px;
    padding: 0;
    margin: 0 auto;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .1);
    border-radius: 8px;
    margin: 20px auto
}

@media (max-width: 767.98px) {
    .tabs.showed .type_select {
        display: none
    }

    .tabs.showed .type_select-all, .tabs.showed .type_setting {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

.tabs__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tabs__head .form-group {
    max-width: 24.99%;
    width: 100%
}

.tabs .tab__input {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.tabs__items-item {
    display: none;
    padding: 40px 32px 20px
}

.tabs__items-item.is-active {
    display: block
}

@media (max-width: 767.98px) {
    .tabs__items-item {
        padding: 32px 16px 16px
    }
}

.tabs__items-item > .tabs__inner {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.tabs__items-item .type__tag {
    display: inline-block;
    padding: 4px 12px;
    color: #fff;
    border-radius: 10px;
    background-color: #f2453c;
    font-size: 10px;
    margin-left: 10px
}

@media (max-width: 767.98px) {
    .tabs__items-item .type__tag {
        display: inline-block;
        margin: 4px 0
    }
}

.tabs .tab-content {
    display: none
}

.tabs__footer {
    padding: 32px 32px 24px;
    position: relative
}

.tabs__footer::before {
    content: '';
    position: absolute;
    height: 1px;
    width: 94%;
    border-top: 1px solid rgba(0, 0, 0, .1);
    top: 0;
    left: 3%
}

@media (max-width: 767.98px) {
    .tabs__footer {
        padding: 16px
    }
}

.tabs__confirm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 4px 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 991.98px) {
    .tabs__confirm {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (max-width: 767.98px) {
    .tabs__confirm {
        max-width: 400px;
        margin: 0 auto;
        padding: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.tabs__confirm .price {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0
}

.tabs__confirm .price__block {
    width: 100%;
    max-width: 400px
}

@media (min-width: 768px) {
    .tabs__confirm .price__block {
        padding-left: 24px;
        max-width: 30%
    }
}

@media (max-width: 767.98px) {
    .tabs__confirm .price__block {
        max-width: 100%
    }
}

@media (max-width: 767.98px) {
    .tabs__confirm .price__block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.tabs__confirm .price__block .label {
    font-size: 15px;
    color: #333;
}

@media (max-width: 767.98px) {
    .tabs__confirm .price__block .label {
        font-size: 16px
    }
}

.tabs__confirm .price__block .price {
    font-size: 36px;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .tabs__confirm .price__block .price {
        font-size: 18px
    }
}

.tabs__confirm .price__helper {
    max-width: 448px;
    border-radius: 4px;
    padding: 16px 24px;
    padding-left: 72px;
    font-size: 13px;
    font-weight: 500;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .15);
    box-shadow: 0 0 12px rgba(0, 0, 0, .15);
    background-repeat: no-repeat;
    background-position: 24px center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='27'%3E%3Cpath fill='%23F2453D' fill-rule='evenodd' d='M18.829 1.853c-1.479-2.484-5.174-2.484-6.653 0L.535 21.413c-1.479 2.484.369 5.589 3.326 5.589h23.283c2.957 0 4.805-3.105 3.326-5.589L18.829 1.853zm-4.435 1.242c.492-.829 1.725-.829 2.217 0l11.642 19.56c.493.828-.123 1.863-1.109 1.863H3.861c-.986 0-1.602-1.035-1.109-1.863l11.642-19.56zm.607 8.072c-.759 0-1.352.637-1.274 1.369l.377 3.561c.067.634.617 1.115 1.274 1.115h.249c.657 0 1.207-.481 1.274-1.115l.377-3.561c.077-.732-.515-1.369-1.274-1.369h-1.003zm-.85 9.446c.351.326.801.49 1.351.49.55 0 1.001-.164 1.352-.49.351-.327.526-.723.526-1.19 0-.475-.175-.867-.526-1.175-.351-.317-.802-.476-1.352-.476s-1 .159-1.351.476c-.351.308-.526.7-.526 1.175 0 .467.175.863.526 1.19z'/%3E%3C/svg%3E%0A");
    display: none
}

.tabs__confirm .price__helper.is-show {
    display: block
}

@media (max-width: 900px) and (min-width: 500px) {
    .tabs__confirm .price__helper {
        margin: 8px 0
    }
}

@media (max-width: 767.98px) {
    .tabs__confirm .price__helper {
        padding: 12px 24px;
        padding-left: 62px;
        background-position: 16px center
    }
}

.tabs__confirm .price__helper span {
    color: #f2453c;
    font-weight: 700
}

.tabs__confirm .price__btns {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 680px;
    border: 0;
    padding: 0;
    letter-spacing: inherit;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 24px
}

@media (max-width: 991.98px) {
    .tabs__confirm .price__btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        padding-right: 0
    }
}

@media (max-width: 767.98px) {
    .tabs__confirm .price__btns {
        margin: 16px 0 0;
        font-size: 15px;
        display: block
    }
}

@media (max-width: 900px) and (min-width: 500px) {
    .tabs__confirm .price__btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.tabs__confirm .price__btns .pbtn {
    margin: 0 0 0 auto;
    margin-left: 8px
}

@media (max-width: 767.98px) {
    .tabs__confirm .price__btns .pbtn {
        margin: 8px auto;
        max-width: 100%;
        width: 100%
    }
}

.tabs__costum {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    background: #f6f6f6;
    border-radius: 6px;
    font-size: 15px;
    padding: 16px 24px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 24px auto 8px;
    display: none;
    width: 100%
}

.tabs__costum.showed {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 991.98px) {
    .tabs__costum {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 400px;
        margin: 12px auto 8px;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (max-width: 767.98px) {
    .tabs__costum {
        background: #fff;
        padding: 8px 16px 16px;
        -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .15);
        box-shadow: 0 0 12px rgba(0, 0, 0, .15);
        border-radius: 4px
    }

    .tabs__costum .pbtn {
        max-width: 100%;
        width: 100%
    }
}

.tabs__costum .costum__text {
    max-width: 600px;
    background-repeat: no-repeat;
    background-position: left 40%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='27'%3E%3Cpath fill='%23F2453D' fill-rule='evenodd' d='M18.829 1.853c-1.479-2.484-5.174-2.484-6.653 0L.535 21.413c-1.479 2.484.369 5.589 3.326 5.589h23.283c2.957 0 4.805-3.105 3.326-5.589L18.829 1.853zm-4.435 1.242c.492-.829 1.725-.829 2.217 0l11.642 19.56c.493.828-.123 1.863-1.109 1.863H3.861c-.986 0-1.602-1.035-1.109-1.863l11.642-19.56zm.607 8.072c-.759 0-1.352.637-1.274 1.369l.377 3.561c.067.634.617 1.115 1.274 1.115h.249c.657 0 1.207-.481 1.274-1.115l.377-3.561c.077-.732-.515-1.369-1.274-1.369h-1.003zm-.85 9.446c.351.326.801.49 1.351.49.55 0 1.001-.164 1.352-.49.351-.327.526-.723.526-1.19 0-.475-.175-.867-.526-1.175-.351-.317-.802-.476-1.352-.476s-1 .159-1.351.476c-.351.308-.526.7-.526 1.175 0 .467.175.863.526 1.19z'/%3E%3C/svg%3E%0A");
    padding-left: 54px
}

@media (max-width: 991.98px) {
    .tabs__costum .costum__text {
        background-image: none;
        background-position: 16px 40%;
        padding: 0;
        margin: 8px auto;
        font-size: 14px;
        font-weight: 500
    }
}

.tabs__costum .costum__info {
    position: relative
}

@media (max-width: 991.98px) {
    .tabs__costum .costum__info {
        display: block;
        background: #6baf3a;
        color: #fff;
        padding: 8px;
        border-radius: 4px;
        margin: 16px auto 4px
    }

    .tabs__costum .costum__info:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(107, 175, 58, 0);
        border-top-color: #6baf3a;
        border-width: 9px;
        margin-left: -45%
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.pbtn {
    background: 0 0;
    border: none;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
    margin: 0;
    max-width: 240px;
    width: 100%;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all
}

.pbtn.disabled, .pbtn:disabled {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    pointer-events: none;
    cursor: no-drop;
    opacity: .4;
    outline: 0
}

.pbtn:hover {
    text-decoration: none
}

.pbtn--fill {
    background: #f2453c;
    color: #fff
}

.pbtn--fill:hover {
    color: #fff;
    background: #d3180e
}

.pbtn--fill:active {
    background: #f02e24
}

.bdg {
    border: none;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    margin: 0;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}
.bdg.bdg--green {
    background: #5e9f50;
    color: #fff;
}

.pbtn--outline {
    border: 2px solid #f2453c;
    color: #303030
}

.pbtn--outline:hover {
    border-color: #d3180e;
    color: #303030
}

.pbtn--outline:active {
    color: #303030;
    border-color: #f02e24
}

.pbtn.pbtn--outline--green {
    border-color: #5e9f50;
    color: #303030
}
.pbtn.pbtn--outline--green:hover {
    border-color: #10a143;
    color: #303030;
}
.pbtn.pbtn--outline--green:active {
    border-color: #5e9f50
}

.alb-checkbox {
    position: relative;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    margin-bottom: .5em;
    padding-left: 2rem;
    min-height: 24px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

@media (max-width: 767.98px) {
    .alb-checkbox {
        margin-bottom: 1rem
    }
}

.alb-checkbox .check__input, .alb-checkbox input {
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.alb-checkbox .check__input:checked + .check__box, .alb-checkbox input:checked + .check__box {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25'%3E%3Cpath fill='%23F9DD61' fill-rule='evenodd' d='M12.234.625c6.757 0 12.235 5.457 12.235 12.188 0 6.73-5.478 12.187-12.235 12.187C5.478 25 0 19.543 0 12.813 0 6.082 5.478.625 12.234.625z'/%3E%3Cpath fill='%23F83631' fill-rule='evenodd' d='M16.142 8.543l-5.197 5.673-2.02-2.205-1.589 1.735 3.609 3.94 6.785-7.409-1.588-1.734z'/%3E%3C/svg%3E%0A")
}

.alb-checkbox .check__input:focus + .check__box, .alb-checkbox input:focus + .check__box {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1)
}

.alb-checkbox .check__input:disabled + .check-left .check__box, .alb-checkbox input:disabled + .check-left .check__box {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25'%3E%3Cpath fill='%23EAEAEA' fill-rule='evenodd' d='M12.234.625c6.757 0 12.235 5.457 12.235 12.188 0 6.73-5.478 12.187-12.235 12.187S0 19.543 0 12.813C0 6.082 5.477.625 12.234.625z'/%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M16.142 8.543l-5.197 5.673-2.02-2.205-1.589 1.735 3.609 3.94 6.785-7.409-1.588-1.734z'/%3E%3C/svg%3E%0A");
    -webkit-filter: grayscale(80);
    filter: grayscale(80);
    opacity: .5;
    cursor: no-drop
}

.alb-checkbox .check__input:checked:disabled + .check__box, .alb-checkbox input:checked:disabled + .check__box {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25'%3E%3Cpath fill='%23EAEAEA' fill-rule='evenodd' d='M12.234.625c6.757 0 12.235 5.457 12.235 12.188 0 6.73-5.478 12.187-12.235 12.187S0 19.543 0 12.813C0 6.082 5.477.625 12.234.625z'/%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M16.142 8.543l-5.197 5.673-2.02-2.205-1.589 1.735 3.609 3.94 6.785-7.409-1.588-1.734z'/%3E%3C/svg%3E%0A");
    -webkit-filter: grayscale(80);
    filter: grayscale(80)
}

.alb-checkbox .check__input:disabled + label, .alb-checkbox input:disabled + label {
    background: #333
}

.alb-checkbox .check__box {
    position: absolute;
    margin-left: -2rem;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25'%3E%3Cpath fill='%23EAEAEA' fill-rule='evenodd' d='M12.234.625c6.757 0 12.235 5.457 12.235 12.188 0 6.73-5.478 12.187-12.235 12.187S0 19.543 0 12.813C0 6.082 5.477.625 12.234.625z'/%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M16.142 8.543l-5.197 5.673-2.02-2.205-1.589 1.735 3.609 3.94 6.785-7.409-1.588-1.734z'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-position: center;
    top: 0
}

.alb-checkbox .check__price {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: 0 0 0 auto
}

@media (max-width: 767.98px) {
    .alb-checkbox .check__price {
        font-size: 10px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
}

@media (max-width: 767.98px) {
    .alb-checkbox .check__label {
        font-size: 14px;
        max-width: 400px
    }
}

@media (max-width: 599px) {
    .alb-checkbox .check__label {
        max-width: 160px
    }
}

.info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    font-size: 14px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 16px 0 0
}

@media (max-width: 767.98px) {
    .info {
        font-size: 12px
    }
}

@media (max-width: 340px) {
    .info {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 10px
    }
}

@media (max-width: 767.98px) {
    .info--label {
        margin-right: 8px;
        width: 90px
    }

    .info--label span {
        display: block
    }
}

.info--tag {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 16px;
    text-decoration: underline;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ff1f1b;
    cursor: pointer
}

@media (max-width: 767.98px) {
    .info--tag {
        margin-left: 0
    }
}

.info--tag:hover {
    text-decoration: none
}

.info--tag::before {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23F1403D' fill-rule='evenodd' d='M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0z'/%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M14.217 12.989H7.101c-.612 0-1.107-.448-1.107-1.001 0-.553.495-1.002 1.107-1.002h7.116l-1.432-1.294c-.433-.391-.433-1.026 0-1.417.432-.391 1.134-.391 1.566 0l3.323 3.004c.026.024.05.048.073.073l.016.019.049.06.012.018c.015.022.03.043.043.066l.008.014c.014.024.027.049.039.075l.004.009c.012.027.023.055.032.083.002.003.002.007.003.011.009.027.018.055.024.084l.004.025.012.072c.004.033.006.066.006.1 0 .033-.002.066-.006.1l-.012.072-.004.025c-.007.028-.015.057-.024.084-.001.004-.001.007-.003.01-.009.029-.02.056-.032.084-.002.002-.003.006-.004.009-.012.025-.025.05-.04.075l-.006.013c-.014.023-.029.045-.045.066l-.011.018-.049.06-.016.019c-.023.025-.047.05-.073.073L14.351 15.7c-.216.195-.499.293-.783.293-.283 0-.567-.098-.783-.293-.433-.391-.433-1.025 0-1.416l1.432-1.295z'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 8px
}

.participate {
    margin: 24px auto
}

.show--mb {
    display: none
}

@media (max-width: 767.98px) {
    .show--mb {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

.friends__table th a.asc:after {
    content: "▲";
}

.friends__table th a.desc:after {
    content: "▼";
}

link[rel="manifest"] {
    --pwacompat-splash-font: 36px Montserrat, sans-serif;
}

.main-popup__tab.js-tabs {
    padding: 8px;
    position: relative;
}

.js-tabs[data-tab="#forget-popup"] .main-popup__content-top {
    display: none;
}

.main-popup__tab.js-tabs .dropdown {
    display: block;
    padding: 8px;
    position: absolute;
    right: 10px;
}

.main-popup__tab.js-tabs .dropdown .dropdown-toggle {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    color: #333;
    text-transform: capitalize;
}

.main-popup__tab.js-tabs .dropdown .dropdown-toggle .flag {
    margin-right: 8px;
    display: none;
}

.main-popup__tab.js-tabs .dropdown .dropdown-menu {
    max-width: 210px;
    width: 100%;
    justify-content: space-around;
    padding: 0;
    color: #333;
    border: 1px solid rgba(0, 0, 0, 0);
    box-shadow: 0 6px 16px 2px rgba(0, 0, 0, 0.175);

}

.main-popup__tab.js-tabs .dropdown .dropdown-menu:hover {
    color: red;
}

.main-popup__tab.js-tabs .dropdown.open .dropdown-menu {
    display: flex;
    right: 0;
    left: inherit;

}

.main-popup__tab.js-tabs .dropdown .dropdown-menu > li > a {
    padding: 16px 8px;
    display: inline-flex;
    align-items: center;
    color: #333;
    text-transform: capitalize;
    font-size: 14px;
}

.main-popup__tab.js-tabs .dropdown .dropdown-menu .dropdown-item .flag {
    display: none;
    margin-right: 8px;
}

.main-popup__tab.js-tabs .main-popup__nav-item {
    padding: 8px;
    margin-right: 0;
}

.signup__form-wrapper {
    padding-top: 3rem;
}

@media (max-width: 767px) {
    .main-popup__nav-list {
    }

    .main-popup__tab.js-tabs .main-popup__content-top .main-popup__content-row {
        display: flex;
        flex-wrap: wrap;
    }

    .main-popup__tab.js-tabs .main-popup__content-top .main-popup__content-row .main-popup__content-col {
        margin: 0;
    }

    .main-popup__tab.js-tabs .main-popup__content-top .main-popup__content-row .main-popup__content-col .btn--social {
        font-size: 11px;
        padding: 13.5px 10px 13.5px 21px
    }

    .main-popup__tab.js-tabs .main-popup__content-top .main-popup__content-row .main-popup__content-col .btn--social .btn-icon {
        left: 10px;
    }

    .signup__form-wrapper {
        padding-top: 1rem;
    }

    .footer__menu-item.js-footer-parent.show {
        display: inline-block !important;
    }
}

.icon-user-verified {
    width: 24px;
    height: 24px;
}

.settings__approved-user {
    font-size: 0;
    line-height: 0;
    padding: 12px 15px 0;
}

@media (max-width: 479px) {
    .settings__approved-user {
        padding: 3px 0 16px;
    }
}

.settings__approved-user-txt {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: normal;
    width: 132px;
}

@media (max-width: 479px) {
    .settings__approved-user-txt {
        width: auto;
        display: block;
        padding-bottom: 20px;
    }
}

.settings__approved-user-item {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: normal;
    width: calc(100% - 132px);
    text-align: right;
}

@media (max-width: 479px) {
    .settings__approved-user-item {
        width: auto;
        display: block;
        text-align: left;
    }
}

.settings__approved-user-item.not-checked .settings__approved-user-txt--not-checked {
    display: inline-block;
}

.settings__approved-user-item.not-checked .settings__approved-user-txt--checked {
    display: none;
}

.settings__approved-user-item-txt {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #939393;
    margin-top: -6px;
    padding-right: 29px;
}

.settings__approved-user-txt--not-checked {
    display: none;
}

@media (max-width: 479px) {
    .settings__approved-user-item-txt {
        width: calc(100% - 60px);
        padding-right: 0;
    }
}

.settings__approved-user-switch {
    display: inline-block;
    vertical-align: middle;
}

.settings__approved-user-application-sent-errors {
    width: 100%;
    font-size: 12px;
    padding-top: 18px;
    color: #939393;
}

.settings__approved-user-application-sent-errors ul {
    padding-top: 10px;
}

.settings__approved-user-application-sent-errors li {
    padding: 10px
}

.hide {
    display: none;
}

.settings__form-input__phone-field {
    width: 100%;
}

.settings__confirm-link {
    display: block;
    width: 100%;
    color: #000000;
    font-family: "Montserrat", Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    border: none;
    border-radius: 5px;
    text-align: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.settings__confirm-error {
    color: #b94a48;
    font-size: 12px;
}

.text-red {
    color: #f44336;
}

.page__confirm {
    max-width: 540px;
    margin: 30px auto;
    text-align: center;
    height: 180px;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.05);
    background-color: #fff;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    padding-top: 75px;
}

.select2-results__option .user-avatar {
    width: 42px;
    margin-right: 10px;
    border-radius: 50%;
}

.select2-results__option span.city-match {
    display: flex;
    font-size: 12px;
    align-items: center;
}

.select2-results__option span.city-match div:last-child {
    position: relative;
}

.footer__strava {

}

.footer__strava .footer__strava-logo {
    max-width: 120px;
    fill: #b1981f;
    width: 100%;
    height: 52px;
    margin: 8px auto;
    margin-left: -10px;
}

.footer__strava .footer__strava-logo.v1 {
    height: 40px;
    max-width: 140px;
}

.tou__report-title {
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding-bottom: 29px;
}

.tou__report-title .left {
    flex-grow: 1;
    display: flex;
    gap: 10px;
}

.tou__report-title .right {
    flex-grow: 0;
}

.tou__report-title .tou__report-caption {
    margin-bottom: 0;
    padding-bottom: 0;
    white-space: nowrap;
}

.tou__report-title .btn-add {
    width: 32px;
    height: 32px;
    cursor: pointer;
    stroke: none;
    fill: #f44336;
    stroke-width: 1;
}
.tou__report-title .btn-add svg {
    width: 100%;
    height: 100%;
}
.tou__report-title .btn-add:hover {
    stroke: none;
    fill: #23527c;
}

.tou__report-title a.external {
    white-space: nowrap;
    font-weight: 500;
    border-bottom: 1px solid transparent;
}

.tou__report-title a.external:hover {
    border-bottom: 1px solid transparent;
}

.pbtn.pbtn--costum {
    display: none;
}

@media (max-width: 650px) {
    .pbtn--costum.showed {
        display: flex;
    }
}

/* email confirm block start */
.email-confirm-modal {
    display: none;
    background: #f5f5f5;
    border-radius: 5px;
    max-width: 363px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    bottom: 5px;
    left: 5px;
    z-index: 100500;
}

.email-confirm-modal__close {
    display: block;
    width: 30px;
    height: 29px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 12.374l6.187-6.187 1.768 1.768-6.187 6.187 6.187 6.187-1.768 1.768L15 15.91l-6.187 6.187-1.768-1.768 6.187-6.187-6.187-6.187 1.768-1.768L15 12.374z' fill='%23B4B5B8'/%3E%3C/svg%3E");
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 12px;
}

.email-confirm-modal__heading {
    line-height: 20px;
    font-size: 18px;
    color: #000;
    margin-bottom: 15px;
    font-weight: 700;
}

.email-confirm-modal__text {
    line-height: 18px;
    font-size: 14px;
    color: rgba(0, 0, 0, .8);
    margin-bottom: 19px;
}

.email-confirm-modal__btn {
    display: inline-block;
}

/* email confirm block end */

.bg-info {
    background-color: #0dcaf0 !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.input-group .settings__form-input:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.icon-done {
    width: 20px;
    height: 20px;
}

.icon-done.recommended {
    fill: green !important;
}

.input-group .settings__form-input:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.hidden__rating-link {
    width: 100%;
    filter: blur(4px);
}

.rating-title-name {
    color: #bbbaba
}

.rating-filter-container {
    max-width: 1300px !important;
    width: 1300px;
}


.profile__recommendation__modal_info {
    position: absolute;
    /*width: 300px;*/
    background: #000;
    opacity: .8;
    box-shadow: 0px 15px 25px -10px rgba(0, 0, 0, .2);
    border-radius: 5px;
    left: 135px;
    padding: 8px 15px;
    top: 30px;
    z-index: 100000;
}

.profile__recommendation__modal_info:after {
    content: " ";
    width: 10px;
    height: 10px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    top: -4px;
    position: absolute;
    background: inherit;
    left: 33%;
}

.profile__recommendation__modal_info::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.profile__recommendation__modal_info::-webkit-scrollbar {
    width: 6px;
    background-color: #fff;
}

.profile__recommendation__modal_info::-webkit-scrollbar-thumb {
    background-color: #cccccc;
    border-radius: 4px;
}

.profile__recommendation__modal_info ul li .profile__recommendation__modal_info-avatar {
    height: 36px;
    width: 36px;
    border-radius: 50%;
    border: 2px solid red;
    overflow: hidden;
    margin-right: 8px;
    display: inline-block;
}

.profile__recommendation__modal_info ul li img {
    width: 100%;
}

.profile__recommendation__modal_info-user-name {
    padding: 10px 10px;
    display: inline-block;
    margin: 0;
    position: absolute;
}

.profile__recommendation__modal_info ul {
    margin-top: 10px;
}

.profile__recommendation__modal_info > div {
    margin-top: 15px;
}

.profile__recommendation__modal_info h4 {
    color: whitesmoke;
}

.profile__recommendation__modal_info h5 {
    color: #9e9c9c
}

.questions-form {
    padding-top: 37px;
    padding-bottom: 76px;
    max-width: 540px;
    margin: 0 auto;
}

@media (max-width: 568px) {
    .questions-form {
        padding: 0 10px 37px;
    }
}

.questions-form .form-group {
    padding: 0;
    margin: 0 0 30px;
}

.questions-form .form-group label {
    font-size: 14px;
    font-weight: 400;
}

.question + .question {
    margin-top: 30px;
}

.question__text {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
}

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

.question__checkbox .checkbox {
    width: 100%;
    margin: 8px 0;
}

.question__checkbox .checkbox > span {
    padding-left: 36px;
}

.question__checkbox .checkbox input[type="radio"]:not(:checked) + span::before {
    background-color: #fff;
}

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

.question__distance label {
    margin: 0 8px 0 0;
    min-width: 20%;
}

.question__distance .mask-time {
    max-width: 80px;
    height: 32px;
    padding: 0 10px;
}

.question__error p {
    margin-bottom: 8px;
    font-size: 14px;
    color: #f44336;
}

.question__btn {
    margin-top: 30px;
}

.standing-info__col {
    margin-top: 30px;
    margin-bottom: 30px;
}

.manual-status-change-message div {
    padding: 20px;
}

.standing-info__col {
    padding: 5px;
}

.auto-standing > div {
    padding: 15px;
}


.payment .payment_block {
    margin-top: 24px;
}
.payment .payment_block .payment_block__caption {
    font-size: 16px;
    font-weight: 700;
}
.payment .payment_block .payment_block__subcaption {
    font-size: 16px;
    margin-top: 14px;
}

.tape__content-imgs {
    display: flex;
    padding-top: 8px;
    gap: 8px;
}

.tape__content-imgs .tape__content-imgs-item {
    width: 240px;
    height: 240px;
}
.tape__content-imgs .tape__content-imgs-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.command__person-wrapper .friends__table {
    margin-bottom: 0;
}

@media (max-width: 1023px) {
    #hde-contact-container {
        bottom: 8% !important;
    }
}

.tgme_widget_login_button {
    background-color: red !important;
}

.edit-team-form .settings__photo {
    padding-bottom: 0;
}
.edit-team-form input#eventratingteam-name {
    margin-top: 16px;
}
.edit-team-form button[type="submit"] {
    margin-top: 16px;
}

.user_preview {
    white-space: nowrap;
}

.section {
    background: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    margin: 20px 0;
    padding: 20px;
}


.form-group .hint-block {
    font-weight: 300;
    font-size: 80%;
    margin-top: 8px;
}
.form-group .input-radio {
    display: block;
    line-height: 16px;
}
.form-group .input-radio input {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 16px;
    transition: none;
    vertical-align: bottom;
}
.form-group .input-radio input:checked::before {
    content: ' ';
    background: black;
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    border-radius: 12px;
}
.form-group.has-success .input-radio input:checked::before {
    background: green;
}
.form-group.has-error .input-radio input:checked::before {
    background: red;
}
.form-group .input-radio input:focus {
    outline: none;
    background: lightgrey;
}

.container.page_content {
    margin: 20px auto;
}
.page_block {
    margin: 20px auto;
}

.white_card {
    background: white;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    padding: 20px;
    position: relative;
}
.white_card.white_card__padded {
    margin: 10px;
}

.white_card .white_card__close {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 16px;
    right: 16px;
    text-align: center;
    line-height: 24px;
    font-size: 32px;
    cursor: pointer;
    user-select: none;
    color: #A09E98;
}
.white_card .white_card__close:before {
    content: '×';
}

.white_card .white_card__body {
    overflow-x: auto;
}
.white_card .white_card__body.white_card__body__hidden {
    display: none;
}
.white_card .white_card__body.white_card__body__padded {
    margin-top: 10px;
}

.white_card .white_card__block {
    padding: 8px 0;
}

.white_card .white_card__table {
    width: 100%;
}

.white_card .white_card__table tbody tr:nth-child(even) {
    background-color: #f5f5f5;
}
.white_card .white_card__table tbody tr:hover {
    background-color: #e2e2e2;
}
.white_card .white_card__table td,
.white_card .white_card__table th {
    padding: 12px 8px;
}
.white_card .white_card__table thead,
.white_card .white_card__table tbody {
    border-bottom: 1px solid #e2e2e2;
}

.white_card .white_card__table th.white_card__table__cell_right,
.white_card .white_card__table td.white_card__table__cell_right {
    text-align: right;
}

.white_card .nav-tabs li a {
    padding: 8px 20px;
}

.white_card h2.white_card__header {
    cursor: pointer;
}

.grid-expand-row-toggle {
    cursor: pointer;
    color: #f44336;
}
.grid-expand-row-toggle::after {
    content: '';
    display: inline-block;
    transform: translate(0, -50%) rotate(-45deg);
    width: 9px;
    height: 9px;
    margin-left: 4px;
    border-bottom: 2px solid #f44336;
    border-left: 2px solid #f44336;
    transition: all .1s linear;
}
.grid-expand-row-toggle.grid-expand-row-active::after {
    transform: rotate(135deg);
}

.grid-expand-row-content {
    display: none;
}

.carousel-control.left,
.carousel-control.right {
    background: none;
}

.comments-page .tape__content-wrapp {
    margin-top: 20px;
}

.club .tape__content-wrapp {
    padding-top: 20px;
}
.club .tape__content-wrapp .settings__item {
    padding-bottom: 20px;
}

.table th {
    white-space: nowrap;
}

.video-embed-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video-embed-container iframe {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}