@charset "UTF-8";

*::before,
*::after {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  box-sizing: border-box;
}

*::before,
*::after {
  display: block;
}

ul, ol {
  list-style: none;
}

a {
  text-decoration: none;
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/*-------------
    GENERAL
-------------*/
/*------------------------------------------------------------------
[Table of contents]

1. FONTS
2. WEIGHTS
3. SIZES
4. PARAGRAPH
5. MIXINS
-------------------------------------------------------------------*/
/*-----------------
    1. FONTS
-----------------*/
/*-----------------
    2. WEIGHTS
-----------------*/
/*-----------------
    3. SIZES
-----------------*/
/*-----------------
    4. PARAGRAPH
-----------------*/
/*-----------------
    5. MIXINS
-----------------*/
/*------------------------------------------------------------------
[Table of contents]

1. RAW COLORS
2. SOCIAL COLORS
-------------------------------------------------------------------*/
/*---------------------
    1. RAW COLORS
---------------------*/
/*-----------------------
    1. SOCIAL COLORS
-----------------------*/
/*------------------------------------------------------------------
[Table of contents]

1. THEME COLORS
    1.1 PRIMARY COLORS
    1.2 SECONDARY COLORS
    1.3 TERTIARY COLORS
2. GENERAL COLORS
    2.1 BODY COLORS
    2.2 BOX COLORS
    2.3 TEXT COLORS
    2.4 TEXT SELECTION COLORS
    2.5 LINK COLORS
    2.6 ICON COLORS
    2.7 BORDER COLORS
    2.8 SHADOW COLORS
    2.9 INPUT COLORS
    2.10 BUTTON COLORS
    2.11 PAGE LOADER
    2.12 LOADER BAR
3. COMPONENT COLORS
    3.0 TAB SWITCH
    3.1 FORM SWITCH
    3.2 USER STATUS
    3.3 VIDEO STATUS
    3.4 SECTION MENU
    3.5 CHAT WIDGET
    3.6 NAVIGATION WIDGET
    3.7 XM TOOLTIP TEXT
    3.8 DROPDOWN LIST ITEM
    3.9 PICTURE ITEM
    3.10 TEXT STICKER
    3.11 TAG STICKER
    3.12 DATE STICKER
    3.13 FORUM POST
    3.14 ALBUM PREVIEW
    3.15 PICTURE COLLAGE
    3.16 STATUS COLORS
    3.17 PATTERN COLORS
    3.18 ACCOUNT STAT COLORS
    3.19 STAT COLORS
    3.20 ACTIVITY COLORS
    3.21 CATEGORY COLORS
    3.22 REFERENCE BULLET COLORS
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
                        1. THEME COLORS
-------------------------------------------------------------------*/
/*-------------------------
    1.1 PRIMARY COLORS
-------------------------*/
/*---------------------------
    1.2 SECONDARY COLORS
---------------------------*/
/*---------------------------
    1.3 TERTIARY COLORS
---------------------------*/
/*-------------------------------------------------------------------
                        2. GENERAL COLORS
-------------------------------------------------------------------*/
/*-----------------------
    2.1 BODY COLORS
-----------------------*/
/*-----------------------
    2.2 BOX COLORS
-----------------------*/
/*-----------------------
    2.3 TEXT COLORS
-----------------------*/
/*-------------------------------
    2.4 TEXT SELECTION COLORS
-------------------------------*/
/*--------------------------
    2.5 LINK COLORS
--------------------------*/
/*-----------------------
    2.6 ICON COLORS
-----------------------*/
/*-----------------------
    2.7 BORDER COLORS
-----------------------*/
/*-----------------------
    2.8 SHADOW COLORS
-----------------------*/
/*-----------------------
    2.9 INPUT COLORS
-----------------------*/
/*------------------------------
    2.10 BUTTON
------------------------------*/
/*-------------------------------------------------------------------
                        3. COMPONENT COLORS
-------------------------------------------------------------------*/
/*---------------------------
    3.0 TAB SWITCH
---------------------------*/
/*---------------------------
    3.1 FORM SWITCH
---------------------------*/
/*-----------------------
    3.3 VIDEO STATUS
-----------------------*/
/*-------------------------
    3.4 SECTION MENU
-------------------------*/
/*-------------------------
    3.5 CHAT WIDGET
-------------------------*/
/*---------------------------
    3.6 NAVIGATION WIDGET
---------------------------*/
/*---------------------------
    3.7 XM TOOLTIP TEXT
---------------------------*/
/*---------------------------
    3.8 DROPDOWN LIST ITEM
---------------------------*/
/*---------------------------
    3.9 PICTURE ITEM
---------------------------*/
/*---------------------------
    3.10 TEXT STICKER
---------------------------*/
/*---------------------------
    3.12 DATE STICKER
---------------------------*/
/*-------------------------------
    3.13 FORUM POST
-------------------------------*/
/*------------------------------
    3.14 ALBUM PREVIEW
------------------------------*/
/*------------------------------
    3.15 PICTURE COLLAGE
------------------------------*/
/*-------------------------
    3.16 STATUS COLORS
-------------------------*/
/*-------------------------
    3.17 PATTERN COLORS
-------------------------*/
/*-----------------------------
    3.18 ACCOUNT STAT COLORS
-----------------------------*/
/*-----------------------
    3.19 STAT COLORS
-----------------------*/
/*--------------------------
    3.20 ACTIVITY COLORS
--------------------------*/
/*--------------------------
    3.21 CATEGORY COLORS
--------------------------*/
/*------------------------------------
    3.22 REFERENCE BULLET COLORS
------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]

1. GENERAL
2. .form
3. .form-row
4. .form-item
6. .form-input
7. .form-title
8. .form-textarea
9. .form-select
11. .checkbox-wrap
14. .interactive-input
19. .form-switch
-------------------------------------------------------------------*/
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}

:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
/*-----------------
    1. GENERAL
-----------------*/
label,
input,
textarea,
select,
button {
  font-family: Roboto;
}

label {
  display: block;
  margin: 0;
  color: var(--color-text);
  line-height: 1em;
}

label.label-disabled {
  opacity: .5;
}

label .label-required {
  color: var(--color-secondary);
  font-weight: 700;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
textarea,
select,
button {
  width: 100%;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 700;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
textarea,
select {
  background-color: var(--color-box-background);
  border: 1px solid var(--color-border);
  color: var(--color-text);
  transition: border-color .2s ease-in-out;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
  border-color: #28a745;
}

input[type="text"].input-error,
input[type="password"].input-error,
input[type="email"].input-error,
input[type="tel"].input-error,
input[type="search"].input-error,
input[type="number"].input-error,
textarea.input-error,
select.input-error {
  border-color: #f9515c;
}

input[type="text"].input-disabled,
input[type="password"].input-disabled,
input[type="email"].input-disabled,
input[type="tel"].input-disabled,
input[type="search"].input-disabled,
input[type="number"].input-disabled,
textarea.input-disabled,
select.input-disabled {
  opacity: .5;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"] {
  height: 54px;
  padding: 0 18px;
}

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder {
  color: var(--color-text-alt-2);
  font-size: 0.875rem;
  font-weight: 500;
}

input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="number"]::-moz-placeholder {
  color: var(--color-text-alt-2);
  font-size: 0.875rem;
  font-weight: 500;
}

input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder {
  color: var(--color-text-alt-2);
  font-size: 0.875rem;
  font-weight: 500;
}

input[type="text"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, input[type="search"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder {
  color: var(--color-text-alt-2);
  font-size: 0.875rem;
  font-weight: 500;
}

input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
input[type="search"]::placeholder,
input[type="number"]::placeholder {
  color: var(--color-text-alt-2);
  font-size: 0.875rem;
  font-weight: 500;
}

textarea {
  padding: 14px 18px;
  resize: none;
outline: none;
  word-break: break-all;
}

textarea::-webkit-input-placeholder {
  color: var(--color-text-alt-2);
  font-weight: 600;
}

textarea::-moz-placeholder {
  color: var(--color-text-alt-2);
  font-weight: 600;
}

textarea:-ms-input-placeholder {
  color: var(--color-text-alt-2);
  font-weight: 600;
}

textarea::-ms-input-placeholder {
  color: var(--color-text-alt-2);
  font-weight: 600;
}

textarea::placeholder {
  color: var(--color-text-alt-2);
  font-weight: 600;
}

.vk-form-counter {
  width: 100%;
  height: 48px;
  position: relative;
}

.vk-form-counter .vk-form-counter-input {
  width: 100%;
  height: 100%;
  padding: 0 48px 0 18px;
}

.vk-form-counter .vk-form-counter-control {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 48px;
  height: 24px;
  position: absolute;
  right: 0;
  cursor: pointer;
}

.vk-form-counter .vk-form-counter-control .vk-form-counter-icon {
  fill: var(--color-icon-highlighted);
}

.vk-form-counter .vk-form-counter-control.vk-form-counter-control-increase {
  top: 0;
  padding-top: 11px;
}

.vk-form-counter .vk-form-counter-control.vk-form-counter-control-increase .vk-form-counter-icon {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.vk-form-counter .vk-form-counter-control.vk-form-counter-control-decrease {
  -ms-flex-align: end;
      align-items: flex-end;
  bottom: 0;
  padding-bottom: 11px;
}

.vk-form-counter .vk-form-counter-control.vk-form-counter-control-decrease .vk-form-counter-icon {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

/*--------------
    2. FORM
--------------*/
.form {
  width: 100%;
display: flex;
}

.form.disabled {
  opacity: .5;
}

.form + .button {
  margin-top: 40px;
}

.form.padded {
  padding: 0 28px;
}

.form.form-error input[type="text"],
.form.form-error input[type="password"] {
  border: 1px solid #f9515c;
}

.form.form-error .form-input.dark input[type="text"],
.form.form-error .form-input.dark input[type="password"] {
  border: 1px solid #f9515c;
}

/*------------------
    3. FORM ROW
------------------*/
.form-row {
  width: 100%;
}

.form-row + .form-row {
  margin-top: 28px;
}

.form-row.space-between {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.form-row.space-between .form-item {
  width: auto;
}

.form-row.split {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.form-row.split .form-item {
  margin-right: 16px;
}

.form-row.split .form-item:last-child {
  margin-right: 0;
}

.form-row.split .form-item > * {
  margin-bottom: 28px;
}

.form-row.split .form-item > *:last-child {
  margin-bottom: 0;
}

/*------------------
    4. FORM ITEM
------------------*/
.form-item {
  width: 100%;
  position: relative;
}

.form-item.auto-width {
  width: auto;
}

.form-item.centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.form-item.aligned-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.form-item.split {
  display: -ms-flexbox;
  display: flex;
}

.form-item.split.medium > * {
  margin-right: 16px;
}

.form-item.split.medium > *:last-child {
  margin-right: 0;
}

.form-item.split > * {
  width: 100%;
  margin-right: 12px;
}

.form-item.split > *:last-child {
  margin-right: 0;
}

/*-------------------
    6. FORM INPUT
-------------------*/
.form-input {
  position: relative;
}

.form-input.with-button input {
  padding-right: 82px;
}

.form-input.dark input[type="text"],
.form-input.dark input[type="password"],
.form-input.dark textarea {
  border: none;
  background-color: var(--color-header-input-background);
  color: var(--color-header-text);
}

.form-input.dark input[type="text"]::-webkit-input-placeholder, .form-input.dark input[type="password"]::-webkit-input-placeholder, .form-input.dark textarea::-webkit-input-placeholder {
  color: var(--color-header-input-placeholder);
  opacity: 1;
}

.form-input.dark input[type="text"]::-moz-placeholder, .form-input.dark input[type="password"]::-moz-placeholder, .form-input.dark textarea::-moz-placeholder {
  color: var(--color-header-input-placeholder);
  opacity: 1;
}

.form-input.dark input[type="text"]:-ms-input-placeholder, .form-input.dark input[type="password"]:-ms-input-placeholder, .form-input.dark textarea:-ms-input-placeholder {
  color: var(--color-header-input-placeholder);
  opacity: 1;
}

.form-input.dark input[type="text"]::-ms-input-placeholder, .form-input.dark input[type="password"]::-ms-input-placeholder, .form-input.dark textarea::-ms-input-placeholder {
  color: var(--color-header-input-placeholder);
  opacity: 1;
}

.form-input.dark input[type="text"]::placeholder,
.form-input.dark input[type="password"]::placeholder,
.form-input.dark textarea::placeholder {
  color: var(--color-header-input-placeholder);
  opacity: 1;
}

.form-input.social-input .social-link {
  position: absolute;
  top: 4px;
  left: 4px;
  pointer-events: none;
}

.form-input.social-input input {
  padding-left: 64px;
}

.form-input.social-input label {
  left: 64px;
}

.form-input.social-input.active label {
  left: 58px;
}

.form-input.currency-decorated::before {
  content: '$';
  color: var(--color-primary-dark);
  font-size: 0.875rem;
  font-weight: 700;
  position: absolute;
  top: 12px;
  left: 22px;
  pointer-events: none;
}

.form-input.currency-decorated input {
  padding-left: 32px;
}

.form-input.required input,
.form-input.required textarea {
  border-color: var(--color-tertiary);
}

.form-input.small label,
.form-input.small input,
.form-input.small textarea {
  font-size: 0.875rem;
}

.form-input.small label {
  top: 16px;
}

.form-input.small input {
  height: 48px;
}

.form-input.small textarea {
  height: 100px;
}

.form-input.small button {
  width: 64px;
  position: absolute;
  top: 0;
  right: 0;
}

.form-input.full {
  height: 100%;
}

.form-input.full textarea {
  height: 100%;
}

.form-input.mid-textarea textarea {
  height: 124px;
}

.form-input.medium-textarea textarea {
  height: 160px;
}

.form-input.active label,
.form-input.active legend {
  background-color: var(--color-box-background);
  padding: 0 6px;
  font-size: 0.75rem;
  top: -6px;
  left: 12px;
}

.form-input label,
.form-input legend {
  color: var(--color-text-alt-2);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1em;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2;
  transition: all .3s ease-in-out;
  pointer-events: none;
}

/*-------------------
    7. FORM TITLE
-------------------*/
.form-title {
  font-size: 0.875rem;
  font-weight: 700;
}

/*----------------------
    8. FORM TEXTAREA
----------------------*/
.form-textarea {
  position: relative;
}

.form-textarea.small label {
  font-size: 0.875rem;
  top: 16px;
  left: 20px;
}

.form-textarea.small textarea {
  padding: 14px 18px;
}

.form-textarea.small.active label {
  top: -6px;
  left: 12px;
}

.form-textarea label {
  color: var(--color-text-alt-2);
  font-size: 1rem;
  font-weight: 600;
  position: absolute;
  top: 26px;
  left: 28px;
  z-index: 2;
  transition: all .3s ease-in-out;
  pointer-events: none;
}

.form-textarea textarea {
  font-size: 0.875rem;
  padding: 26px 28px 0;
  overflow: hidden;
}

.form-textarea.active label {
  background-color: var(--color-box-background);
  padding: 0 6px;
  font-size: 0.75rem;
  top: -6px;
  left: 20px;
}

.form-textarea-shadow {
  width: 100%;
  height: 100%;
  padding: 26px 28px 0;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 18px;
  word-break: break-all;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  visibility: hidden;
}

.form-textarea-shadow.small {
  padding: 14px 18px;
}

.form-textarea-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.form-textarea-footer .button {
  padding: 0 30px;
}

.form-textarea-limit {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  height: 40px;
}

.form-textarea-limit.small {
  height: 20px;
}

.form-textarea-limit.small .form-textarea-limit-text {
  margin-top: 4px;
  padding: 0 18px;
}

.form-textarea-limit .form-textarea-limit-text {
  margin-top: 10px;
  padding: 0 28px;
  font-size: 0.75rem;
  font-weight: 500;
  opacity: .6;
}

/*----------------------
    9. FORM SELECT
----------------------*/
.form-select-wrap {
  display: -ms-flexbox;
  display: flex;
}

.form-select-wrap .form-select {
  margin-right: 12px;
}

.form-select-wrap .form-select:last-child {
  margin-right: 0;
}

.form-select {
  width: 100%;
  height: 48px;
  position: relative;
}

.form-select.v2 {
  width: auto;
  height: auto;
}

.form-select.v2 select {
  width: auto;
  height: auto;
  padding-right: 20px;
  border: none;
  font-size: 0.75rem;
}

.form-select.v2 .form-select-icon {
  top: 10px;
  right: 0;
}

.form-select select {
  width: 100%;
  height: 100%;
  padding: 0 40px 0 20px;
  font-size: 0.875rem;
  cursor: pointer;
}

.form-select .form-select-icon {
  fill: var(--color-icon-highlighted);
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  position: absolute;
  top: 20px;
  right: 20px;
  pointer-events: none;
}

.form-select label {
  padding: 0 6px;
  background-color: var(--color-box-background);
  color: var(--color-text-alt-2);
  font-size: 0.75rem;
  font-weight: 600;
  position: absolute;
  top: -8px;
  left: 12px;
  pointer-events: none;
}

/*------------------------
    11. CHECKBOX WRAP
------------------------*/
.checkbox-wrap {
  position: relative;
}

.checkbox-wrap .checkbox-info {
  margin-top: 12px;
}

.checkbox-wrap .checkbox-info .checkbox-info-text {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4285714286em;
}

.checkbox-wrap.checkbox-rating .rating-list {
  position: absolute;
  top: 6px;
  left: 34px;
  pointer-events: none;
}

.checkbox-wrap.checkbox-rating label {
  padding-left: 104px;
}

.checkbox-wrap input[type="checkbox"],
.checkbox-wrap input[type="radio"] {
  display: none;
}

.checkbox-wrap input[type="checkbox"]:checked + .checkbox-box,
.checkbox-wrap input[type="radio"]:checked + .checkbox-box {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.checkbox-wrap input[type="checkbox"]:checked + .checkbox-box.round,
.checkbox-wrap input[type="radio"]:checked + .checkbox-box.round {
  border: 6px solid var(--color-primary);
  background-color: var(--color-box-background);
}

.checkbox-wrap input[type="checkbox"]:checked + .checkbox-box .icon-cross,
.checkbox-wrap input[type="radio"]:checked + .checkbox-box .icon-cross {
  fill: var(--color-box-background);
}

.checkbox-wrap label {
  padding-left: 34px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 22px;
  cursor: pointer;
}

.checkbox-wrap .checkbox-box {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}

.checkbox-wrap.small input[type="checkbox"],
.checkbox-wrap.small input[type="radio"] {
  display: none;
}

.checkbox-wrap.small input[type="checkbox"]:checked + .checkbox-box.round,
.checkbox-wrap.small input[type="radio"]:checked + .checkbox-box.round {
  border: 5px solid var(--color-primary);
}

.checkbox-wrap.small label {
  padding-left: 24px;
  font-size: 0.75rem;
  line-height: 16px;
}

.checkbox-wrap.small .checkbox-box {
  width: 16px;
  height: 16px;
  border-radius: 4px;
}

.checkbox-wrap.small .checkbox-box.round {
  border-radius: 50%;
}

.checkbox-wrap.small .checkbox-box .icon-cross {
  width: 8px;
  height: 8px;
}

.checkbox-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 22px;
  height: 22px;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  background-color: var(--color-box-background);
  transition: border-color .2s ease-in-out, background-color .2s ease-in-out;
}

.checkbox-box.round {
  border-radius: 50%;
}

.checkbox-box.small {
  width: 14px;
  height: 14px;
  border-radius: 4px;
}

.checkbox-box.small .icon-cross {
  width: 8px;
  height: 8px;
}

.checkbox-box.active {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.checkbox-box.active .icon-cross {
  fill: var(--color-box-background);
}

.checkbox-box .icon-cross {
  fill: transparent;
  transition: fill .2s ease-in-out;
}

/*----------------------------
    14. INTERACTIVE INPUT
----------------------------*/
.interactive-input {
  width: 100%;
  height: 52px;
  position: relative;
}

.interactive-input.dark input {
border: none;
    background-color: #f8f8fb;
    color: #606060;
    outline: none;
}

.interactive-input.dark input::-webkit-input-placeholder {
  color: #606060;
  opacity: 1;
}

.interactive-input.dark input::-moz-placeholder {
  color: #606060;
  opacity: 1;
}

.interactive-input.dark input:-ms-input-placeholder {
  color: #606060;
  opacity: 1;
}

.interactive-input.dark input::-ms-input-placeholder {
  color: #606060;
  opacity: 1;
}

.interactive-input.dark input::placeholder {
  color: #606060;
  opacity: 1;
}

.interactive-input.dark .interactive-input-icon-wrap .interactive-input-icon {
  fill: var(--color-header-icon);
}

.interactive-input.dark .interactive-input-action:hover .interactive-input-action-icon {
  fill: var(--color-header-icon-hover);
}

.interactive-input.dark .interactive-input-action .interactive-input-action-icon {
  fill: var(--color-header-icon);
}

.interactive-input.small {
  height: 48px;
}

.interactive-input.interactive-input-actionable .interactive-input-action {
  display: none;
}

.interactive-input.interactive-input-actionable.active .interactive-input-action {
  display: -ms-flexbox;
  display: flex;
}

.interactive-input.interactive-input-actionable.active .interactive-input-icon {
  display: none;
}

.interactive-input .form {
  height: 100%;
}

.interactive-input input {
  height: 100%;
  padding-right: 60px;
}

.interactive-input .loader-spinner-wrap {
  position: absolute;
  top: 17px;
  right: 20px;
}

.interactive-input .interactive-input-icon-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 60px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
}

.interactive-input .interactive-input-icon-wrap.actionable {
  pointer-events: all;
}

.interactive-input .interactive-input-icon-wrap.actionable .interactive-input-icon {
  cursor: pointer;
}

.interactive-input .interactive-input-icon-wrap.actionable .interactive-input-icon:hover {
  fill: var(--color-text);
  opacity: 1;
}

.interactive-input .interactive-input-icon-wrap .interactive-input-icon {
  fill: var(--color-icon);
  opacity: .6;
  transition: fill .2s ease-in-out, opacity .2s ease-in-out;
}

.interactive-input .interactive-input-action {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 60px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.interactive-input .interactive-input-action:hover .interactive-input-action-icon {
  fill: var(--color-text);
  opacity: 1;
}

.interactive-input .interactive-input-action .interactive-input-action-icon {
  fill: var(--color-icon);
  opacity: .6;
  pointer-events: none;
  transition: fill .2s ease-in, opacity .2s ease-in;
}

/*----------------------
    19. FORM SWITCH
----------------------*/
.form-switch {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 52px;
  height: 28px;
  border: 1px solid var(--color-border);
  border-radius: 200px;
  background-color: var(--color-divider);
  cursor: pointer;
  position: relative;
  transition: background-color .3s ease-in-out;
}

.form-switch.active {
  background-color: var(--color-primary);
}

.form-switch.active .form-switch-button {
  left: 26px;
}

.form-switch .form-switch-button {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: 2px;
  left: 2px;
  transition: left .3s ease-in-out;
}

.form-switch .form-switch-button::before, .form-switch .form-switch-button::after {
  content: '';
  width: 2px;
  height: 8px;
  background-color: var(--color-icon);
  opacity: .2;
  position: absolute;
  top: 7px;
}

.form-switch .form-switch-button::before {
  left: 8px;
}

.form-switch .form-switch-button::after {
  right: 8px;
}

.form-input-checkbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.form-input-checkbox .checkbox-box,
.form-input-checkbox .form-input-checkbox-text {
  cursor: pointer;
}

.form-input-checkbox .checkbox-box + .form-input-checkbox-text {
  margin-left: 12px;
}

.form-input-checkbox .form-input-checkbox-text {
  font-size: 0.875rem;
  font-weight: 700;
}

.error-field-message,
.required-field-message {
  color: var(--color-text);
  font-size: 0.75rem;
  font-weight: 700;
}

.error-field-message + .button,
.required-field-message + .button {
  margin-top: 16px;
}

.error-field-message.medium,
.required-field-message.medium {
  font-size: 0.875rem;
}

.error-field-message,
.required-field-message {
  color: var(--color-tertiary);
}

/*----------------------------
    FORM INPUT LIST
----------------------------*/
.form-input-list .form-input-list-title {
  font-size: 0.875rem;
  font-weight: 700;
}

.form-input-list .form-input-list-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.form-input-list .form-input-list-items .form-input-checkbox,
.form-input-list .form-input-list-items .checkbox-wrap {
  margin: 16px 16px 0 0;
}

/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (max-width: 960px) {
  .form-row.split {
    display: block;
  }
  .form-row.split .form-item {
    margin-bottom: 28px;
  }
  .form-row.split .form-item:last-child {
    margin-bottom: 0;
  }
  .form-row.split .form-item textarea {
    height: 124px;
  }
  .form-item.split.join-on-mobile {
    display: block;
  }
  .form-item.split.join-on-mobile.medium > * {
    margin-right: 0;
  }
  .form-item.split.join-on-mobile > * {
    margin-right: 0;
  }
  .form-item.split.join-on-mobile > *:last-child {
    margin-top: 28px;
  }
}

@media screen and (max-width: 768px) {
  .form-textarea-footer {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

@media screen and (max-width: 480px) {
  .form-input-list .form-input-list-items {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .form-input-list .form-input-list-items .form-input-checkbox,
  .form-input-list .form-input-list-items .checkbox-wrap {
    margin-top: 16px;
  }
  .form-input-list .form-input-list-items .form-input-checkbox:last-child,
  .form-input-list .form-input-list-items .checkbox-wrap:last-child {
    margin-bottom: 12px;
  }
}

/*------------------------------------------------------------------
[Table of contents]

1. ICONS
-------------------------------------------------------------------*/
/*-----------------
    1. ICONS
-----------------*/
.icon-facebook,
.icon-twitter,
.icon-twitch,
.icon-youtube,
.icon-instagram,
.icon-patreon,
.icon-discord,
.icon-behance,
.icon-deviantart,
.icon-artstation,
.icon-dribbble,
.icon-spotify,
.icon-snapchat,
.icon-skype,
.icon-reddit,
.icon-pinterest,
.icon-messenger,
.icon-linkedin,
.icon-github,
.icon-whatsapp,
.icon-vk,
.icon-tumblr,
.icon-tiktok,
.icon-unsplash,
.icon-flickr,
.icon-cross {
  fill: #fff;
  width: 12px;
  height: 12px;
}

.icon-logo-vikinger {
  fill: #fff;
  width: 42px;
  height: 60px;
}

.icon-logo-vikinger.small {
  width: 28px;
  height: 40px;
}

.icon-dots {
  fill: #fff;
  width: 10px;
  height: 2px;
}

.icon-public,
.icon-private {
  fill: var(--color-icon-highlighted);
  width: 20px;
  height: 20px;
}

.icon-comment,
.icon-thumbs-up,
.icon-friend,
.icon-info,
.icon-success,
.icon-error,
.icon-group,
.icon-marketplace,
.icon-add-friend,
.icon-remove-friend,
.icon-delete,
.icon-send-message,
.icon-settings,
.icon-cross-thin,
.icon-newsfeed,
.icon-overview,
.icon-members,
.icon-memberships,
.icon-badges,
.icon-quests,
.icon-streams,
.icon-events,
.icon-events-monthly,
.icon-events-weekly,
.icon-events-daily,
.icon-pin,
.icon-ticket,
.icon-forums,
.icon-profile,
.icon-timeline,
.icon-photos,
.icon-videos,
.icon-headphones,
.icon-blog-posts,
.icon-forum,
.icon-store,
.icon-share,
.icon-pinned,
.icon-favorite,
.icon-status,
.icon-big-grid-view,
.icon-small-grid-view,
.icon-list-grid-view,
.icon-poll,
.icon-camera,
.icon-emoji,
.icon-gif,
.icon-tags,
.icon-trophy,
.icon-return,
.icon-clock,
.icon-earnings,
.icon-wallet,
.icon-item,
.icon-revenue,
.icon-credits,
.icon-ranks,
.icon-admin-crown,
.icon-mod-shield,
.icon-ban,
.icon-remove-user {
  fill: var(--color-icon);
  width: 20px;
  height: 20px;
}

.icon-grid,
.icon-magnifying-glass,
.icon-messages,
.icon-shopping-bag,
.icon-notification,
.icon-join-group,
.icon-leave-group,
.icon-plus,
.icon-login,
.icon-gallery,
.icon-link,
.icon-light-theme,
.icon-dark-theme {
  fill: #fff;
  width: 20px;
  height: 20px;
}

.icon-back-arrow {
  width: 14px;
  height: 10px;
}

.icon-small-arrow {
  fill: var(--color-icon);
  width: 6px;
  height: 8px;
}

.icon-big-arrow {
  fill: #3e3f5e;
  width: 8px;
  height: 12px;
}

.icon-more-dots {
  fill: #fff;
  width: 22px;
  height: 6px;
}

.icon-more-dots.small {
  width: 16px;
  height: 5px;
}

.icon-starred {
  fill: #ffe00d;
  width: 11px;
  height: 10px;
}

.icon-star {
  fill: #eaeaf5;
  width: 9px;
  height: 8px;
}

.icon-star.medium {
  width: 13px;
  height: 12px;
}

.icon-play {
  fill: #fff;
  width: 12px;
  height: 14px;
}

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

.icon-speaker {
  fill: #fff;
  width: 26px;
  height: 22px;
}

.icon-plus-small,
.icon-minus-small {
  fill: #3e3f5e;
  width: 8px;
  height: 8px;
}

.icon-quote {
  fill: #3e3f5e;
  width: 32px;
  height: 22px;
}

.icon-check {
  width: 12px;
  height: 9px;
}

.icon-check-small {
  width: 6px;
  height: 6px;
}

.demo-icon {
  fill: var(--color-icon-highlighted);
}

.icon-no-results {
  fill: var(--color-icon);
  width: 172px;
  height: 156px;
}

/*------------------------------------------------------------------
[Table of contents]

1. .content-grid
2. .grid
3. .photos-masonry
-------------------------------------------------------------------*/
/*----------------------
    1. CONTENT GRID
----------------------*/
.content-grid {
  max-width: 1400px;
  padding: 32px 0 100px;
  margin: 0 auto;
}

.content-grid.full {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.content-grid.medium {
  max-width: 784px;
  padding: 0 0 100px;
}

.content-grid .section-navigation {
  margin-top: 16px;
}

.content-grid .section-navigation + #activity-photo-list,
.content-grid .section-navigation + #activity-video-list {
  margin-top: 60px;
}

.content-grid .section-navigation + #activity-photo-list .section-header,
.content-grid .section-navigation + #activity-video-list .section-header {
  margin-bottom: 32px;
}

.content-grid .section-navigation + .bbpress-wrapper {
  margin-top: 60px;
}

.content-grid .section-navigation + .filterable-list,
.content-grid .section-navigation + .grid {
  margin-top: 16px;
}

.content-grid .table {
  margin-top: 16px;
}

.content-grid .table + .page-loader-indicator {
  margin-top: 52px;
}

.content-grid .grid {
  margin-top: 32px;
}

.content-grid .grid:first-child {
  margin-top: 0;
}

.content-grid .grid.medium-space {
  margin-top: 64px;
}

.content-grid .grid.medium-space:first-child {
  margin-top: 0;
}

.content-grid .grid.small-space {
  margin-top: 16px;
}

.content-grid .grid.grid-stretched {
  -ms-flex-align: stretch;
      align-items: stretch;
}

.content-grid .grid .grid {
  margin-top: 0;
}

.content-grid .photos-masonry,
.content-grid .section-slider {
  margin-top: 32px;
}

.content-grid .section-header {
  margin-top: 60px;
}

.content-grid .section-header:first-child {
  margin-top: 0;
}

.content-grid .section-header + .filterable-list {
  margin-top: 32px;
}

.content-grid .section-banner + .filterable-list {
  margin-top: 64px;
}

.content-grid .calendar-widget {
  margin-top: 16px;
}

.content-grid .forum-content .quick-post {
  margin-top: 60px;
}

.content-grid .forum-sidebar {
  padding-top: 40px;
}

.content-grid .account-hub-content .section-header {
  margin-bottom: 28px;
}

.content-grid .account-hub-content .section-header:first-child {
  margin-top: 0;
}

.content-grid .notification-box-list + .page-loader-indicator {
  margin-top: 60px;
}

/*--------------
    2. GRID
--------------*/
.grid {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 16px;
  -ms-flex-align: start;
      align-items: start;
}

.grid.centered {
  -ms-flex-pack: center;
      justify-content: center;
}

.grid.stretched {
  -ms-flex-align: stretch;
      align-items: stretch;
}

.grid.top-space {
  margin-top: 64px;
}

.grid.grid-3-6-3 {
  grid-template-areas: 'sidebar1 content sidebar2';
  grid-template-columns: 23.9864864865% 49.3243243243% 23.9864864865%;
}

.grid.grid-3-6-3 > .grid-column:nth-child(1) {
  grid-area: sidebar1;
}

.grid.grid-3-6-3 > .grid-column:nth-child(2) {
  grid-area: content;
}

.grid.grid-3-6-3 > .grid-column:nth-child(3) {
  grid-area: sidebar2;
}

.grid.grid-6-3_9 {
  grid-template-areas: 'content sidebar';
  grid-template-columns: 66.0633484163% 32.1266968326%;
}

.grid.grid-6-3_9 > .grid-column:nth-child(1) {
  grid-area: content;
}

.grid.grid-6-3_9 > .grid-column:nth-child(2) {
  grid-area: sidebar;
}

.grid.grid-3-6_9 {
  grid-template-areas: 'sidebar content';
  grid-template-columns: 32.1266968326% 66.0633484163%;
}

.grid.grid-3-6_9 > .grid-column:nth-child(1) {
  grid-area: sidebar;
}

.grid.grid-3-6_9 > .grid-column:nth-child(2) {
  grid-area: content;
}

.grid.grid-3-9 {
  grid-template-areas: 'sidebar content';
  grid-template-columns: 23.9864864865% 74.6621621622%;
}

.grid.grid-3-9 > .grid-column:nth-child(1) {
  grid-area: sidebar;
}

.grid.grid-3-9 > .grid-column:nth-child(2) {
  grid-area: content;
}

.grid.grid-9-3 {
  grid-template-areas: 'content sidebar';
  grid-template-columns: 74.6621621622% 23.9864864865%;
}

.grid.grid-9-3 > .grid-column:nth-child(1) {
  grid-area: content;
}

.grid.grid-9-3 > .grid-column:nth-child(2) {
  grid-area: sidebar;
}

.grid.grid-8-4 {
  grid-template-areas: 'content sidebar';
  grid-template-columns: 66.2162162162% 32.4324324324%;
}

.grid.grid-8-4 > .grid-column:nth-child(1) {
  grid-area: content;
}

.grid.grid-8-4 > .grid-column:nth-child(2) {
  grid-area: sidebar;
}

.grid.grid-6-3 {
  grid-template-areas: 'content sidebar';
  grid-template-columns: 49.3243243243% 23.9864864865%;
}

.grid.grid-6-3 > .grid-column:nth-child(1) {
  grid-area: content;
}

.grid.grid-6-3 > .grid-column:nth-child(2) {
  grid-area: sidebar;
}

.grid.grid_flexible.grid-3-3-3-3 {
  grid-template-columns: repeat(4, 1fr);
}

.grid.grid-half {
  grid-template-columns: 1fr 1fr;
}

.grid.grid-4-4-4 {
  grid-template-columns: repeat(auto-fit, 384px);
}

.grid.grid-6-6 {
  grid-template-columns: repeat(auto-fit, 584px);
}

.grid.grid-4-4 {
  grid-template-columns: repeat(auto-fit, 384px);
}

.grid.grid-3-3-3-3 {
  grid-template-columns: repeat(auto-fit, 284px);
}

.grid.grid-3-3-3 {
  grid-template-columns: repeat(auto-fit, 284px);
}

.grid.grid-2-2-2-2-2-2 {
  grid-template-columns: repeat(auto-fit, 184px);
}

.grid.grid-layout-1 {
  grid-template-columns: repeat(4, 23.9864864865%);
  grid-template-areas: 'sidebar header header header'
 'sidebar content content contentsidebar';
}

.grid.grid-layout-1 .grid-sidebar {
  grid-area: sidebar;
}

.grid.grid-layout-1 .grid-header {
  grid-area: header;
}

.grid.grid-layout-1 .grid-content {
  grid-area: content;
}

.grid.grid-layout-1 .grid-content-sidebar {
  grid-area: contentsidebar;
}

.grid .grid-column {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 16px;
  min-width: 0;
}

.grid .grid-column .page-loader-indicator {
  margin: 48px auto 0;
}

.grid .grid-column .simple-tab-items {
  margin: 16px 0;
}

/*------------------------
    3. PHOTOS MASONRY
------------------------*/
.photos-masonry {
  display: grid;
  grid-gap: 16px;
  grid-template-rows: repeat(3, 284px);
  grid-template-areas: 'a b c c'
 'a d e f'
 'g h i j';
}

.photos-masonry .photo-preview:nth-child(1) {
  grid-area: a;
}

.photos-masonry .photo-preview:nth-child(2) {
  grid-area: b;
}

.photos-masonry .photo-preview:nth-child(3) {
  grid-area: c;
}

.photos-masonry .photo-preview:nth-child(4) {
  grid-area: d;
}

.photos-masonry .photo-preview:nth-child(5) {
  grid-area: e;
}

.photos-masonry .photo-preview:nth-child(6) {
  grid-area: f;
}

.photos-masonry .photo-preview:nth-child(7) {
  grid-area: g;
}

.photos-masonry .photo-preview:nth-child(8) {
  grid-area: h;
}

.photos-masonry .photo-preview:nth-child(9) {
  grid-area: i;
}

.photos-masonry .photo-preview:nth-child(10) {
  grid-area: j;
}

/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (max-width: 1365px) {
  .content-grid {
    width: 95%;
    max-width: 1400px;
    padding-left: 0;
  }
  .content-grid.medium {
    max-width: 100%;
  }
  .content-grid .account-hub-sidebar {
    display: none;
  }
  .content-grid .account-hub-content .section-header:first-child {
    margin-top: 0;
  }
  .grid.grid-3-6-3 {
    grid-template-columns: 32.4324324324% 66.2162162162%;
    grid-template-areas: 'sidebar1 content'
 'sidebar2 content';
  }
  .grid.grid-3-6-3.mobile-prefer-content {
    grid-template-areas: 'sidebar1 content';
  }
  .grid.grid-3-6-3.mobile-prefer-content > .grid-column:nth-child(3) {
    display: none;
  }
  .grid.grid-3-9, .grid.grid-9-3, .grid.grid-8-4 {
    grid-template-columns: 100%;
    grid-template-areas: 'content'
 'sidebar';
  }
  .grid.grid-3-9 .forum-sidebar, .grid.grid-9-3 .forum-sidebar, .grid.grid-8-4 .forum-sidebar {
    display: none;
  }
  .grid.grid-layout-1 {
    grid-template-areas: 'header header header header'
 'sidebar sidebar contentsidebar contentsidebar'
 'content content content content';
  }
  .grid.grid-half.change-on-desktop {
    grid-template-columns: 100%;
  }
  .grid.centered-on-mobile {
    -ms-flex-pack: center;
        justify-content: center;
  }
  .photos-masonry {
    grid-template-areas: unset;
    grid-template-columns: repeat(auto-fit, 184px);
    grid-template-rows: none;
    -ms-flex-pack: center;
        justify-content: center;
  }
  .photos-masonry .photo-preview {
    height: 184px;
  }
  .photos-masonry .photo-preview:nth-child(1), .photos-masonry .photo-preview:nth-child(2), .photos-masonry .photo-preview:nth-child(3), .photos-masonry .photo-preview:nth-child(4), .photos-masonry .photo-preview:nth-child(5), .photos-masonry .photo-preview:nth-child(6), .photos-masonry .photo-preview:nth-child(7), .photos-masonry .photo-preview:nth-child(8), .photos-masonry .photo-preview:nth-child(9), .photos-masonry .photo-preview:nth-child(10) {
    grid-area: auto;
  }
  .chat-widget,
  .navigation-widget-desktop {
    display: none;
  }
  .chat-widget-wrap .chat-widget {
    display: block;
  }
}

@media screen and (max-width: 1070px) {
  .grid.grid-3-6-3 {
    grid-template-columns: 100%;
    grid-template-areas: 'sidebar1'
 'sidebar2'
 'content';
  }
  .grid.grid-3-6-3.mobile-prefer-content {
    grid-template-areas: 'content'
 'sidebar1'
 'sidebar2';
  }

  .grid.grid-3-9, .grid.grid-6-3_9, .grid.grid-3-6_9 {
    grid-template-columns: 100%;
    grid-template-areas: 'content'
 'sidebar';
  }
}

@media screen and (max-width: 960px) {
  .grid.grid-half {
    grid-template-columns: 100%;
  }
  .grid.grid-layout-1 {
    grid-template-columns: 100%;
    grid-template-areas: 'header'
 'contentsidebar'
 'sidebar'
 'content';
  }
  .grid.grid-6-6 {
    grid-template-columns: 100%;
  }
  .content-grid {
    padding: 32px 0 20px;
  }
  .content-grid.full:not(.content-grid_open-post) {
    width: 100%;
    padding: 60px 0 0;
  }
  .content-grid .section-banner + .filterable-list {
    margin-top: 32px;
  }

  .content-grid.full.content-grid_open-post .post-open-cover {
    height: 320px;
  }

  .content-grid.full.content-grid_open-post .post-open-body {
    padding-top: 60px;
  }
}

@media screen and (max-width: 680px) {
  .content-grid.medium {
    padding: 0 0 100px;
  }
}

@media screen and (max-width: 460px) {
  .grid.grid-4-4-4, .grid.grid-4-4, .grid.grid-3-3-3-3 {
    grid-template-columns: 100%;
  }
}

/**
 * Medium Screens, Desktops (1025px — 1200px)
 */
@media screen and (max-width: 1200px) {
  .grid.grid_flexible.grid-3-3-3-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}

/**
 * Small Screens, Laptops (769px — 1024px)
 */
/**
 * Tablets, iPads (481px — 768px)
 */
@media screen and (max-width: 768px) {
  .grid.grid_flexible.grid-3-3-3-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

/**
 * Mobiles Devices (320px — 480px)
 */
@media screen and (max-width: 480px) {
  .grid.grid_flexible.grid-3-3-3-3 {
    grid-template-columns: 1fr;
  }
}

/*------------------------------------------------------------------
[Table of contents]

1. GENERAL
-------------------------------------------------------------------*/
/*-----------------
    1. GENERAL
-----------------*/

html {
  height: 100%;
}

body {
  font-size: 16px;
  background-color: var(--color-body);
  font-family: Roboto;
  overflow-x: hidden;
}

h1, h2, h3, h4,
h5, h6, a, p {
  color: var(--color-text);
  line-height: 1em;
}

h1, h2, h3, h4,
h5, h6 {
  font-weight: 700;
}

p a {
  color: #000000;
  font-weight: 600;
}

p .reaction {
  width: 20px;
  height: 20px;
  margin: 0 2px;
  position: relative;
  top: -2px;
}

p .reaction:first-child {
  margin-left: 0;
}

p a:focus, li a:focus {
  text-decoration: underline;
}

a:hover {
    opacity: 0.88;
  text-decoration: none;
}

/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (max-width: 480px) {
  .hide-text-mobile {
    display: none;
  }
}

/*------------------------------------------------------------------
[Table of contents]

1. .button
-------------------------------------------------------------------*/
/*-----------------------
    1. BUTTON
-----------------------*/
.button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 48px;
  border-radius: 10px;
  background-color: #3e3f5e;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out;
  box-shadow: 3px 5px 10px 0 rgba(62, 63, 94, 0.2);
}

.button.button-loader .button-loading-text,
.button.button-loader .loader-spinner {
  display: none;
}

.button.button-loader.button-loader-loading .button-text {
  display: none;
}

.button.button-loader.button-loader-loading .button-loading-text,
.button.button-loader.button-loader-loading .loader-spinner {
  display: block;
}

.button.button-loader + .error-field-message {
  margin-top: 12px;
}

.button .loader-spinner {
  margin-left: 12px;
  background: linear-gradient(to right, #fff 10%, rgba(35, 210, 226, 0) 42%);
}

.button .loader-spinner:before {
  background-color: #fff;
}

.button .loader-spinner:after {
  transition: background-color .2s ease-in-out;
}

.button[disabled] {
  opacity: .3;
  pointer-events: none;
  box-shadow: none;
}

.button.no-shadow {
  box-shadow: none;
}

.button.full {
  width: 100%;
}

.button.medium {
  height: 54px;
  line-height: 54px;
}

.button.small {
  height: 40px;
  font-size: 0.75rem;
  line-height: 40px;
}
.text-sidebar-ot {
    font-size: 20px;
font-weight: 500;
    margin-bottom: 5px;
}
.back-block-stat {
    padding: 1.44em;
    background: #28a745;
color: white;
}
.text-sidebar-ot-pod {
    font-size: 13px;
}

.button.void {
  background-color: transparent;
  color: var(--color-text-alt-2);
  box-shadow: none;
}

.button.void .loader-spinner {
  background: linear-gradient(to right, #23d2e2 10%, rgba(35, 210, 226, 0) 42%);
}

.button.void .loader-spinner:before {
  background-color: #23d2e2;
}

.button.void .button-icon {
  fill: var(--color-icon);
}

.button.void:hover {
  color: #fff;
}

.button.void:hover .button-icon {
  fill: #fff;
}

.button.void.void-primary:hover {
  background-color: var(--color-primary);
}

.button.void.void-secondary:hover {
  background-color: var(--color-secondary);
}

.button.void.void-secondary:hover .loader-spinner:after {
  background-color: var(--color-secondary);
}

.button.void.void-tertiary:hover {
  background-color: var(--color-tertiary);
}

.button.void.void-tertiary:hover .loader-spinner:after {
  background-color: var(--color-tertiary);
}

.button.white-solid {
  background-color: #fff;
  color: #3e3f5e;
}

.button.white {
  background-color: transparent;
  border: 1px solid var(--color-border);
  color: var(--color-text-alt-2);
  box-shadow: none;
}

.button.white .loader-spinner {
  background: linear-gradient(to right, var(--color-primary-background) 10%, rgba(35, 210, 226, 0) 42%);
}

.button.white .loader-spinner:before {
  background-color: var(--color-primary);
}

.button.white .button-icon {
  fill: var(--color-icon);
}

.button.white:hover {
  color: #fff;
  background-color: #2e2e47;
  border-color: #2e2e47;
}

.button.white.white-tertiary:hover {
  background-color: var(--color-tertiary);
  border-color: var(--color-tertiary);
  box-shadow: var(--color-tertiary-shadow);
}

.button.white.white-tertiary:hover .loader-spinner:after {
  background-color: var(--color-tertiary);
}

.button.primary {
  background-color: var(--color-primary);
  box-shadow: var(--color-primary-shadow);
}

.button.primary:hover {
  background-color: var(--color-primary-hover);
}

.button.primary:hover .loader-spinner:after {
  background-color: var(--color-primary-hover);
}

.button.primary .loader-spinner:after {
  background-color: var(--color-primary);
}

.button.secondary {
  background-color: var(--color-secondary);
  box-shadow: var(--color-secondary-shadow);
}

.button.secondary:hover {
  background-color: var(--color-secondary-hover);
}

.button.secondary:hover .loader-spinner:after {
  background-color: var(--color-secondary-hover);
}

.button.secondary .loader-spinner:after {
  background-color: var(--color-secondary);
}

.button.tertiary {
  background-color: var(--color-tertiary);
  box-shadow: var(--color-tertiary-shadow);
}

.button.tertiary:hover {
  background-color: var(--color-tertiary-hover);
}

.button.tertiary:hover .loader-spinner:after {
  background-color: var(--color-tertiary-hover);
}

.button.tertiary .loader-spinner:after {
  background-color: var(--color-tertiary);
}

.button.twitch {
  background-color: #7b5dfa;
  box-shadow: 4px 7px 12px 0 rgba(123, 93, 250, 0.2);
}

.button.twitch:hover {
  background-color: #6a4fdf;
}

.button.twitter {
  background-color: #1abcff;
  box-shadow: 3px 5px 10px 0px rgba(26, 188, 255, 0.2);
}

.button.twitter:hover {
  background-color: #0aabed;
}

.button.add-field-button {
  width: 128px;
  margin-top: 40px;
}

.button.padded {
  padding: 0 24px;
}

.button .button-icon {
  fill: #fff;
  transition: fill .2s ease-in-out;
}

.button .button-icon.spaced {
  margin-right: 6px;
}

.button.with-only-icon .loader-spinner {
  margin-left: 0;
}

.button.button-loading .button-icon {
  display: none;
}

.button.button-loading .button-loader {
  display: block;
}

.button .button-loader {
  display: none;
}

.button-post-comment {
  width: 80px;
}

.button-show-more {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 44px;
  border-radius: 10px;
  background-color: var(--color-box-background-alt);
  font-size: 0.875rem;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 3px 5px 10px 0 rgba(62, 63, 94, 0.2);
}

/*------------------------------------------------------------------
[Table of contents]

1. .lined-text
2. .social-links
3. .social-link
4. .tab-switch
5. .tab-switch-button
6. .action-request-list
7. .action-request
8. .burger-icon
9. .action-list
10. .action-item
11. .user-stats
12. .user-stat
13. .badge-list
14. .badge-item
15. .tag-list
16. .tag-item
17. .xm-tooltip-text
18. .user-short-description
19. .slider-control
20. .slider-roster
21. .slider-roster-item
22. .tag-sticker
23. .text-sticker
24. .date-sticker
25. .decorated-text
26. .simple-dropdown
27. .paragraph
28. .information-line-list
29. .information-line
30. .information-block-list
31. .information-block
32. .timeline-information-list
33. .timeline-information
34. .rating-list
35. .rating
36. .filters
37. .filter-tabs
38. .filter-tab
39. .view-actions
40. .view-action
41. .tweets
42. .tweet
43. .play-button
44. .iframe-wrap
45. .popup-video
46. .popup-picture
47. .popup-event
48. .popup-close-button
49. .decorated-feature-list
50. .decorated-feature
51. .meta-line
52. .reaction-options
53. .post-options
54. .post-option
55. .post-settings
56. .slider-line
57. .stat-block-list
58. .stat-block
59. .achievement-status-list
60. .achievement-status
61. .page-loader
62. .reaction-count-list
63. .reaction-count
64. .upload-item-list
65. .upload-item
66. .simple-accordion-list
67. .simple-accordion
68. .week-box
69. .week-box-item
70. .forum-category
71. .discussion-preview
72. .page-items
73. .page-item
74. .quick-post
75. .option-items
76. .option-item
77. .stats-box
78. .stats-box-slider
79. .reaction-stats
80. .reaction-stat
81. .simple-tab-items
82. .simple-tab-item
83. .banner-promo
84. .poll-box
85. .poll-results
86. .poll-result
87. .picture-collage
88. .quote-box
89. .stats-decoration
90. .percentage-diff
91. .percentage-diff-icon-wrap
92. .sidebar-box
93. .sidebar-menu
94. .sidebar-menu-item
95. .sidebar-menu-header
96. .sidebar-menu-body
97. .price-title
98. .promo-line
99. .tab-box
100. .bullet-item-list
101. .bullet-item
102. .ordered-item-list
103. .ordered-item
104. .profile-stats
105. .featured-stat-list
106. .featured-stat
107. .featured-stat-box
108. .achievement-box
109. .level-progress-box
110. .level-progress-badge
111. .exp-line-list
112. .exp-line
113. .account-stat-box
114. .reference-item-list
115. .reference-item
116. .reference-bullet
117. .country-stat-list
118. .country-stat
119. .full-width-image
120. .totals-line-list
121. .totals-line
122. .upload-box
123. .draggable-items
124. .draggable-item
125. .switch-option-list
126. .switch-option
127. .notification-box-list
128. .notification-box
129. .create-entity-box
130. .earning-stat-box
131. .status-info
-------------------------------------------------------------------*/
/*--------------------
    1. LINED TEXT
--------------------*/
.lined-text {
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  position: relative;
}

.lined-text::before, .lined-text::after {
  content: '';
  width: 70px;
  height: 1px;
  background-color: var(--color-divider);
  position: absolute;
  top: 7px;
}

.lined-text::before {
  left: 0;
}

.lined-text::after {
  right: 0;
}

/*-----------------------
    2. SOCIAL LINKS
-----------------------*/
.social-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
}

.social-links.align-left {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.social-links.small .social-link {
  margin-right: 8px;
}

.social-links.small .social-link:last-child {
  margin-right: 0;
}

.social-links.vertical {
  -ms-flex-direction: column;
      flex-direction: column;
}

.social-links.vertical .social-link {
  margin: 0 0 16px 0;
}

.social-links.vertical .social-link:last-child {
  margin: 0;
}

.social-links.multiline {
  margin-top: -12px;
}

.social-links.multiline .social-link {
  margin: 12px 12px 0 0;
}

.social-links.multiline .social-link:last-child {
  margin-right: 0;
}

.social-links .social-link {
  margin-right: 12px;
}

.social-links .social-link:last-child {
  margin-right: 0;
}

/*-----------------------
    3. SOCIAL LINK
-----------------------*/
.social-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background-color: #3e3f5e;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.social-link.small {
  width: 32px;
  height: 32px;
  border-radius: 8px;
}

.social-link.small .social-link-icon {
  width: 10px;
  height: 10px;
}

.social-link.no-hover:hover {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.social-link:hover {
  -webkit-transform: translate(0, -4px);
          transform: translate(0, -4px);
}

.social-link.facebook {
  background-color: #3763d2;
}

.social-link.twitter {
  background-color: #1abcff;
}

.social-link.twitch {
  background-color: #7b5dfa;
}

.social-link.youtube {
  background-color: #fd434f;
}

.social-link.instagram {
  background-color: #f8468d;
}

.social-link.patreon {
  background-color: #ff7a51;
}

.social-link.discord {
  background-color: #7289da;
}

.social-link.behance {
  background-color: #3486f5;
}

.social-link.deviantart {
  background-color: #32e1d3;
}

.social-link.artstation {
  background-color: #00e194;
}

.social-link.dribbble {
  background-color: #f761ab;
}

.social-link.spotify {
  background-color: #1dd05d;
}

.social-link.snapchat {
  background-color: #ffe400;
}

.social-link.skype {
  background-color: #01a9ea;
}

.social-link.reddit {
  background-color: #f74300;
}

.social-link.pinterest {
  background-color: #cd2e3f;
}

.social-link.messenger {
  background-color: #0084ff;
}

.social-link.linkedin {
  background-color: #0077b5;
}

.social-link.github {
  background-color: #303742;
}

.social-link.whatsapp {
  background-color: #2fbe38;
}

.social-link.vk {
  background-color: #5181b8;
}

.social-link.tumblr {
  background-color: #4c6d93;
}

.social-link.tiktok {
  background-color: #000000;
}

.social-link.unsplash {
  background-color: #000000;
}

.social-link.flickr {
  background-color: #f761ab;
}

.social-link.void {
  background-color: #fff;
  box-shadow: var(--color-overbox-shadow);
}

.social-link.void.facebook .icon-facebook {
  fill: #3763d2;
}

.social-link.void.twitter .icon-twitter {
  fill: #1abcff;
}

/*-----------------------
    4. TAB SWITCH
-----------------------*/
.tab-switch {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.tab-switch .tab-switch-button:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.tab-switch .tab-switch-button:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

/*---------------------------
    5. TAB SWITCH BUTTON
---------------------------*/
.tab-switch-button {
  width: 180px;
  height: 54px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 54px;
  text-align: center;
  cursor: pointer;
  transition: background-color .3s ease-in-out, color .3s ease-in-out;
}

.tab-switch-button.active {
  color: #3e3f5e;
  background-color: #fff;
  cursor: auto;
}

/*-----------------------------
    6. ACTION REQUEST LIST
-----------------------------*/
.action-request-list {
  display: -ms-flexbox;
  display: flex;
}

.action-request-list .action-request {
  margin-right: 12px;
}

.action-request-list .action-request:last-child {
  margin-right: 0;
}

.action-request-list .tag-sticker {
  width: 40px;
  height: 40px;
}

/*------------------------
    7. ACTION REQUEST
------------------------*/
.action-request {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  color: #adafca;
  font-size: 0.75rem;
  font-weight: 700;
  cursor: pointer;
  transition: border-color .2s ease-in-out, background-color .2s ease-in-out, color .2s ease-in-out;
}

.action-request.with-text {
  width: auto;
  padding: 0 32px 0 22px;
}

.action-request.with-text .action-request-icon {
  margin-right: 12px;
}

.action-request:hover {
  color: #fff;
}

.action-request:hover .action-request-icon {
  fill: #fff;
  opacity: 1;
}

.action-request.accept:hover {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
}

.action-request.accept:hover .loader-spinner:after {
  background-color: var(--color-secondary);
}

.action-request.decline:hover {
  background-color: var(--color-tertiary);
  border-color: var(--color-tertiary);
}

.action-request.decline:hover .loader-spinner:after {
  background-color: var(--color-tertiary);
}

.action-request .action-request-icon {
  fill: var(--color-icon);
  opacity: .6;
  transition: fill .2s ease-in-out, opacity .2s ease-in-out;
  pointer-events: none;
}

.action-request .loader-spinner:after {
  transition: background-color .2s ease-in-out;
}

/*-----------------------------
    8. BURGER ICON
-----------------------------*/
.burger-icon {
  width: 20px;
  height: 14px;
  position: relative;
}

.burger-icon.open .burger-icon-bar:nth-child(1) {
  width: 100%;
}

.burger-icon.open .burger-icon-bar:nth-child(2) {
  width: 14px;
}

.burger-icon.open .burger-icon-bar:nth-child(3) {
  width: 10px;
}

.burger-icon.inverted .burger-icon-bar {
  left: 0;
}

.burger-icon.inverted .burger-icon-bar:nth-child(1) {
  width: 100%;
}

.burger-icon.inverted .burger-icon-bar:nth-child(2) {
  width: 14px;
}

.burger-icon.inverted .burger-icon-bar:nth-child(3) {
  width: 10px;
}

.burger-icon .burger-icon-bar {
  height: 2px;
  background-color: #fff;
  position: absolute;
  right: 0;
  transition: width .4s ease-in-out;
}

.burger-icon .burger-icon-bar:nth-child(1) {
  top: 0;
  width: 10px;
}

.burger-icon .burger-icon-bar:nth-child(2) {
  top: 6px;
  width: 14px;
}

.burger-icon .burger-icon-bar:nth-child(3) {
  top: 12px;
  width: 100%;
}

/*-----------------------------
    9. ACTION LIST
-----------------------------*/
.action-list {
  display: -ms-flexbox;
  display: flex;
  padding: 0 18px;
  position: relative;
}

.action-list::after, .action-list::before {
  content: '';
  width: 1px;
  height: 32px;
  background-color: var(--color-border);
  position: absolute;
}

.action-list::after {
  left: 0;
}

.action-list::before {
  right: 0;
}

.action-list.dark::after, .action-list.dark::before {
  background-color: var(--color-header-divider);
}

.action-list.dark .action-list-item:hover .action-list-item-icon, .action-list.dark .action-list-item.active .action-list-item-icon, .action-list.dark .action-list-item.unread .action-list-item-icon,
.action-list.dark .action-list-item-icon-wrap:hover .action-list-item-icon,
.action-list.dark .action-list-item-icon-wrap.active .action-list-item-icon,
.action-list.dark .action-list-item-icon-wrap.unread .action-list-item-icon {
  fill: var(--color-header-icon-hover);
}

.action-list.dark .action-list-item .action-list-item-icon,
.action-list.dark .action-list-item-icon-wrap .action-list-item-icon {
  fill: var(--color-header-icon);
}

.action-list .action-list-item:hover .action-list-item-icon, .action-list .action-list-item.active .action-list-item-icon, .action-list .action-list-item.unread .action-list-item-icon,
.action-list .action-list-item-icon-wrap:hover .action-list-item-icon,
.action-list .action-list-item-icon-wrap.active .action-list-item-icon,
.action-list .action-list-item-icon-wrap.unread .action-list-item-icon {
  fill: #3e3f5e;
}

.action-list .action-list-item.unread,
.action-list .action-list-item-icon-wrap.unread {
  position: relative;
}

.action-list .action-list-item.unread::after,
.action-list .action-list-item-icon-wrap.unread::after {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--color-primary-light);
  position: absolute;
}

.action-list .action-list-item.unread::after {
  top: 26px;
  right: 10px;
}

.action-list .action-list-item-icon-wrap.unread::after {
  top: -4px;
  right: -4px;
}

.action-list .action-list-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
  padding: 0 14px;
  cursor: pointer;
}

.action-list .action-list-item .action-list-item-icon {
  fill: var(--color-icon);
  transition: fill .3s ease-in-out;
}

.action-list .action-list-item.action-list-item-hidden {
  display: none;
}

/*-----------------------------
    10. ACTION ITEM
-----------------------------*/
.action-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}

.action-item .action-item-icon {
  fill: #adafca;
}

.action-item .action-item-text {
  margin-left: 28px;
  font-size: 0.875rem;
  font-weight: 700;
}

.action-item.hoverable .action-item-icon {
  fill: var(--color-header-icon);
  transition: fill .3s ease-in-out;
}

.action-item.hoverable:hover .action-item-icon {
  fill: var(--color-header-icon-hover);
}

.action-item.dark .action-item-icon {
  fill: var(--color-header-profile-settings-icon);
}

/*-----------------------------
    11. USER STATS
-----------------------------*/
.user-stats {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.user-stats .user-stat {
  width: 100%;
  position: relative;
}

.user-stats .user-stat.big::after {
  top: 8px;
}

.user-stats .user-stat::after {
  content: '';
  width: 1px;
  height: 20px;
  background-color: var(--color-divider);
  position: absolute;
  top: 6px;
  right: 0;
}

.user-stats .user-stat:last-child::after {
  display: none;
}

/*-----------------------------
    12. USER STAT
-----------------------------*/
.user-stat.big .reference-bullet {
  margin: 0 auto 20px;
}

.user-stat.big .user-stat-title {
  font-size: 1.375rem;
}

.user-stat.big .user-stat-text {
  font-size: 0.75rem;
}

.user-stat .user-stat-title,
.user-stat .user-stat-text {
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}

.user-stat .user-stat-title {
  font-size: 0.875rem;
}

.user-stat .user-stat-title .user-stat-title-icon.positive {
  fill: var(--color-primary);
}

.user-stat .user-stat-title .user-stat-title-icon.negative {
  fill: #f9515c;
}

.user-stat .user-stat-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.user-stat .user-stat-icon + .user-stat-text {
  margin-top: 12px;
}

.user-stat .user-stat-image {
  display: block;
  width: 24px;
  height: 16px;
}

.user-stat .user-stat-image + .user-stat-text {
  margin-top: 15px;
}

.user-stat .user-stat-text {
  margin-top: 10px;
  color: var(--color-text-alt-2);
  font-size: 0.6875rem;
}

.user-stat .rating-list {
  margin-top: 10px;
}

/*-----------------------------
    13. BADGE LIST
-----------------------------*/
.badge-list {
  display: grid;
  -ms-flex-pack: center;
      justify-content: center;
  grid-template-columns: repeat(auto-fit, 32px);
  grid-gap: 14px;
}

.badge-list.align-left {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.badge-list.medium {
  grid-gap: 18px 14px;
}

.badge-list.small {
  grid-gap: 8px;
}

/*-----------------------------
    14. BADGE ITEM
-----------------------------*/
.badge-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 32px;
  position: relative;
}

.badge-item.badge-item-more {
  height: 35px;
}

.badge-item.badge-item-more img {
  position: absolute;
  top: 0;
  left: 0;
}

.badge-item img {
  width: 100%;
  height: auto;
}

.badge-item .badge-item-text {
  color: #fff;
  font-size: 0.6875rem;
  font-weight: 700;
  position: relative;
  top: 1px;
  z-index: 2;
}

/*-----------------------------
    15. TAG LIST
-----------------------------*/
.tag-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -12px;
}

.tag-list .tag-item {
  margin: 12px 12px 0 0;
}

/*-----------------------------
    16. TAG ITEM
-----------------------------*/
.tag-item {
  display: block;
  height: 24px;
  padding: 0 12px;
  border-radius: 200px;
  background-color: #3e3f5e;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 24px;
}

.tag-item.secondary {
  background-color: var(--color-secondary);
  transition: background-color .2s ease-in-out;
}

.tag-item.secondary:hover {
  color: #fff;
  background-color: var(--color-primary);
}

.tag-item.secondary:focus {
  border: none;
  background-color: var(--color-primary);
}

/*-----------------------------
    17. XM TOOLTIP TEXT
-----------------------------*/
.xm-tooltip-text {
  padding: 0 12px;
  border-radius: 200px;
  background-color: #3e3f5e;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 24px;
}

/*--------------------------------
    18. USER SHORT DESCRIPTION
--------------------------------*/
.user-short-description {
  padding-top: 84px;
  position: relative;
}

.user-short-description.big {
  padding-top: 52px;
}

.user-short-description.big .user-short-description-avatar {
  top: -116px;
  margin-left: -74px;
}

.user-short-description.big .user-short-description-title {
  font-size: 1.5rem;
}

.user-short-description.big .user-short-description-text {
  font-size: 0.875rem;
}

.user-short-description.small {
  padding-top: 62px;
}

.user-short-description.small .user-short-description-avatar {
  margin-left: -50px;
}

.user-short-description.landscape {
  padding: 0 0 0 32px;
}

.user-short-description.landscape .user-short-description-avatar {
  top: 0;
  margin-left: 0;
}

.user-short-description.landscape .user-short-description-title,
.user-short-description.landscape .user-short-description-text {
  text-align: left;
}

.user-short-description.landscape.tiny .user-short-description-avatar {
  left: -25px;
  top: 50%;
  margin-top: -26px;
}

.user-short-description .user-short-description-avatar {
  position: absolute;
  top: -54px;
  left: 50%;
  margin-left: -60px;
}

.user-short-description .user-short-description-title,
.user-short-description .user-short-description-text {
  font-weight: 700;
  text-align: center;
}

.user-short-description .user-short-description-title {
  font-size: 1.125rem;
}

.user-short-description .user-short-description-title a {
  color: var(--color-text);
  font-weight: 700;
}

.user-short-description .user-short-description-title.small {
  font-size: 0.875rem;
}

.user-short-description .vikinger-pmpro-level-tag {
  margin-top: 4px;
}

.user-short-description .vikinger-pmpro-level-tag.vikinger-pmpro-level-tag_small {
  margin-top: 2px;
}

.user-short-description .vikinger-user-tag {
  margin-top: 4px;
}

.user-short-description .vikinger-user-tag.vikinger-user-tag_small {
  margin-top: 2px;
}

.user-short-description .user-short-description-text {
  margin-top: 6px;
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 500;
}

.user-short-description .user-short-description-text a {
  color: var(--color-text);
  font-weight: 500;
}

.user-short-description .user-short-description-text a:hover {
  color: var(--color-primary-dark);
}

/*-----------------------------
    19. USER PREVIEW WIDGET
-----------------------------*/
.user-preview-widget {
  border-radius: 12px;
  padding-bottom: 28px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
  position: relative;
}

.user-preview-widget .user-preview-widget-cover {
  height: 132px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.user-preview-widget .user-short-description.small {
  padding-top: 44px;
}

.user-preview-widget .user-short-description.small .user-short-description-avatar {
  top: -72px;
}

.user-preview-widget > .tag-sticker {
  position: absolute;
  top: 104px;
  right: 32px;
}

.user-preview-widget .user-preview-widget-footer > * {
  position: absolute;
  bottom: 32px;
}

.user-preview-widget .user-preview-widget-footer > *:first-child {
  left: 32px;
}

.user-preview-widget .user-preview-widget-footer > *:last-child {
  right: 32px;
}

.user-preview-widget .user-preview-widget-footer .button {
  width: 64px;
}

.user-preview-widget .user-preview-widget-footer .user-stats .user-stat {
  padding: 0;
}

.user-preview-widget .user-preview-widget-footer .user-stats .user-stat .user-stat-title,
.user-preview-widget .user-preview-widget-footer .user-stats .user-stat .user-stat-text {
  text-align: right;
}

/*-----------------------------
    19. SLIDER CONTROL
-----------------------------*/
.slider-control {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.slider-control.medium {
  width: 32px;
  height: 32px;
}

.slider-control.solid {
  background-color: var(--color-box-over-box-light-background);
  box-shadow: var(--color-overbox-shadow);
  border-radius: 10px;
  transition: background-color .2s ease-in-out;
}

.slider-control.solid .slider-control-icon {
  fill: var(--color-icon-highlighted);
  opacity: 1;
}

.slider-control.solid:hover {
  background-color: var(--color-primary);
}

.slider-control.solid:hover .slider-control-icon {
  fill: #fff;
}

.slider-control.negative .slider-control-icon {
  fill: #fff;
}

.slider-control.negative.disabled, .slider-control.negative[aria-disabled=true] {
  opacity: .4;
}

.slider-control.negative.disabled:hover .slider-control-icon, .slider-control.negative[aria-disabled=true]:hover .slider-control-icon {
  fill: #fff;
  opacity: .4;
}

.slider-control.negative:hover .slider-control-icon {
  fill: #fff;
  opacity: 1;
}

.slider-control.disabled, .slider-control[aria-disabled=true] {
  opacity: .5;
}

.slider-control.disabled:hover .slider-control-icon, .slider-control[aria-disabled=true]:hover .slider-control-icon {
  fill: var(--color-icon);
  opacity: .5;
}

.slider-control .slider-control-icon {
  fill: var(--color-icon);
  pointer-events: none;
  opacity: .6;
  transition: fill .2s ease-in-out, opacity .2s ease-in-out;
}

.slider-control.left .slider-control-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.slider-control:hover .slider-control-icon {
  fill: var(--color-icon-highlighted);
  opacity: 1;
}

/*-----------------------------
    20. SLIDER ROSTER
-----------------------------*/
.slider-roster {
  display: -ms-flexbox;
  display: flex;
}

.slider-roster .slider-roster-item {
  margin-right: 8px;
}

.slider-roster .slider-roster-item:last-child {
  margin-right: 0;
}

/*-----------------------------
    21. SLIDER ROSTER ITEM
-----------------------------*/
.slider-roster-item {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--color-icon-highlighted);
  opacity: .2;
  cursor: pointer;
}

.slider-roster-item.active {
  opacity: 1;
}

/*-----------------------------
    22. TAG STICKER
-----------------------------*/
.tag-sticker {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background-color: var(--color-box-over-box-light-background);
  box-shadow: var(--color-overbox-shadow);
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
}

.tag-sticker.small {
  height: 36px;
}

.tag-sticker.tertiary {
  background-color: var(--color-tertiary);
}

.tag-sticker .tag-sticker-icon {
  fill: var(--color-icon-highlighted);
}

.tag-sticker .tag-sticker-icon.spaced {
  position: relative;
  left: -12px;
}

.tag-sticker .tag-sticker-icon.white {
  fill: #fff;
}

.tag-sticker .tag-sticker-icon.primary {
  fill: var(--color-primary);
}

.tag-sticker .tag-sticker-icon.secondary {
  fill: var(--color-secondary);
}

.tag-sticker .tag-sticker-icon.tertiary {
  fill: var(--color-tertiary);
}

/*-----------------------------
    23. TEXT STICKER
-----------------------------*/
.text-sticker {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 32px;
  padding: 0 14px;
  border-radius: 200px;
  background-color: var(--color-box-over-box-light-background);
  box-shadow: var(--color-overbox-shadow);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 32px;
}

.text-sticker.round {
  border-radius: 12px;
}

.text-sticker .highlighted {
  color: var(--color-primary-dark);
}

.text-sticker .text-sticker-icon {
  margin-right: 6px;
  fill: var(--color-primary-dark);
}

.text-sticker .text-sticker-icon.tertiary {
  fill: var(--color-tertiary);
}

.text-sticker .text-sticker-image {
  margin-left: 4px;
  width: auto;
  height: 14px;
}

.text-sticker.small-text {
  font-size: 0.75rem;
}

.text-sticker.small {
  height: 24px;
  padding: 0 12px;
  font-size: 0.75rem;
  line-height: 24px;
}

.text-sticker.medium {
  height: 44px;
  padding: 0 16px;
  line-height: 44px;
}

.text-sticker.negative {
  color: #fff;
  background: #15151f;
}

.text-sticker.void {
  box-shadow: none;
  background-color: transparent;
}

/*-----------------------------
    24. DATE STICKER
-----------------------------*/
.date-sticker {
  width: 44px;
}

.date-sticker .date-sticker-day,
.date-sticker .date-sticker-month {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}

.date-sticker .date-sticker-day {
  padding: 10px 0 6px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: #3e3f5e;
  font-size: 1.25rem;
}

.date-sticker .date-sticker-month {
  padding: 4px 0;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background-color: var(--color-primary);
  font-size: 0.75rem;
}

/*-----------------------------
    25. DECORATED TEXT
-----------------------------*/
.decorated-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.decorated-text .decorated-text-icon {
  margin-right: 8px;
  fill: var(--color-primary);
}

.decorated-text .decorated-text-content {
  font-size: 0.875rem;
  font-weight: 500;
}

/*-----------------------------
    26. SIMPLE DROPDOWN
-----------------------------*/
.simple-dropdown {
  width: 140px;
  padding: 10px 0;
  border-radius: 12px;
  background-color: var(--color-box-over-box-light-background);
  box-shadow: var(--color-overbox-dark-shadow);
}

.simple-dropdown.padded {
  padding: 12px 16px 16px;
}

.simple-dropdown .simple-dropdown-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 8px 16px;
  color: var(--color-text);
  font-size: 0.75rem;
  font-weight: 700;
  cursor: pointer;
  transition: color .2s ease-in-out, padding-left .2s ease-in-out;
}

.simple-dropdown .simple-dropdown-link:hover {
  padding-left: 20px;
  color: var(--color-primary-dark);
}

.simple-dropdown .simple-dropdown-link .loader-spinner-wrap .loader-spinner::after {
  background-color: var(--color-box-over-box-light-background);
}

.simple-dropdown .simple-dropdown-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 0.75rem;
  font-weight: 500;
}

.simple-dropdown .simple-dropdown-text + .simple-dropdown-text {
  margin-top: 4px;
}

.simple-dropdown .simple-dropdown-text .reaction {
  margin-right: 4px;
}

.simple-dropdown .simple-dropdown-text .bold {
  font-weight: 700;
}

/*-----------------------------
    27. PARAGRAPH
-----------------------------*/
.paragraph {
  font-size: 0.875rem;
  line-height: 1.7142857143em;
  font-weight: 500;
  word-break: break-word;
}

/*--------------------------------
    28. INFORMATION LINE LIST
--------------------------------*/
.information-line-list .information-line {
  margin-bottom: 14px;
}

.information-line-list .information-line:last-child {
  margin-bottom: 0;
}

/*-----------------------------
    29. INFORMATION LINE
-----------------------------*/
.information-line {
  display: -ms-flexbox;
  display: flex;
}

.information-line .information-line-title,
.information-line .information-line-text {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4285714286em;
  word-break: break-word;
}

.information-line .information-line-title {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 80px;
  color: var(--color-text-alt);
}

.information-line .information-line-text a {
  word-break: break-word;
}

.information-line .information-line-text .bold {
  font-weight: 700;
}

/*---------------------------------
    30. INFORMATION BLOCK LIST
---------------------------------*/
.information-block-list .information-block {
  margin-bottom: 26px;
}

.information-block-list .information-block:last-child {
  margin-bottom: 0;
}

/*-----------------------------
    31. INFORMATION BLOCK
-----------------------------*/
.information-block .information-block-title {
  font-size: 0.875rem;
  font-weight: 700;
}

.information-block .information-block-text {
  margin-top: 10px;
  font-size: 0.875rem;
  line-height: 1.7142857143em;
  font-weight: 500;
}

/*------------------------------------
    32. TIMELINE INFORMATION LIST
------------------------------------*/
.timeline-information-list .timeline-information {
  padding-bottom: 24px;
}

.timeline-information-list .timeline-information:last-child {
  padding-bottom: 0;
}

.timeline-information-list .timeline-information:last-child::before {
  display: none;
}

/*---------------------------------
    33. TIMELINE INFORMATION
---------------------------------*/
.timeline-information {
  padding-left: 28px;
  position: relative;
}

.timeline-information::before {
  content: '';
  width: 1px;
  height: 100%;
  background-color: var(--color-divider);
  position: absolute;
  top: 0;
  left: 6px;
}

.timeline-information::after {
  content: '';
  width: 13px;
  height: 13px;
  border: 4px solid var(--color-primary);
  border-radius: 50%;
  position: absolute;
  top: -2px;
  left: 0;
}

.timeline-information .timeline-information-title {
  font-size: 0.875rem;
  font-weight: 700;
}

.timeline-information .timeline-information-date {
  margin-top: 6px;
  color: var(--color-text-alt-2);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.timeline-information .timeline-information-text {
  margin-top: 8px;
  font-size: 0.875rem;
  line-height: 1.7142857143em;
  font-weight: 500;
}

/*---------------------------------
    34. RATING LIST
---------------------------------*/
.rating-list {
  display: -ms-flexbox;
  display: flex;
}

.rating-list.form-rating .rating {
  cursor: pointer;
}

.rating-list .rating {
  margin-right: 3px;
}

.rating-list .rating.medium {
  margin-right: 4px;
}

.rating-list .rating:last-child {
  margin-right: 0;
}

.rating-list .rating:last-child.medium {
  margin-right: 0;
}

/*---------------------------------
    35. RATING
---------------------------------*/
.rating {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 9px;
  height: 8px;
}

.rating.dark .rating-icon {
  fill: #8f91ac;
}

.rating.dark.filled .rating-icon {
  fill: #fff10d;
}

.rating.medium {
  width: 13px;
  height: 12px;
}

.rating.filled .rating-icon {
  fill: #ffe00d;
}

.rating .rating-icon {
  fill: #eaeaf5;
}

/*---------------------------------
    36. FILTERS
---------------------------------*/
.filters {
  display: -ms-flexbox;
  display: flex;
}

.filters .filter {
  margin-right: 20px;
  padding-bottom: 4px;
  color: var(--color-text-alt-2);
  font-size: 0.875rem;
  font-weight: 700;
  opacity: .6;
  cursor: pointer;
  transition: color .2s ease-in-out, opacity .2s ease-in-out;
}

.filters .filter.active, .filters .filter:hover {
  color: var(--color-text);
  opacity: 1;
}

.filters .filter.active {
  border-bottom: 2px solid var(--color-primary);
}

.filters .filter:last-child {
  margin-right: 0;
}

/*---------------------------------
    37. FILTER TABS
---------------------------------*/
.filter-tabs {
  display: -ms-flexbox;
  display: flex;
}

.filter-tabs .filter-tab::before {
  content: '';
  width: 1px;
  height: 20px;
  background-color: var(--color-divider);
  position: absolute;
  top: 38px;
  left: 0;
}

.filter-tabs .filter-tab:last-child::after {
  content: '';
  width: 1px;
  height: 20px;
  background-color: var(--color-divider);
  position: absolute;
  top: 38px;
  right: 0;
}

/*---------------------------------
    38. FILTER TAB
---------------------------------*/
.filter-tab {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 162px;
  height: 100%;
  border-bottom: 4px solid transparent;
  cursor: pointer;
  position: relative;
  transition: border-color .2s ease-in-out;
}

.filter-tab.secondary.active {
  border-bottom-color: var(--color-secondary);
}

.filter-tab.active {
  border-bottom-color: var(--color-primary);
}

.filter-tab.active .filter-tab-text {
  color: var(--color-text);
}

.filter-tab .filter-tab-text {
  padding: 4px 0;
  color: var(--color-text-alt-2);
  font-size: 0.875rem;
  font-weight: 700;
  transition: color .2s ease-in-out;
}

/*---------------------------------
    39. VIEW ACTIONS
---------------------------------*/
.view-actions {
  display: -ms-flexbox;
  display: flex;
}

.view-actions .view-action {
  margin-right: 26px;
}

.view-actions .view-action:last-child {
  margin-right: 0;
}

/*---------------------------------
    40. VIEW ACTION
---------------------------------*/
.view-action {
  cursor: pointer;
}

.view-action.active .view-action-icon, .view-action:hover .view-action-icon {
  fill: var(--color-icon-highlighted);
  opacity: 1;
}

.view-action .view-action-icon {
  fill: var(--color-icon);
  opacity: .4;
  transition: opacity .2s ease-in-out, fill .2s ease-in-out;
}

/*---------------------------------
    41. TWEETS
---------------------------------*/
.tweets .tweet {
  margin-bottom: 28px;
}

.tweets .tweet:last-child {
  margin-bottom: 0;
}

/*---------------------------------
    42. TWEET
---------------------------------*/
.tweet .tweet-author {
  display: block;
  min-height: 32px;
  padding-left: 40px;
  position: relative;
}

.tweet .tweet-author .tweet-author-image {
  position: absolute;
  top: 0;
  left: 0;
}

.tweet .tweet-author .tweet-author-title {
  font-size: 0.875rem;
  font-weight: 700;
}

.tweet .tweet-author .tweet-author-text {
  margin-top: 6px;
  font-size: 0.75rem;
  font-weight: 500;
}

.tweet .tweet-text {
  display: block;
  margin-top: 16px;
  font-size: 0.875rem;
  line-height: 1.7142857143em;
  font-weight: 500;
}

.tweet .tweet-text .highlighted {
  color: var(--color-primary-dark);
  font-weight: 600;
}

.tweet .tweet-timestamp {
  margin-top: 12px;
  color: var(--color-text-alt);
  font-size: 0.75rem;
  font-weight: 500;
}

/*---------------------------------
    43. PLAY BUTTON
---------------------------------*/
.play-button {
  width: 46px;
  height: 46px;
  padding: 12px 0 0 15px;
  border: 4px solid var(--color-primary);
  border-radius: 50%;
  background-color: rgba(21, 21, 31, 0.96);
}

.play-button .play-button-icon {
  display: block;
}

.play-button.medium {
  width: 60px;
  height: 60px;
  border-width: 6px;
  padding: 15px 0 0 18px;
}

.play-button.centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 0;
}

.post-format-tag,
.gallery-popup-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background-color: var(--color-primary);
  box-shadow: 3px 5px 20px 0px rgba(94, 92, 154, 0.3);
}

.post-format-tag .post-format-tag-icon {
  fill: #fff;
}

.gallery-popup-button {
  cursor: pointer;
  transition: background-color .2s ease-in-out;
}

.gallery-popup-button:hover {
  background-color: var(--color-primary-hover);
}

/*---------------------------------
    44. MEDIA LINK PREVIEW
---------------------------------*/
.media-link-preview {
  position: relative;
}

.media-link-preview.disabled {
  opacity: .5;
}

.media-link-preview .media-link-preview-close-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 18px;
  height: 18px;
  border-bottom-left-radius: 6px;
  background-color: var(--color-tertiary);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  cursor: pointer;
}

.media-link-preview .media-link-preview-close-button .media-link-preview-close-button-icon {
  width: 8px;
  height: 8px;
  pointer-events: none;
}

/*---------------------------------
    44. IFRAME WRAP
---------------------------------*/
.iframe-wrap {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

.iframe-wrap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/*---------------------------------
    44. VIDEO WRAP
---------------------------------*/
.video-wrap {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

.video-wrap video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/*---------------------------------
    45. POPUP VIDEO
---------------------------------*/
.popup-video {
  width: 80%;
  opacity: 0;
  visibility: hidden;
}

/*---------------------------------
    46. POPUP PICTURE
---------------------------------*/
.popup-picture {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
}

.popup-picture .widget-box {
  width: 384px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.popup-picture .widget-box .widget-box-status .widget-box-status-header .user-status {
  padding-right: 0;
}

.popup-picture .widget-box .meta-line.settings {
  margin-left: 22px;
}

.popup-picture .widget-box .meta-line.settings .post-settings {
  width: 22px;
}

.popup-picture .popup-picture-image-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  height: 100%;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  background-color: #15151f;
}

.popup-picture .popup-picture-image-wrap .popup-picture-image {
  max-width: 100%;
  max-height: 90%;
}

.popup-picture .popup-picture-image-wrap .video-wrap video {
  max-height: 90%;
  top: 5%;
}

/*---------------------------------
    47. POPUP EVENT
---------------------------------*/
.popup-event {
  width: 90%;
  max-width: 584px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  opacity: 0;
  visibility: hidden;
}

.popup-event .popup-event-cover {
  width: 100%;
  height: 204px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.popup-event .popup-event-info {
  padding: 32px 28px;
  position: relative;
}

.popup-event .popup-event-info .user-avatar-list {
  margin-top: 18px;
}

.popup-event .popup-event-info .g-map {
  height: 260px;
  margin-top: 22px;
}

.popup-event .popup-event-title {
  font-size: 1.5rem;
  font-weight: 700;
}

.popup-event .popup-event-subtitle {
  margin-top: 32px;
  font-size: 1rem;
  font-weight: 700;
}

.popup-event .popup-event-text {
  margin-top: 16px;
  font-size: 0.875rem;
  line-height: 1.7142857143em;
  font-weight: 500;
  color: var(--color-text);
}

.popup-event .decorated-feature-list {
  margin-top: 14px;
}

.popup-event .popup-event-button {
  width: 200px;
  position: absolute;
  top: -30px;
  right: 28px;
}

.popup-event > .content-actions {
  border-top: 1px solid var(--color-divider);
  margin: 0 28px;
}

/*---------------------------------
    48. POPUP CLOSE BUTTON
---------------------------------*/
.popup-close-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background-color: var(--color-secondary-dark);
  cursor: pointer;
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 2;
  transition: background-color .2s ease-in-out;
}

.popup-close-button:hover {
  background-color: var(--color-primary);
}

.popup-close-button .popup-close-button-icon {
  pointer-events: none;
}

/*---------------------------------
    49. DECORATED FEATURE LIST
---------------------------------*/
.decorated-feature-list {
  margin-top: -18px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.decorated-feature-list .decorated-feature {
  width: 50%;
  margin-top: 18px;
}

/*---------------------------------
    50. DECORATED FEATURE
---------------------------------*/
.decorated-feature {
  display: -ms-flexbox;
  display: flex;
}

.decorated-feature .decorated-feature-icon {
  margin-top: 6px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  fill: var(--color-primary);
}

.decorated-feature .decorated-feature-info {
  margin-left: 12px;
}

.decorated-feature .decorated-feature-title {
  font-size: 1rem;
  font-weight: 700;
}

.decorated-feature .decorated-feature-text {
  margin-top: 2px;
  color: #8f91ac;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4285714286em;
}

/*---------------------------------
    51. META LINE
---------------------------------*/
.meta-line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.meta-line + .meta-line {
  margin-left: 22px;
}

.meta-line .meta-line-list + .meta-line-text {
  margin-left: 10px;
}

.meta-line.settings {
  margin-left: 14px;
}

.meta-line.settings .post-settings {
  width: 22px;
  height: 22px;
}

.meta-line.settings + .meta-line {
  margin-left: 14px;
}

.meta-line .meta-line-text {
  font-size: 0.75rem;
  font-weight: 700;
}

.meta-line .meta-line-text.meta-line-text-trigger {
  cursor: pointer;
}

.meta-line .meta-line-text a {
  color: var(--color-text);
  font-weight: 700;
}

.meta-line .meta-line-link {
  font-size: 0.75rem;
  font-weight: 700;
  cursor: pointer;
  transition: color .2s ease-in-out;
}

.meta-line .meta-line-link.light {
  color: var(--color-text-alt-2);
}

.meta-line .meta-line-link:hover {
  color: var(--color-primary-dark);
}

.meta-line .meta-line-timestamp {
  color: var(--color-text-alt);
  font-size: 0.75rem;
  font-weight: 500;
}

.meta-line .meta-line-timestamp a {
  color: var(--color-text);
  font-weight: 700;
}

.meta-line .meta-line-timestamp a:hover {
  color: var(--color-primary-dark);
}

.meta-line .meta-line-timestamp.meta-line-timestamp_edited {
  margin-top: -8px;
}

.meta-line .meta-line-timestamp .user-avatar {
  display: inline-block;
  position: relative;
  top: 6px;
  left: auto;
  margin: 0 4px;
}

/*---------------------------------
    52. REACTION OPTIONS
---------------------------------*/
.reaction-options {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 64px;
  padding: 0 16px;
  border-radius: 200px;
  background-color: var(--color-box-over-box-light-background);
  box-shadow: var(--color-overbox-dark-shadow);
}

.reaction-options.small {
  height: 40px;
}

.reaction-options.small .reaction-option {
  width: 20px;
  height: 20px;
}

.reaction-options .reaction-option {
  width: 40px;
  height: 40px;
  margin-right: 8px;
  cursor: pointer;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.reaction-options .reaction-option:last-child {
  margin-right: 0;
}

.reaction-options .reaction-option:hover {
  -webkit-transform: translate(0, -4px);
          transform: translate(0, -4px);
}

.reaction-options .reaction-option .reaction-option-image {
  width: 100%;
  height: 100%;
}

/*---------------------------------
    53. POST OPTIONS
---------------------------------*/
.post-options {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  height: 65px;
  padding: 0 28px;
  border-top: 1px solid var(--color-divider);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background-color: var(--color-box-background-alt);
}

.post-options .post-option,
.post-options .post-option-wrap {
  width: 200px;
  margin-right: 8px;
}

.post-options .post-option:last-child,
.post-options .post-option-wrap:last-child {
  margin-right: 0;
}

.post-options .post-option .post-option,
.post-options .post-option-wrap .post-option {
  width: 100%;
  margin-right: 0;
}

/*---------------------------------
    54. POST OPTION
---------------------------------*/
.post-option {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 160px;
  height: 44px;
  border-radius: 12px;
  cursor: pointer;
  transition: box-shadow .2s ease-in-out, background-color .2s ease-in-out;
}

.post-option.no-text {
  width: 80px;
}

.post-option.no-text .post-option-icon {
  margin-right: 0;
}

.post-option.reaction-active, .post-option.active, .post-option:hover {
  background-color: var(--color-box-over-box-light-background);
  box-shadow: var(--color-overbox-shadow);
}

.post-option.reaction-active .post-option-icon, .post-option.active .post-option-icon, .post-option:hover .post-option-icon {
  fill: var(--color-primary);
  opacity: 1;
}

.post-option.reaction-active .post-option-text, .post-option.active .post-option-text, .post-option:hover .post-option-text {
  color: var(--color-text);
}

.post-option .post-option-icon,
.post-option .post-option-image {
  margin-right: 16px;
}

.post-option .post-option-icon {
  fill: var(--color-icon);
  opacity: .6;
  transition: fill .2s ease-in-out, opacity .2s ease-in-out;
}

.post-option .post-option-icon.icon-thumbs-up {
  position: relative;
  top: -2px;
}

.post-option .post-option-image {
  width: 20px;
  height: 20px;
}

.post-option .post-option-text {
  color: var(--color-text-alt-2);
  font-size: 1rem;
  font-weight: 700;
  transition: color .2s ease-in-out;
}

/*---------------------------------
    55. POST SETTINGS
---------------------------------*/
.post-settings {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 40px;
  height: 30px;
  cursor: pointer;
}

.post-settings .post-settings-icon {
  fill: var(--color-icon);
  opacity: 1;
  transition: fill .2s ease-in-out;
}

.post-settings.active .post-settings-icon, .post-settings:hover .post-settings-icon {
  fill: var(--color-icon-highlighted);
}

/*---------------------------------
    56. SLIDER LINE
---------------------------------*/
.slider-line {
  height: 120px;
  padding: 0 48px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
  position: relative;
}

.slider-line.small {
  height: 100px;
}

.slider-line.small .slider-controls {
  top: 40px;
}

.slider-line.small .slider-slides .user-stat {
  height: 100px;
}

.slider-line.medium {
  height: 160px;
}

.slider-line.medium .slider-controls {
  top: 70px;
}

.slider-line.medium .slider-slides.with-separator .slider-slide::before {
  height: 40px;
  top: 60px;
}

.slider-line.medium .slider-slides.with-separator .slider-slide:last-child::after {
  height: 40px;
  top: 60px;
}

.slider-line.medium .slider-slides .reaction-stat {
  height: 160px;
}

.slider-line .slider-controls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  padding: 0 14px;
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 1;
}

.slider-line .slider-slides {
  position: relative;
  z-index: 2;
}

.slider-line .slider-slides.with-separator .slider-slide {
  position: relative;
}

.slider-line .slider-slides.with-separator .slider-slide::before {
  content: '';
  width: 1px;
  height: 20px;
  background-color: var(--color-divider);
  position: absolute;
  top: 40px;
  left: 0;
}

.slider-line .slider-slides.with-separator .slider-slide:last-child::after {
  content: '';
  width: 1px;
  height: 20px;
  background-color: var(--color-divider);
  position: absolute;
  top: 40px;
  right: 0;
}

.slider-line .slider-slides .stat-block {
  height: 120px;
  padding-left: 28px;
  -ms-flex-align: center;
      align-items: center;
}

.slider-line .slider-slides .user-stat {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}

.slider-line .slider-slides .reaction-stat {
  -ms-flex-pack: center;
      justify-content: center;
}

/*---------------------------------
    57. STAT BLOCK LIST
---------------------------------*/
.stat-block-list .stat-block {
  margin-bottom: 22px;
}

.stat-block-list .stat-block:last-child {
  margin-bottom: 0;
}

/*---------------------------------
    58. STAT BLOCK
---------------------------------*/
.stat-block {
  display: -ms-flexbox;
  display: flex;
  min-height: 48px;
}

.stat-block .stat-block-decoration {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(-145deg, #41efff, #615dfa);
  margin-right: 16px;
}

.stat-block .stat-block-decoration .stat-block-decoration-icon {
  fill: #fff;
}

.stat-block .stat-block-info {
  margin-top: 6px;
}

.stat-block .stat-block-info .stat-block-title {
  color: var(--color-text-alt-2);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.stat-block .stat-block-info .stat-block-text {
  margin-top: 8px;
  font-size: 1rem;
  font-weight: 700;
}

/*---------------------------------
    59. ACHIEVEMENT STATUS LIST
---------------------------------*/
.achievement-status-list {
  display: -ms-flexbox;
  display: flex;
}

.achievement-status-list .achievement-status {
  width: 50%;
}

.achievement-status-list .achievement-status .achievement-status-info {
  position: relative;
}

.achievement-status-list .achievement-status .achievement-status-info::after {
  content: '';
  width: 1px;
  height: 100%;
  background-color: var(--color-divider);
  position: absolute;
  top: 0;
  right: 0;
}

.achievement-status-list .achievement-status:last-child .achievement-status-info::after {
  display: none;
}

/*---------------------------------
    60. ACHIEVEMENT STATUS
---------------------------------*/
.achievement-status {
  text-align: center;
}

.achievement-status .achievement-status-progress {
  font-size: 1.375rem;
  font-weight: 700;
}

.achievement-status .achievement-status-info {
  margin-top: 14px;
}

.achievement-status .achievement-status-info .achievement-status-title {
  font-size: 0.875rem;
  font-weight: 700;
}

.achievement-status .achievement-status-info .achievement-status-text {
  margin-top: 6px;
  color: var(--color-text-alt-2);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.achievement-status .achievement-status-image {
  display: block;
  margin: 22px auto 0;
}

/*---------------------------------
    61. PAGE LOADER
---------------------------------*/
.page-loader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 100%;
  background-color: var(--color-loading-screen-background);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  transition: opacity .4s ease-in-out, visibility .4s ease-in-out;
}

.page-loader.hidden {
  opacity: 0;
  visibility: hidden;
}

.page-loader .page-loader-logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.page-loader .page-loader-info .page-loader-info-title,
.page-loader .page-loader-info .page-loader-info-text {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}

.page-loader .page-loader-info .page-loader-info-title {
  margin-top: 24px;
  font-family: var(--font-secondary);
  font-size: 1.75rem;
  font-weight: 900;
}

.page-loader .page-loader-info .page-loader-info-text {
  margin-top: 10px;
  font-size: 0.75rem;
  font-weight: 700;
}

.page-loader .page-loader-indicator {
  margin-top: 60px;
}

/*---------------------------------
    62. REACTION COUNT LIST
---------------------------------*/
.reaction-count-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.reaction-count-list.landscape {
  -ms-flex-direction: row;
      flex-direction: row;
}

.reaction-count-list.landscape .reaction-count {
  margin: 0 32px 0 0;
}

.reaction-count-list.landscape .reaction-count:last-child {
  margin: 0;
}

.reaction-count-list .reaction-count {
  margin-bottom: 22px;
}

.reaction-count-list .reaction-count:last-child {
  margin-bottom: 0;
}

/*---------------------------------
    63. REACTION COUNT
---------------------------------*/
.reaction-count {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.reaction-count.negative .reaction-count-icon {
  fill: var(--color-primary-light);
}

.reaction-count.negative .reaction-count-text {
  color: #fff;
}

.reaction-count .reaction-count-icon {
  fill: var(--color-primary);
}

.reaction-count .reaction-count-text {
  margin-left: 16px;
  font-size: 0.75rem;
  font-weight: 700;
  position: relative;
  top: 1px;
}

/*---------------------------------
    64. UPLOAD ITEM LIST
---------------------------------*/
.upload-item-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, 168px);
  grid-gap: 16px 22px;
  -ms-flex-pack: center;
      justify-content: center;
}

/*---------------------------------
    65. UPLOAD ITEM
---------------------------------*/
.upload-item:first-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 168px;
  background-color: var(--color-primary);
  border-radius: 12px;
  cursor: pointer;
}

.upload-item:first-child .icon-plus {
  pointer-events: none;
}

.upload-item .upload-item-image {
  width: 100%;
  height: 168px;
  border-radius: 12px;
}

.upload-item .form-input,
.upload-item .checkbox-wrap {
  margin-top: 16px;
}

/*---------------------------------
    66. SIMPLE ACCORDION LIST
---------------------------------*/
.simple-accordion-list .simple-accordion {
  margin-bottom: 22px;
}

.simple-accordion-list .simple-accordion:last-child {
  margin-bottom: 0;
}

/*---------------------------------
    67. SIMPLE ACCORDION
---------------------------------*/
.simple-accordion .simple-accordion-header {
  position: relative;
}

.simple-accordion .simple-accordion-header.selected .simple-accordion-icon .icon-plus-small {
  display: none;
}

.simple-accordion .simple-accordion-header.selected .simple-accordion-icon .icon-minus-small {
  display: block;
}

.simple-accordion .simple-accordion-header .simple-accordion-title {
  padding-right: 16px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 20px;
  cursor: pointer;
}

.simple-accordion .simple-accordion-header .simple-accordion-icon {
  position: absolute;
  top: 4px;
  right: 0;
  cursor: pointer;
}

.simple-accordion .simple-accordion-header .simple-accordion-icon .icon-plus-small,
.simple-accordion .simple-accordion-header .simple-accordion-icon .icon-minus-small {
  fill: var(--color-primary);
}

.simple-accordion .simple-accordion-header .simple-accordion-icon .icon-plus-small {
  display: block;
}

.simple-accordion .simple-accordion-header .simple-accordion-icon .icon-minus-small {
  display: none;
}

.simple-accordion .simple-accordion-header .simple-accordion-content {
  margin-top: 20px;
}

.simple-accordion .simple-accordion-header .simple-accordion-content .simple-accordion-text {
  font-size: 0.875rem;
  line-height: 1.7142857143em;
  font-weight: 500;
}

/*---------------------------------
    68. WEEK BOX
---------------------------------*/
.week-box {
  display: -ms-flexbox;
  display: flex;
  background-color: var(--color-box-background);
  border-radius: 12px;
  box-shadow: var(--color-overbox-shadow);
}

.week-box .week-box-item {
  width: 14.2857142857%;
  position: relative;
}

.week-box .week-box-item::after {
  content: '';
  width: 1px;
  height: 20px;
  background-color: var(--color-divider);
  position: absolute;
  top: 40px;
  right: 0;
}

.week-box .week-box-item:last-child::after {
  display: none;
}

/*---------------------------------
    69. WEEK BOX ITEM
---------------------------------*/
.week-box-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 100px;
}

.week-box-item.active {
  border-bottom: 4px solid var(--color-primary);
}

.week-box-item.active .week-box-item-title {
  color: var(--color-primary-dark);
}

.week-box-item.active .week-box-item-text {
  color: var(--color-text);
}

.week-box-item .week-box-item-title,
.week-box-item .week-box-item-text {
  font-weight: 700;
  text-transform: uppercase;
}

.week-box-item .week-box-item-title {
  font-size: 1.375rem;
}

.week-box-item .week-box-item-text {
  margin-top: 10px;
  color: var(--color-text-alt-2);
  font-size: 0.75rem;
}

/*---------------------------------
    70. FORUM CATEGORY
---------------------------------*/
.forum-category {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.forum-category .forum-category-image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.forum-category .forum-category-info {
  margin-left: 28px;
}

.forum-category .forum-category-info .forum-category-title {
  font-size: 1.125rem;
  font-weight: 700;
}

.forum-category .forum-category-info .forum-category-title a {
  color: var(--color-text);
  font-weight: 700;
}

.forum-category .forum-category-info .forum-category-text {
  margin-top: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4285714286em;
}

.forum-category .forum-category-info .forum-category-link {
  margin-top: 16px;
  font-size: 0.875rem;
  font-weight: 700;
}

.forum-category .forum-category-info .forum-category-link a {
  color: var(--color-text);
  font-weight: 700;
}

.forum-category .forum-category-info .forum-category-link a:hover {
  color: var(--color-primary-dark);
}

/*---------------------------------
    71. DISCUSSION PREVIEW
---------------------------------*/
.discussion-preview.pinned .discussion-preview-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.discussion-preview.pinned .discussion-preview-title::before {
  content: 'Pinned';
  height: 20px;
  padding: 0 8px;
  margin-right: 12px;
  border-radius: 200px;
  background-color: var(--color-primary);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 20px;
}

.discussion-preview .discussion-preview-title {
  font-size: 1rem;
  font-weight: 700;
}

.discussion-preview .discussion-preview-title + .discussion-preview-meta {
  margin-top: 8px;
}

.discussion-preview .page-items {
  margin-top: 12px;
}

.discussion-preview .discussion-preview-meta {
  margin-top: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.discussion-preview .discussion-preview-meta .discussion-preview-meta-text {
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 500;
}

.discussion-preview .discussion-preview-meta .discussion-preview-meta-text a {
  color: var(--color-text);
  font-weight: 700;
}

.discussion-preview .discussion-preview-meta .discussion-preview-meta-text a.highlighted {
  color: var(--color-primary-dark);
}

.discussion-preview .discussion-preview-meta .discussion-preview-meta-text .separator {
  margin: 0 8px;
}

.discussion-preview .discussion-preview-meta .user-avatar,
.discussion-preview .discussion-preview-meta .user-avatar-circle {
  margin: 0 6px;
}

/*---------------------------------
    72. PAGE ITEMS
---------------------------------*/
.page-items {
  display: -ms-flexbox;
  display: flex;
}

.page-items .page-item {
  margin-right: 6px;
}

.page-items .page-item:last-child {
  margin-right: 0;
}

/*---------------------------------
    73. PAGE ITEM
---------------------------------*/
.page-item {
  height: 24px;
  padding: 0 8px;
  border-radius: 8px;
  background-color: var(--color-box-over-box-light-background);
  box-shadow: var(--color-overbox-shadow);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 24px;
}

.page-item.void {
  box-shadow: none;
}

/*---------------------------------
    74. QUICK POST
---------------------------------*/
.quick-post {
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.quick-post.disabled {
  pointer-events: none;
}

.quick-post.disabled .video-wrap {
  opacity: .5;
}

.quick-post.medium .quick-post-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-height: 82px;
  padding-left: 28px;
}

.quick-post.medium .quick-post-body .form-textarea textarea {
  min-height: 200px;
}

.quick-post.medium .quick-post-footer {
  min-height: 92px;
}

.quick-post.medium .quick-post-footer .quick-post-footer-actions .button {
  width: 120px;
}

.quick-post.medium .quick-post-footer .quick-post-footer-actions .button:last-child {
  width: 140px;
}

.quick-post .quick-post-header {
  border-bottom: 1px solid var(--color-divider);
}

.quick-post .quick-post-header .quick-post-header-filters-wrap {
  min-height: 80px;
  padding: 0 28px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.quick-post .quick-post-header .quick-post-header-filters-wrap .quick-post-header-filters .form-row.split .form-item {
  min-width: 120px;
}

.quick-post .quick-post-header .quick-post-header-title {
  font-size: 1rem;
  font-weight: 700;
}

.quick-post .quick-post-header .option-items {
  height: 65px;
  background-color: var(--color-box-background);
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
}

.quick-post .quick-post-header .option-items .option-item {
  width: 33.3333333333%;
}

.quick-post .quick-post-header .option-items .option-item::after {
  top: 22px;
}

.quick-post .quick-post-body {
  position: relative;
}

.quick-post .quick-post-body.with-share-data {
  background-color: var(--color-box-background-alt);
  padding-bottom: 28px;
}

.quick-post .quick-post-body.with-share-data > .widget-box {
  margin: 0 28px;
}

.quick-post .quick-post-body.with-share-data .widget-box-status {
  padding-bottom: 32px;
  margin-bottom: 0;
}

.quick-post .quick-post-body .form-textarea {
  background-color: var(--color-box-background-alt);
}

.quick-post .quick-post-body .form-textarea textarea {
  background-color: var(--color-box-background-alt);
  border-radius: 0;
  border: none;
}

.quick-post .quick-post-body .form-textarea textarea::-webkit-input-placeholder {
  font-weight: 500;
}

.quick-post .quick-post-body .form-textarea textarea::-moz-placeholder {
  font-weight: 500;
}

.quick-post .quick-post-body .form-textarea textarea:-ms-input-placeholder {
  font-weight: 500;
}

.quick-post .quick-post-body .form-textarea textarea::-ms-input-placeholder {
  font-weight: 500;
}

.quick-post .quick-post-body .form-textarea textarea::placeholder {
  font-weight: 500;
}

.quick-post .quick-post-body .form-textarea-limit {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  background-color: var(--color-box-background-alt);
}

.quick-post .quick-post-body .form-textarea-limit .loader-spinner-wrap .loader-spinner::after {
  background-color: var(--color-box-background-alt);
}

.quick-post .quick-post-body .form-textarea-limit .form-textarea-limit-text {
  color: var(--color-text-alt-2);
}

.quick-post .quick-post-body .uploadable-item-list {
  padding: 18px 28px;
  border-top: 1px solid var(--color-divider);
}

.quick-post .quick-post-footer-wrap {
  padding: 0 28px;
  border-top: 1px solid var(--color-divider);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.quick-post .quick-post-footer-errors {
  padding-top: 12px;
}

.quick-post .quick-post-footer-errors .quick-post-footer-error {
  margin-bottom: 12px;
}

.quick-post .quick-post-footer-errors .quick-post-footer-error:last-child {
  margin-bottom: 0;
}

.quick-post .quick-post-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  min-height: 76px;
}

.quick-post .quick-post-footer .quick-post-footer-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.quick-post .quick-post-footer .quick-post-footer-actions .quick-post-footer-action {
  margin-right: 22px;
}

.quick-post .quick-post-footer .quick-post-footer-actions .quick-post-footer-action:last-child {
  margin-right: 0;
}

.quick-post .quick-post-footer .quick-post-footer-actions .button {
  width: 80px;
  margin-right: 6px;
}

.quick-post .quick-post-footer .quick-post-footer-actions .button:last-child {
  margin-right: 0;
}

.quick-post .quick-post-footer .quick-post-footer-action {
  cursor: pointer;
}

.quick-post .quick-post-footer .quick-post-footer-action:hover .quick-post-footer-action-icon {
  fill: var(--color-icon-highlighted);
}

.quick-post .quick-post-footer .quick-post-footer-action .quick-post-footer-action-icon {
  transition: fill .2s ease-in-out;
}

/*---------------------------------
    75. MENTION LIST
---------------------------------*/
.mention-list {
  width: 180px;
  padding: 8px 0;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
  position: absolute;
  z-index: 10000;
  overflow-y: auto;
}

.mention-list .mention-list-error-text {
  padding: 0 16px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 28px;
}

.mention-list .mention-list-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 28px;
  padding: 0 16px;
  cursor: pointer;
}

.mention-list .mention-list-item.active {
  background-color: var(--color-box-hover-background);
}

.mention-list .mention-list-item .user-avatar,
.mention-list .mention-list-item .user-avatar-circle {
  margin-right: 6px;
  position: relative;
  top: auto;
  left: auto;
}

.mention-list .mention-list-item .mention-list-item-text {
  font-size: 0.75rem;
  font-weight: 700;
}

.mention-list .mention-list-item .mention-list-item-text .highlighted {
  color: var(--color-primary);
}

/*---------------------------------
    75. OPTION ITEMS
---------------------------------*/
.option-items {
  display: -ms-flexbox;
  display: flex;
}

.option-items .option-item {
  position: relative;
}

.option-items .option-item::after {
  content: '';
  width: 1px;
  height: 20px;
  background-color: var(--color-divider);
  position: absolute;
  top: 0;
  right: 0;
}

.option-items .option-item:last-child::after {
  display: none;
}

/*---------------------------------
    76. OPTION ITEM
---------------------------------*/
.option-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}

.option-item.active {
  border-bottom: 4px solid var(--color-primary);
}

.option-item.active .option-item-icon {
  fill: var(--color-icon-highlighted);
}

.option-item.active .option-item-title {
  color: var(--color-text);
}

.option-item .option-item-icon {
  margin-right: 16px;
  fill: var(--color-icon);
}

.option-item .option-item-title {
  color: var(--color-text-alt-2);
  font-size: 0.75rem;
  font-weight: 700;
}

/*---------------------------------
    77. STATS BOX
---------------------------------*/
.stats-box {
  height: 220px;
  padding: 90px 28px 0;
  border-radius: 12px;
}

.stats-box.small {
  height: 142px;
  padding-top: 32px;
}

.stats-box.small .stats-box-value {
  font-size: 1.75rem;
}

.stats-box.small .stats-box-title {
  font-size: 0.875rem;
}

.stats-box.small.stat-profile-views {
  background: url("img/graph/stat/01.jpg") no-repeat center;
  background-size: cover;
}

.stats-box.small.stat-posts-created {
  background: url("img/graph/stat/02.jpg") no-repeat center;
  background-size: cover;
}

.stats-box.small.stat-reactions-received {
  background: url("img/graph/stat/03.jpg") no-repeat center;
  background-size: cover;
}

.stats-box.small.stat-comments-received {
  background: url("img/graph/stat/04.jpg") no-repeat center;
  background-size: cover;
}

.stats-box.stat-profile-views {
  background: url("img/graph/stat/01-big.png") no-repeat center;
  background-size: cover;
}

.stats-box.stat-posts-created {
  background: url("img/graph/stat/02-big.png") no-repeat center;
  background-size: cover;
}

.stats-box.stat-reactions-received {
  background: url("img/graph/stat/03-big.png") no-repeat center;
  background-size: cover;
}

.stats-box.stat-comments-received {
  background: url("img/graph/stat/04-big.png") no-repeat center;
  background-size: cover;
}

.stats-box .stats-box-value,
.stats-box .stats-box-diff-value,
.stats-box .stats-box-title,
.stats-box .stats-box-text {
  color: #fff;
}

.stats-box .stats-box-value-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
}

.stats-box .stats-box-value-wrap .stats-box-diff {
  margin-left: 12px;
}

.stats-box .stats-box-value {
  font-size: 2rem;
  font-weight: 700;
}

.stats-box .stats-box-diff {
  margin-left: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  top: 2px;
}

.stats-box .stats-box-diff .stats-box-diff-icon {
  margin-right: 4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #fff;
}

.stats-box .stats-box-diff .stats-box-diff-icon .icon-plus-small,
.stats-box .stats-box-diff .stats-box-diff-icon .icon-minus-small {
  width: 6px;
  height: 6px;
}

.stats-box .stats-box-diff .stats-box-diff-icon.positive {
  border-color: var(--color-primary-light);
}

.stats-box .stats-box-diff .stats-box-diff-icon.positive .icon-plus-small {
  fill: var(--color-primary-light);
}

.stats-box .stats-box-diff .stats-box-diff-icon.negative {
  border-color: #ff5384;
}

.stats-box .stats-box-diff .stats-box-diff-icon.negative .icon-minus-small {
  fill: #ff5384;
}

.stats-box .stats-box-diff .stats-box-diff-value {
  font-size: 0.75rem;
  font-weight: 700;
  position: relative;
  top: 1px;
}

.stats-box .stats-box-title {
  margin-top: 10px;
  font-size: 1rem;
  font-weight: 700;
}

.stats-box .stats-box-text {
  margin-top: 2px;
  font-size: 0.75rem;
  font-weight: 500;
}

/*---------------------------------
    78. STATS BOX SLIDER
---------------------------------*/
.stats-box-slider {
  position: relative;
}

.stats-box-slider .stats-box-slider-controls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  padding: 28px 28px 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.stats-box-slider .stats-box-slider-controls .stats-box-slider-controls-title {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
}

.stats-box-slider .stats-box-slider-controls .slider-controls {
  display: -ms-flexbox;
  display: flex;
}

.stats-box-slider .stats-box-slider-controls .slider-controls .slider-control:first-child {
  margin-right: 2px;
}

/*---------------------------------
    79. REACTION STATS
---------------------------------*/
.reaction-stats {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.reaction-stats .reaction-stat {
  width: 114px;
  position: relative;
}

.reaction-stats .reaction-stat::after {
  content: '';
  width: 1px;
  height: 40px;
  background-color: var(--color-divider);
  position: absolute;
  top: 32px;
  right: 0;
}

.reaction-stats .reaction-stat:last-child::after {
  display: none;
}

/*---------------------------------
    80. REACTION STAT
---------------------------------*/
.reaction-stat {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.reaction-stat .reaction-stat-image {
  width: 40px;
  height: 40px;
}

.reaction-stat .reaction-stat-title {
  margin-top: 16px;
  font-size: 1.375rem;
  font-weight: 700;
}

.reaction-stat .reaction-stat-text {
  margin-top: 8px;
  color: var(--color-text-alt-2);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

/*---------------------------------
    81. SIMPLE TAB ITEMS
---------------------------------*/
.simple-tab-items {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid var(--color-divider);
}

.simple-tab-items .simple-tab-item {
  margin-right: 40px;
}

.simple-tab-items .simple-tab-item:last-child {
  margin-right: 0;
}

.simple-tab-items .form {
  display: none;
}

/*---------------------------------
    82. SIMPLE TAB ITEM
---------------------------------*/
.simple-tab-item {
  height: 36px;
  color: var(--color-text-alt-2);
  font-size: 0.875rem;
  font-weight: 700;
  opacity: .6;
  cursor: pointer;
}

.simple-tab-item.active {
  border-bottom: 4px solid var(--color-primary);
  color: var(--color-text);
  opacity: 1;
}

/*---------------------------------
    83. BANNER PROMO
---------------------------------*/
.banner-promo {
  display: block;
  width: 100%;
  max-width: 284px;
  height: auto;
  border-radius: 12px;
  margin: 0 auto;
}

.banner-promo img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}

/*---------------------------------
    84. POLL BOX
---------------------------------*/
.poll-box {
  padding: 32px 28px;
  border-radius: 12px;
  background-color: var(--color-box-over-box-background);
  box-shadow: var(--color-overbox-shadow);
}

.poll-box .poll-title {
  font-size: 1rem;
  font-weight: 700;
}

.poll-box .poll-text {
  margin-top: 4px;
  font-size: 0.875rem;
  line-height: 1.7142857143em;
  font-weight: 500;
  color: var(--color-text-alt);
}

.poll-box .form,
.poll-box .poll-results {
  margin-top: 28px;
}

.poll-box .poll-box-actions {
  margin-top: 40px;
}

.poll-box .poll-box-actions .button {
  width: 140px;
  margin-right: 16px;
}

.poll-box .poll-box-actions .button:last-child {
  margin-right: 0;
}

/*---------------------------------
    85. POLL RESULTS
---------------------------------*/
.poll-results .poll-result {
  margin-bottom: 22px;
}

.poll-results .poll-result:last-child {
  margin-bottom: 0;
}

/*---------------------------------
    86. POLL RESULT
---------------------------------*/
.poll-result .progress-stat {
  max-width: 472px;
}

.poll-result .meta-line {
  margin-top: 10px;
}

/*---------------------------------
    87. PICTURE COLLAGE
---------------------------------*/
.picture-collage .picture-collage-row {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 6px;
}

.picture-collage .picture-collage-row:last-child {
  margin-bottom: 0;
}

.picture-collage .picture-collage-row.medium .picture-collage-item {
  width: 50%;
  height: 240px;
}

.picture-collage .picture-collage-row .picture-collage-item {
  width: 33.3333333333%;
  height: 160px;
  margin-right: 6px;
  position: relative;
  cursor: pointer;
}

.picture-collage .picture-collage-row .picture-collage-item:last-child {
  margin-right: 0;
}

.picture-collage .picture-collage-row .picture-collage-item .photo-preview-wrap {
  width: 100%;
  height: 100%;
}

.picture-collage .picture-collage-row .picture-collage-item .photo-preview-wrap .photo-preview {
  width: 100%;
  height: 100%;
}

.picture-collage .picture-collage-row .picture-collage-item .picture-collage-item-overlay {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background-color: rgba(35, 210, 226, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.picture-collage .picture-collage-row .picture-collage-item .picture-collage-item-overlay .picture-collage-item-overlay-text {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
}

/*---------------------------------
    88. QUOTE BOX
---------------------------------*/
.quote-box {
  padding: 26px 28px;
  border-radius: 12px;
  background-color: var(--color-box-over-box-background);
  box-shadow: var(--color-overbox-shadow);
  position: relative;
}

.quote-box .quote-box-icon {
  fill: var(--color-primary);
  opacity: .1;
  position: absolute;
  top: 14px;
  left: 14px;
}

.quote-box .quote-box-text {
  font-size: 0.875rem;
  line-height: 1.7142857143em;
  font-weight: 500;
}

/*---------------------------------
    89. STATS DECORATION
---------------------------------*/
.stats-decoration {
  height: 96px;
  padding: 28px 0 0 88px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
  position: relative;
}

.stats-decoration.secondary .stats-decoration-icon-wrap {
  background-color: var(--color-secondary);
}

.stats-decoration.primary .stats-decoration-icon-wrap {
  background-color: var(--color-primary);
}

.stats-decoration.v2 {
  height: 118px;
  padding: 24px 0 0 28px;
}

.stats-decoration.v2 .stats-decoration-title {
  font-size: 1.75rem;
}

.stats-decoration.v2 .stats-decoration-subtitle {
  margin-top: 8px;
  font-size: 0.875rem;
  font-weight: 700;
}

.stats-decoration.v2 .stats-decoration-text {
  margin-top: 6px;
}

.stats-decoration.v2 .percentage-diff {
  position: absolute;
  top: 24px;
  right: 28px;
}

.stats-decoration.v2.big {
  height: 213px;
  padding: 46px 0 0;
  text-align: center;
}

.stats-decoration.v2.big.secondary {
  background: url("img/graph/stat/05-big.png") repeat-x center bottom var(--color-box-background);
}

.stats-decoration.v2.big.primary {
  background: url("img/graph/stat/06-big.png") repeat-x center bottom var(--color-box-background);
}

.stats-decoration.v2.big .stats-decoration-title {
  font-size: 3rem;
}

.stats-decoration .stats-decoration-icon-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  position: absolute;
  top: 26px;
  left: 28px;
  z-index: 1;
}

.stats-decoration .stats-decoration-icon-wrap .stats-decoration-icon {
  fill: #fff;
}

.stats-decoration .stats-decoration-title {
  font-size: 1.375rem;
  font-weight: 700;
}

.stats-decoration .stats-decoration-text {
  margin-top: 8px;
  color: var(--color-text-alt-2);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

/*---------------------------------
    90. PERCENTAGE DIFF
---------------------------------*/
.percentage-diff {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.percentage-diff .percentage-diff-icon-wrap {
  margin-right: 4px;
}

.percentage-diff .percentage-diff-text {
  font-size: 0.75rem;
  font-weight: 700;
}

/*-----------------------------------
    91. PERCENTAGE DIFF ICON WRAP
-----------------------------------*/
.percentage-diff-icon-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  border-radius: 50%;
}

.percentage-diff-icon-wrap.positive {
  border-color: var(--color-primary);
}

.percentage-diff-icon-wrap.positive .percentage-diff-icon {
  fill: var(--color-primary);
}

.percentage-diff-icon-wrap.negative {
  border-color: #ff5384;
}

.percentage-diff-icon-wrap.negative .percentage-diff-icon {
  fill: #ff5384;
}

.percentage-diff-icon-wrap .percentage-diff-icon {
  width: 6px;
  height: 6px;
}

/*---------------------------------
    92. SIDEBAR BOX
---------------------------------*/
.sidebar-box {
  padding: 32px 28px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.sidebar-box.no-padding {
  padding: 0;
}

.sidebar-box.margin-top {
  margin-top: 56px;
}

.sidebar-box .sidebar-box-title {
  margin-top: 36px;
  font-size: 1rem;
  font-weight: 700;
}

.sidebar-box .sidebar-box-title.medium-space {
  margin-top: 60px;
}

.sidebar-box .sidebar-box-title:first-child {
  margin-top: 0;
}

.sidebar-box .sidebar-menu + .button {
  margin-top: 28px;
}

.sidebar-box .sidebar-menu + .sidebar-box-footer {
  border-top: 1px solid var(--color-divider);
}

.sidebar-box .sidebar-box-footer {
  padding: 28px;
}

.sidebar-box .sidebar-box-footer .button:first-child {
  margin-top: 0;
}

.sidebar-box .sidebar-box-items {
  margin-top: 36px;
}

.sidebar-box .sidebar-box-items:first-child {
  margin-top: 0;
}

.sidebar-box .sidebar-box-items.small-space {
  margin-top: 32px;
}

.sidebar-box .sidebar-box-items .form-input.small {
  width: 80px;
}

.sidebar-box .sidebar-box-items .user-status + .badge-list {
  margin-top: 20px;
}

.sidebar-box .sidebar-box-items .totals-line-list + .totals-line-list {
  margin-top: 26px;
}

.sidebar-box .sidebar-box-items .totals-line-list + .button {
  margin-top: 36px;
}

.sidebar-box .sidebar-box-items .totals-line-list + .price-title {
  margin-top: 32px;
}

.sidebar-box .sidebar-box-items .price-title {
  text-align: center;
}

.sidebar-box .sidebar-box-items .price-title + .totals-line-list {
  margin-top: 32px;
}

.sidebar-box .sidebar-box-items .badge-list + .button {
  margin-top: 32px;
}

.sidebar-box .sidebar-box-items .price-title + .form {
  margin-top: 40px;
}

.sidebar-box .sidebar-box-items .form .checkbox-wrap + .checkbox-wrap {
  margin-top: 22px;
}

.sidebar-box .sidebar-box-items .form + .button {
  margin-top: 30px;
}

.sidebar-box .sidebar-box-items .button + .user-stats {
  margin-top: 60px;
}

.sidebar-box .button {
  width: 100%;
  margin-top: 22px;
}

.sidebar-box .button.small-space {
  margin-top: 16px;
}

/*---------------------------------
    93. SIDEBAR MENU
---------------------------------*/
.sidebar-menu .sidebar-menu-item:first-child .sidebar-menu-header {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.sidebar-menu .sidebar-menu-item:last-child {
  border-bottom: none;
}

.sidebar-menu .sidebar-menu-item:last-child:not(.selected) .sidebar-menu-header {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.sidebar-menu .sidebar-menu-item:last-child .sidebar-menu-body {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.sidebar-menu.round-borders .sidebar-menu-item:last-child .sidebar-menu-header,
.sidebar-menu.round-borders .sidebar-menu-item:last-child .sidebar-menu-body {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

/*---------------------------------
    94. SIDEBAR MENU ITEM
---------------------------------*/
.sidebar-menu-item {
  border-bottom: 1px solid var(--color-divider);
}

.sidebar-menu-item.sidebar-menu-item-disable-header .sidebar-menu-body {
  border-top: none;
  border-radius: 12px;
  background-color: var(--color-box-background);
}

.sidebar-menu-item.selected .sidebar-menu-header .sidebar-menu-header-control-icon .sidebar-menu-header-control-icon-open {
  display: block;
}

.sidebar-menu-item.selected .sidebar-menu-header .sidebar-menu-header-control-icon .sidebar-menu-header-control-icon-closed {
  display: none;
}

/*---------------------------------
    95. SIDEBAR MENU HEADER
---------------------------------*/
.sidebar-menu-header {
  height: 112px;
  padding: 28px 26px 0 60px;
  background-color: var(--color-box-background);
  cursor: pointer;
  position: relative;
}

.sidebar-menu-header .sidebar-menu-header-icon {
  fill: var(--color-primary);
  position: absolute;
  top: 28px;
  left: 28px;
}

.sidebar-menu-header .sidebar-menu-header-control-icon .sidebar-menu-header-control-icon-open,
.sidebar-menu-header .sidebar-menu-header-control-icon .sidebar-menu-header-control-icon-closed {
  fill: var(--color-icon-highlighted);
  position: absolute;
  top: 32px;
  right: 28px;
}

.sidebar-menu-header .sidebar-menu-header-control-icon .sidebar-menu-header-control-icon-open {
  display: none;
}

.sidebar-menu-header .sidebar-menu-header-title {
  font-size: 1rem;
  font-weight: 700;
}

.sidebar-menu-header .sidebar-menu-header-text {
  margin-top: 4px;
  color: var(--color-text-alt);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.3333333333em;
}

/*---------------------------------
    96. SIDEBAR MENU BODY
---------------------------------*/
.sidebar-menu-body {
  padding: 12px 0 12px 60px;
  border-top: 1px solid var(--color-divider);
  background-color: var(--color-box-background-alt);
}

.sidebar-menu-body.secondary .sidebar-menu-link:hover, .sidebar-menu-body.secondary .sidebar-menu-link.active {
  color: var(--color-secondary);
}

.sidebar-menu-body .sidebar-menu-link {
  display: block;
  height: 34px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 34px;
  cursor: pointer;
  transition: color .25s ease-in-out, -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out, color .25s ease-in-out;
  transition: transform .2s ease-in-out, color .25s ease-in-out, -webkit-transform .2s ease-in-out;
}

.sidebar-menu-body .sidebar-menu-link:hover, .sidebar-menu-body .sidebar-menu-link.active {
  color: var(--color-primary-dark);
  -webkit-transform: translate(4px, 0);
          transform: translate(4px, 0);
}

/*---------------------------------
    97. PRICE TITLE
---------------------------------*/
.price-title {
  font-size: 0.875rem;
  font-weight: 700;
}

.price-title.separator-bottom {
  padding-bottom: 32px;
  border-bottom: 1px solid var(--color-divider);
}

.price-title .currency {
  color: var(--color-primary-dark);
}

.price-title.big {
  font-size: 2.875rem;
}

/*---------------------------------
    98. PROMO LINE
---------------------------------*/
.promo-line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  min-height: 98px;
  padding: 0 20px 0 32px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.promo-line .promo-line-text {
  width: 310px;
  color: var(--color-text-alt);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4285714286em;
}

.promo-line .promo-line-actions {
  display: -ms-flexbox;
  display: flex;
}

.promo-line .promo-line-actions .form-input {
  margin-right: 16px;
}

.promo-line .form-input {
  width: 240px;
}

.promo-line .button {
  width: 180px;
}

/*---------------------------------
    99. TAB BOX
---------------------------------*/
.tab-box {
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.tab-box .tab-box-options {
  display: -ms-flexbox;
  display: flex;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.tab-box .tab-box-options .tab-box-option:first-child {
  border-top-left-radius: 12px;
}

.tab-box .tab-box-options .tab-box-option:last-child {
  border-right: none;
  border-top-right-radius: 12px;
}

.tab-box .tab-box-option {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 66px;
  border-bottom: 1px solid var(--color-divider);
  border-right: 1px solid var(--color-divider);
  background-color: var(--color-box-background-alt);
  cursor: pointer;
}

.tab-box .tab-box-option .tab-box-option-title {
  color: var(--color-text-alt-2);
  font-size: 0.875rem;
  font-weight: 700;
}

.tab-box .tab-box-option .tab-box-option-title .highlighted {
  color: var(--color-primary-dark);
}

.tab-box .tab-box-option.active {
  background-color: var(--color-box-background);
  border-bottom: none;
}

.tab-box .tab-box-option.active .tab-box-option-title {
  color: var(--color-text);
}

.tab-box .tab-box-item .tab-box-item-content {
  padding: 0 28px 48px;
}

.tab-box .tab-box-item .tab-box-item-content .tab-box-item-title {
  margin-top: 48px;
  font-size: 1.375rem;
  font-weight: 700;
}

.tab-box .tab-box-item .tab-box-item-content .tab-box-item-paragraph {
  margin-top: 28px;
  font-size: 0.875rem;
  line-height: 1.7142857143em;
  font-weight: 500;
}

.tab-box .tab-box-item .tab-box-item-content .bullet-item-list {
  margin-top: 32px;
}

/*---------------------------------
    100. BULLET ITEM LIST
---------------------------------*/
.bullet-item-list .bullet-item {
  margin-bottom: 12px;
}

.bullet-item-list .bullet-item:last-child {
  margin-bottom: 0;
}

/*---------------------------------
    101. BULLET ITEM
---------------------------------*/
.bullet-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.bullet-item .bullet-item-icon {
  margin-right: 12px;
  fill: var(--color-primary);
}

.bullet-item .bullet-item-text {
  font-size: 0.875rem;
  font-weight: 700;
}

/*---------------------------------
    102. ORDERED ITEM LIST
---------------------------------*/
.ordered-item-list .ordered-item {
  margin-bottom: 12px;
}

.ordered-item-list .ordered-item:last-child {
  margin-bottom: 0;
}

/*---------------------------------
    103. ORDERED ITEM
---------------------------------*/
.ordered-item {
  display: -ms-flexbox;
  display: flex;
}

.ordered-item .ordered-item-bullet {
  width: 28px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.7142857143em;
}

.ordered-item .ordered-item-text {
  font-size: 0.875rem;
  line-height: 1.7142857143em;
  font-weight: 500;
}

/*---------------------------------
    104. PROFILE STATS
---------------------------------*/
.profile-stats {
  padding-bottom: 32px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.profile-stats.fixed-height {
  height: 558px;
  padding-bottom: 0;
}

.profile-stats .profile-stats-cover {
  height: 160px;
  padding-top: 34px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background: url("img/banner/banner-profile-stats.jpg") no-repeat center;
  background-size: cover;
}

.profile-stats .profile-stats-cover .profile-stats-cover-title,
.profile-stats .profile-stats-cover .profile-stats-cover-text {
  color: #fff;
  text-align: center;
}

.profile-stats .profile-stats-cover .profile-stats-cover-title {
  font-size: 1.5rem;
  font-weight: 700;
}

.profile-stats .profile-stats-cover .profile-stats-cover-text {
  margin-top: 4px;
  font-size: 1rem;
  font-weight: 500;
}

.profile-stats .profile-stats-info .user-avatar,
.profile-stats .profile-stats-info .user-avatar-circle {
  margin: -60px auto 0;
}

.profile-stats .profile-stats-info .featured-stat-list {
  margin-top: 18px;
}

.profile-stats .profile-stats-info .featured-stat-list + .featured-stat-list {
  margin-top: 38px;
}

/*---------------------------------
    105. FEATURED STAT LIST
---------------------------------*/
.featured-stat-list {
  display: -ms-flexbox;
  display: flex;
}

.featured-stat-list .featured-stat {
  width: 100%;
  position: relative;
}

.featured-stat-list .featured-stat::after {
  content: '';
  width: 1px;
  height: 40px;
  background-color: var(--color-divider);
  position: absolute;
  top: 52px;
  right: 0;
}

.featured-stat-list .featured-stat:last-child::after {
  display: none;
}

/*---------------------------------
    106. FEATURED STAT
---------------------------------*/
.featured-stat {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.featured-stat .featured-stat-icon {
  fill: var(--color-icon-highlighted);
}

.featured-stat .featured-stat-title {
  margin-top: 20px;
  font-size: 1.375rem;
  font-weight: 700;
}

.featured-stat .featured-stat-subtitle {
  margin-top: 12px;
  font-size: 0.875rem;
  font-weight: 700;
}

.featured-stat .featured-stat-text {
  margin-top: 6px;
  color: var(--color-text-alt-2);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.featured-stat .progress-arc-wrap + .featured-stat-subtitle {
  margin-top: 20px;
}

/*---------------------------------
    107. FEATURED STAT BOX
---------------------------------*/
.featured-stat-box {
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.featured-stat-box.reactioner .featured-stat-box-cover {
  background: url("img/banner/banner-reaction.jpg") no-repeat center;
  background-size: cover;
}

.featured-stat-box.commenter .featured-stat-box-cover {
  background: url("img/banner/banner-commenter.jpg") no-repeat center;
  background-size: cover;
}

.featured-stat-box .featured-stat-box-cover {
  height: 120px;
  padding-top: 32px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.featured-stat-box .featured-stat-box-cover .featured-stat-box-cover-title,
.featured-stat-box .featured-stat-box-cover .featured-stat-box-cover-text {
  color: #fff;
  text-align: center;
}

.featured-stat-box .featured-stat-box-cover .featured-stat-box-cover-title {
  font-size: 1.5rem;
  font-weight: 700;
}

.featured-stat-box .featured-stat-box-cover .featured-stat-box-cover-text {
  margin-top: 6px;
  font-size: 0.875rem;
  font-weight: 500;
}

.featured-stat-box .featured-stat-box-info {
  padding-bottom: 28px;
}

.featured-stat-box .featured-stat-box-info .user-avatar,
.featured-stat-box .featured-stat-box-info .user-avatar-circle {
  margin: -30px auto 0;
}

.featured-stat-box .featured-stat-box-title,
.featured-stat-box .featured-stat-box-subtitle,
.featured-stat-box .featured-stat-box-text {
  text-align: center;
}

.featured-stat-box .featured-stat-box-title {
  margin-top: 8px;
  font-size: 1.375rem;
  font-weight: 700;
}

.featured-stat-box .featured-stat-box-subtitle {
  margin-top: 14px;
  font-size: 0.875rem;
  font-weight: 700;
}

.featured-stat-box .featured-stat-box-text {
  margin-top: 4px;
  color: var(--color-text-alt-2);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

/*---------------------------------
    108. ACHIEVEMENT BOX
---------------------------------*/
.achievement-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  min-height: 142px;
  padding: 0 28px;
  border-radius: 12px;
  box-shadow: var(--color-box-shadow);
}

.achievement-box.secondary {
  background: url("img/achievement/banner/01.jpg") no-repeat center;
  background-size: cover;
}

.achievement-box.primary {
  background: url("img/achievement/banner/02.jpg") no-repeat center;
  background-size: cover;
}

.achievement-box .achievement-box-info-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.achievement-box .achievement-box-info-wrap .achievement-box-image {
  margin-right: 16px;
}

.achievement-box .achievement-box-info-wrap .achievement-box-title,
.achievement-box .achievement-box-info-wrap .achievement-box-text {
  color: #fff;
}

.achievement-box .achievement-box-info-wrap .achievement-box-title {
  font-size: 1.5rem;
  font-weight: 700;
}

.achievement-box .achievement-box-info-wrap .achievement-box-text {
  margin-top: 8px;
  font-size: 0.875rem;
  font-weight: 500;
}

.achievement-box .achievement-box-info-wrap .achievement-box-text .bold {
  margin-right: 4px;
  font-weight: 700;
}

.achievement-box .button {
  width: 140px;
}

/*---------------------------------
    109. LEVEL PROGRESS BOX
---------------------------------*/
.level-progress-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-height: 120px;
  padding: 0 28px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.level-progress-box .level-progress-badge {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 28px;
}

.level-progress-box .progress-stat {
  width: 100%;
}

/*---------------------------------
    110. LEVEL PROGRESS BADGE
---------------------------------*/
.level-progress-badge {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  width: 88px;
  height: 86px;
  background: url("img/badge/level-badge.png") no-repeat center;
}

.level-progress-badge .level-progress-badge-title,
.level-progress-badge .level-progress-badge-text {
  color: #fff;
  text-align: center;
}

.level-progress-badge .level-progress-badge-title {
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
}

.level-progress-badge .level-progress-badge-text {
  margin-top: -3px;
  font-size: 1.75rem;
  font-weight: 700;
}

/*---------------------------------
    111. EXP LINE LIST
---------------------------------*/
.exp-line-list .exp-line {
  margin-bottom: 22px;
}

.exp-line-list .exp-line:last-child {
  margin-bottom: 0;
}

/*---------------------------------
    112. EXP LINE
---------------------------------*/
.exp-line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-right: 100px;
  position: relative;
}

.exp-line .exp-line-icon {
  fill: var(--color-icon);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 18px;
}

.exp-line .text-sticker {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 28px;
}

.exp-line .exp-line-text {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4285714286em;
}

.exp-line .exp-line-timestamp {
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 500;
  position: absolute;
  top: 10px;
  right: 0;
}

/*---------------------------------
    113. ACCOUNT STAT BOX
---------------------------------*/
.account-stat-box {
  padding: 32px 28px 100px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
  position: relative;
}

.account-stat-box.account-stat-active-users {
  background: url("img/graph/stat/07.png") no-repeat center bottom var(--color-box-background);
  background-size: contain;
}

.account-stat-box.account-stat-active-users .account-stat-box-icon-wrap {
  background-color: #615dfa;
}

.account-stat-box.account-stat-visits {
  background: url("img/graph/stat/08.png") no-repeat center bottom var(--color-box-background);
  background-size: contain;
}

.account-stat-box.account-stat-visits .account-stat-box-icon-wrap {
  background-color: #4f8dff;
}

.account-stat-box.account-stat-session-duration {
  background: url("img/graph/stat/09.png") no-repeat center bottom var(--color-box-background);
  background-size: contain;
}

.account-stat-box.account-stat-session-duration .account-stat-box-icon-wrap {
  background-color: #3ad2fe;
}

.account-stat-box.account-stat-returning-visitors {
  background: url("img/graph/stat/10.png") no-repeat center bottom var(--color-box-background);
  background-size: contain;
}

.account-stat-box.account-stat-returning-visitors .account-stat-box-icon-wrap {
  background-color: #23d2e2;
}

.account-stat-box .percentage-diff {
  position: absolute;
  top: 24px;
  right: 28px;
}

.account-stat-box .account-stat-box-icon-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin: 0 auto;
}

.account-stat-box .account-stat-box-icon-wrap .account-stat-box-icon {
  fill: #fff;
}

.account-stat-box .account-stat-box-title {
  margin-top: 24px;
  font-size: 3rem;
  font-weight: 700;
  text-align: center;
}

.account-stat-box .account-stat-box-subtitle {
  margin-top: 16px;
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
}

.account-stat-box .account-stat-box-text {
  margin-top: 10px;
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4285714286em;
  text-align: center;
}

/*---------------------------------
    114. REFERENCE ITEM LIST
---------------------------------*/
.reference-item-list {
  display: -ms-flexbox;
  display: flex;
}

.reference-item-list .reference-item {
  margin-right: 32px;
}

.reference-item-list .reference-item:last-child {
  margin-right: 0;
}

.reference-item-list.centered {
  -ms-flex-pack: center;
      justify-content: center;
}

/*---------------------------------
    115. REFERENCE ITEM
---------------------------------*/
.reference-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.reference-item .reference-bullet {
  margin-right: 6px;
}

.reference-item .reference-item-text {
  font-size: 0.75rem;
  font-weight: 700;
}

/*---------------------------------
    116. REFERENCE BULLET
---------------------------------*/
.reference-bullet {
  width: 8px;
  height: 8px;
  border-radius: 2px;
}

.reference-bullet.secondary {
  background-color: var(--color-secondary);
}

.reference-bullet.blue {
  background-color: #4f8dff;
}

.reference-bullet.light-blue {
  background-color: #3ad2fe;
}

.reference-bullet.primary {
  background-color: var(--color-primary);
}

/*---------------------------------
    117. COUNTRY STAT LIST
---------------------------------*/
.country-stat-list .country-stat {
  margin-bottom: 26px;
}

.country-stat-list .country-stat:last-child {
  margin-bottom: 0;
}

/*---------------------------------
    118. COUNTRY STAT
---------------------------------*/
.country-stat {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding-left: 30px;
  position: relative;
}

.country-stat.with-progress {
  padding-left: 50px;
}

.country-stat.with-progress .country-stat-image {
  width: 38px;
  height: 26px;
}

.country-stat .country-stat-image {
  width: 20px;
  height: 14px;
  position: absolute;
  top: -1px;
  left: 0;
}

.country-stat .country-stat-title,
.country-stat .country-stat-text {
  font-size: 0.875rem;
  font-weight: 700;
}

/*---------------------------------
    119. FULL WIDTH IMAGE
---------------------------------*/
.full-width-image {
  width: 100%;
  height: auto;
}

/*---------------------------------
    120. TOTALS LINE LIST
---------------------------------*/
.totals-line-list.separator-bottom {
  padding-bottom: 26px;
  border-bottom: 1px solid var(--color-divider);
}

.totals-line-list .totals-line {
  margin-bottom: 26px;
}

.totals-line-list .totals-line:last-child {
  margin-bottom: 0;
}

/*---------------------------------
    121. TOTALS LINE
---------------------------------*/
.totals-line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.totals-line .totals-line-title {
  font-size: 0.875rem;
  font-weight: 500;
}

.totals-line .totals-line-title .bold {
  color: var(--color-text);
  font-weight: 700;
}

.totals-line .totals-line-text {
  margin-top: 4px;
  font-size: 0.75rem;
  font-weight: 500;
}

.totals-line .price-title {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/*---------------------------------
    122. UPLOAD BOX
---------------------------------*/
.upload-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  min-height: 140px;
  padding: 32px 28px 28px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
  cursor: pointer;
  transition: box-shadow .25s ease-in-out, -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out, box-shadow .25s ease-in-out;
  transition: transform .2s ease-in-out, box-shadow .25s ease-in-out, -webkit-transform .2s ease-in-out;
}

.upload-box:hover {
  box-shadow: var(--color-overbox-dark-shadow);
  -webkit-transform: translate(0, -4px);
          transform: translate(0, -4px);
}

.upload-box:hover .upload-box-icon {
  fill: var(--color-primary);
}

.upload-box.upload-box-shadowed {
  box-shadow: var(--color-overbox-dark-shadow);
}

.upload-box.active {
  box-shadow: var(--color-overbox-dark-shadow);
}

.upload-box.active .upload-box-icon {
  fill: var(--color-primary);
}

.upload-box .upload-box-file-input {
  display: none;
}

.upload-box .upload-box-icon {
  fill: var(--color-icon);
  transition: fill .25s ease-in-out;
}

.upload-box .upload-box-title {
  margin-top: 26px;
  font-size: 0.875rem;
  font-weight: 700;
  max-width: 228px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.upload-box .upload-box-text {
  margin-top: 4px;
  color: var(--color-text-alt);
  font-size: 0.75rem;
  font-weight: 500;
}

/*---------------------------------
    123. DRAGGABLE ITEMS
---------------------------------*/
.draggable-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, 60px);
  grid-gap: 24px;
  -ms-flex-pack: center;
      justify-content: center;
}

/*---------------------------------
    124. DRAGGABLE ITEM
---------------------------------*/
.draggable-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 12px;
  background-color: var(--color-box-over-box-background);
  box-shadow: var(--color-overbox-shadow);
  cursor: pointer;
}

.draggable-item.empty {
  border: 2px dashed var(--color-divider);
  background-color: transparent;
  box-shadow: none;
  cursor: auto;
}

/*---------------------------------
    125. SWITCH OPTION LIST
---------------------------------*/
.switch-option-list .switch-option {
  margin-bottom: 26px;
}

.switch-option-list .switch-option:last-child {
  margin-bottom: 0;
}

/*---------------------------------
    126. SWITCH OPTION
---------------------------------*/
.switch-option {
  position: relative;
}

.switch-option .switch-option-title {
  font-size: 0.875rem;
  font-weight: 700;
}

.switch-option .switch-option-text {
  margin-top: 4px;
  color: #8f91ac;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4285714286em;
}

.switch-option .form-switch {
  position: absolute;
  top: 0;
  right: 0;
}

.switch-option .button {
  width: 260px;
  margin-top: 32px;
}

.switch-option .switch-option-meta {
  color: #8f91ac;
  font-size: 0.875rem;
  font-weight: 500;
  position: absolute;
  bottom: 12px;
  right: 0;
}

.switch-option .switch-option-meta .bold {
  color: #3e3f5e;
  font-weight: 700;
}

/*---------------------------------
    127. NOTIFICATION BOX LIST
---------------------------------*/
.notification-box-list .notification-box {
  margin-bottom: 12px;
}

.notification-box-list .notification-box:last-child {
  margin-bottom: 0;
}

/*---------------------------------
    128. NOTIFICATION BOX
---------------------------------*/
.notification-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-height: 88px;
  padding: 22px 28px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
  position: relative;
}

.notification-box.unread {
  background-color: var(--color-box-background-alt);
}

.notification-box.unread .user-status .user-status-icon {
  fill: var(--color-icon);
  opacity: 1;
}

.notification-box:hover .notification-box-close-button {
  display: -ms-flexbox;
  display: flex;
}

.notification-box:hover .mark-unread-button,
.notification-box:hover .mark-read-button {
  display: block;
}

.notification-box .user-status {
  width: 100%;
}

.notification-box .notification-box-close-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 6px;
  right: 6px;
  cursor: pointer;
}

.notification-box .notification-box-close-button .notification-box-close-button-icon {
  fill: var(--color-icon-highlighted);
  width: 8px;
  height: 8px;
}

.notification-box .notification-box-close-button,
.notification-box .mark-unread-button,
.notification-box .mark-read-button {
  display: none;
}

.notification-box .mark-unread-button,
.notification-box .mark-read-button {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 12px;
  right: 30px;
  cursor: pointer;
}

.notification-box .mark-unread-button {
  border: 2px solid var(--color-primary);
}

.notification-box .mark-read-button {
  background-color: var(--color-primary);
}

/*---------------------------------
    129. CREATE ENTITY BOX
---------------------------------*/
.create-entity-box {
  height: 284px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
  position: relative;
}

.create-entity-box.v2 {
  height: 360px;
}

.create-entity-box.v2 .create-entity-box-cover {
  height: 180px;
}

.create-entity-box.v2 .create-entity-box-avatar {
  top: 36px;
}

.create-entity-box.v2 .create-entity-box-info {
  padding-top: 28px;
}

.create-entity-box.v2 .create-entity-box-title {
  font-size: 1rem;
  text-align: left;
}

.create-entity-box.v2 .create-entity-box-category {
  margin-top: 8px;
}

.create-entity-box .create-entity-box-cover {
  height: 70px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom: 1px dashed var(--color-divider);
  background-color: var(--color-box-background-alt);
}

.create-entity-box .create-entity-box-avatar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100px;
  height: 110px;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -50px;
}

.create-entity-box .create-entity-box-avatar .user-avatar-border {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.create-entity-box .create-entity-box-avatar.primary .create-entity-box-avatar-icon {
  fill: var(--color-primary);
}

.create-entity-box .create-entity-box-avatar .create-entity-box-avatar-icon {
  fill: var(--color-secondary);
  position: relative;
  z-index: 2;
}

.create-entity-box .create-entity-box-info {
  padding: 60px 28px 0;
}

.create-entity-box .create-entity-box-title {
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
}

.create-entity-box .create-entity-box-category {
  padding-left: 16px;
  color: var(--color-text-alt-2);
  font-size: 0.75rem;
  font-weight: 700;
  position: relative;
}

.create-entity-box .create-entity-box-category::before {
  content: '';
  width: 8px;
  height: 8px;
  border: 2px solid var(--color-icon);
  border-radius: 50%;
  position: absolute;
  top: 1px;
  left: 0;
}

.create-entity-box .create-entity-box-text {
  margin-top: 6px;
  color: var(--color-text-alt);
  font-size: 0.75rem;
  font-weight: 500;
  text-align: center;
}

.create-entity-box .button {
  margin-top: 36px;
}

/*---------------------------------
    130. EARNING STAT BOX
---------------------------------*/
.earning-stat-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  min-height: 100px;
  padding: 0 28px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.earning-stat-box .earning-stat-box-info {
  padding-left: 66px;
  position: relative;
}

.earning-stat-box .earning-stat-box-icon-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.earning-stat-box .earning-stat-box-icon-wrap .earning-stat-box-icon {
  fill: #fff;
}

.earning-stat-box .earning-stat-box-icon-wrap.stat-item {
  background-color: #615dfa;
}

.earning-stat-box .earning-stat-box-icon-wrap.stat-earning {
  background-color: #4f8dff;
}

.earning-stat-box .earning-stat-box-icon-wrap.stat-revenue {
  background-color: #3ad2fe;
}

.earning-stat-box .earning-stat-box-icon-wrap.stat-balance {
  background-color: #23d2e2;
}

.earning-stat-box .earning-stat-box-title {
  font-size: 1.75rem;
  font-weight: 700;
}

.earning-stat-box .earning-stat-box-title .currency {
  font-size: 1.125rem;
}

.earning-stat-box .earning-stat-box-text {
  margin-top: 2px;
  color: var(--color-text-alt-2);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

/*---------------------------------
    131. STATUS INFO
---------------------------------*/
.status-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.status-info.success .status-icon-wrap {
  background-color: var(--color-primary);
}

.status-info .status-icon-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.status-info .status-icon-wrap .status-icon {
  fill: #fff;
  width: 20px;
  height: 16px;
}

.status-info .status-title {
  margin-top: 22px;
  font-size: 0.875rem;
  font-weight: 700;
}

.status-info .status-text {
  margin-top: 4px;
  color: var(--color-text-alt);
  font-size: 0.75rem;
  font-weight: 500;
}

.status-info .status-description {
  margin-top: 28px;
  color: var(--color-text-alt);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4285714286em;
  text-align: center;
}

/*----------------------------
    NOTIFICATION SECTION
----------------------------*/
.notification-section {
  margin-top: 100px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.notification-section .notification-section-icon {
  opacity: .4;
  margin-left: 26px;
}

.notification-section .notification-section-title {
  margin-top: 54px;
  color: var(--color-text);
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
}

.notification-section .notification-section-text {
  margin-top: 12px;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
}

/*----------------------------
    QUICK FILTERS
----------------------------*/
.quick-filters {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  height: 80px;
  padding: 0 28px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.quick-filters .quick-filters-tabs {
  display: -ms-flexbox;
  display: flex;
  margin-right: 26px;
}
.grid-photo-coment {
grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    display: grid;
}
.quick-filters .quick-filters-tabs .quick-filters-tab {
  height: 80px;
  margin-right: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-bottom: 4px solid transparent;
  color: var(--color-text-alt-2);
  font-size: 16px;
  font-weight: 700;
  line-height: 80px;
  cursor: pointer;
  transition: border-bottom-color .2s ease-in-out, color .2s ease-in-out;
}

.quick-filters .quick-filters-tabs .quick-filters-tab:last-child {
  margin-right: 0;
}

.quick-filters .quick-filters-tabs .quick-filters-tab.active {
  border-bottom-color: #28a745;
  color: var(--color-text);
}

.quick-filters .quick-filters-form-mobile {
  display: none;
}

.quick-filters .quick-filters-form {
  width: 220px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/*----------------------------
    REACTION BOX
----------------------------*/
.reaction-box {
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.reaction-box .reaction-box-options {
  display: -ms-flexbox;
  display: flex;
  height: 52px;
  padding: 0 28px;
  border-bottom: 1px solid var(--color-divider);
}

.reaction-box .reaction-box-options .reaction-box-option {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 12px;
  border-bottom: 4px solid transparent;
  cursor: pointer;
}

.reaction-box .reaction-box-options .reaction-box-option:last-child {
  margin-right: 0;
}

.reaction-box .reaction-box-options .reaction-box-option.active {
  border-bottom-color: var(--color-primary);
}

.reaction-box .reaction-box-options .reaction-box-option .reaction-box-option-image {
  width: 20px;
  height: 20px;
  margin-right: 6px;
  position: relative;
  top: -1px;
}

.reaction-box .reaction-box-options .reaction-box-option .reaction-box-option-text {
  color: var(--color-text);
  font-size: 0.75rem;
  font-weight: 700;
}

.reaction-box .reaction-box-content .reaction-box-item {
  height: 406px;
  padding: 32px 28px;
  overflow-y: auto;
}

/*-------------------------
    UPLOADABLE ITEM LIST
-------------------------*/
.uploadable-item-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, 96px);
  grid-gap: 12px;
}

.uploadable-item-list.disabled {
  opacity: .5;
}

.uploadable-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 96px;
  border-radius: 12px;
  position: relative;
}

.uploadable-item .uploadable-item-remove-button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

.uploadable-item-remove-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  background-color: var(--color-tertiary);
  cursor: pointer;
}

.uploadable-item-remove-button .uploadable-item-remove-button-icon {
  width: 8px;
  height: 8px;
  pointer-events: none;
}

.uploadable-item-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 96px;
  border-radius: 12px;
  border: 2px dashed var(--color-border);
}

.uploadable-item-selector .uploadable-item-selector-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background-color: var(--color-primary);
  cursor: pointer;
}

.uploadable-item-selector .uploadable-item-selector-button .uploadable-item-selector-button-icon {
  fill: #fff;
  width: 12px;
  height: 12px;
  pointer-events: none;
}

.uploadable-item-selector-input {
  display: none;
}

/*---------------------------------
    52. MESSAGE BOX
---------------------------------*/
.message-box {
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
  padding: 80px 0 50px;
  position: relative;
}

.message-box.no-padding-bottom {
  padding-bottom: 0;
}

.message-box .message-box-icon-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 12px;
  position: absolute;
  top: -16px;
  left: 50%;
  margin-left: -30px;
}

.message-box .message-box-icon-wrap.primary {
  background-color: var(--color-primary);
}

.message-box .message-box-icon-wrap.secondary {
  background-color: var(--color-secondary);
}

.message-box .message-box-icon-wrap.tertiary {
  background-color: var(--color-tertiary);
}

.message-box .message-box-icon-wrap .message-box-icon {
  fill: #fff;
}

.message-box .message-box-title {
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
}

.message-box .message-box-text {
  width: 70%;
  margin: 20px auto 0;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4285714286em;
  text-align: center;
}

.message-box .message-box-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 50px;
  padding-bottom: 32px;
}

.message-box .message-box-actions .message-box-action {
  width: 140px;
  margin-right: 16px;
  cursor: pointer;
}

.message-box .message-box-actions .message-box-action:last-child {
  margin-right: 0;
}

/*---------------------------------
    52.1 ALERT BOX
---------------------------------*/
.alert-box {
  min-height: 100px;
  border-radius: 12px;
  padding: 32px 32px 26px 108px;
  background-color: #4f8dff;
  position: relative;
}

.alert-box.alert-box-success {
  background-color: #00c7d9;
}

.alert-box.alert-box-info {
  background-color: #615dfa;
}

.alert-box.alert-box-error {
  background-color: #fd4350;
}

.alert-box .alert-box-icon-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 12px;
  position: absolute;
  top: 20px;
  left: 20px;
  box-shadow: 3px 5px 20px 0 rgba(0, 0, 0, 0.16);
}

.alert-box .alert-box-icon-wrap .alert-box-icon {
  fill: #fff;
}

.alert-box .alert-box-title,
.alert-box .alert-box-text {
  color: #fff;
}

.alert-box .alert-box-title {
  font-size: 1.125rem;
  font-weight: 700;
}

.alert-box .alert-box-text {
  margin-top: 6px;
  font-size: 1rem;
  line-height: 1.5em;
}

.alert-line {
  min-height: 60px;
  border-radius: 12px;
  padding: 20px 28px 20px 64px;
  background-color: #4f8dff;
  position: relative;
}

.alert-line.alert-line-success {
  background-color: #00c7d9;
}

.alert-line.alert-line-info {
  background-color: #615dfa;
}

.alert-line.alert-line-error {
  background-color: #fd4350;
}

.alert-line .alert-line-icon {
  fill: #fff;
  position: absolute;
  top: 20px;
  left: 20px;
}

.alert-line .alert-line-text {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5em;
}

.alert-line .alert-line-text .bold {
  font-weight: 700;
}

/*---------------------------------
    125. ITEM LIST OPTIONS
---------------------------------*/
.item-list-options {
  display: -ms-flexbox;
  display: flex;
}

.item-list-options > * {
  margin-right: 32px;
}

.item-list-options > *:last-child {
  margin-right: 0;
}

.item-list-options .item-list-option-wrap {
  display: -ms-flexbox;
  display: flex;
}

.item-list-options .item-list-option-wrap .loader-spinner-wrap {
  margin-left: 12px;
}

.item-list-options .item-list-option-wrap .loader-spinner-wrap .loader-spinner::after {
  background-color: var(--color-body);
}

.item-list-options .item-list-option {
  color: var(--color-text-alt-2);
  font-size: 0.875rem;
  font-weight: 700;
  cursor: pointer;
  transition: color .2s ease-in-out;
}

.item-list-options .item-list-option:hover {
  color: var(--color-text);
}

/*---------------------------------
    126. POINT ITEM
---------------------------------*/
.point-item-list {
  display: -ms-flexbox;
  display: flex;
}

.point-item-list .point-item {
  margin-right: 14px;
}

.point-item-list .point-item:last-child {
  margin-right: 0;
}

.point-item-list.negative .point-item .point-item-text {
  color: var(--color-text);
}

.point-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.point-item .point-item-image {
  margin-right: 12px;
  width: 14px;
  height: auto;
}

.point-item .point-item-text {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
}

/*---------------------------------
    127. POINT REWARD BOX
---------------------------------*/
.point-reward-box {
  display: -ms-flexbox;
  display: flex;
  padding: 32px 0 32px 90px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
  position: relative;
}

.point-reward-box .point-reward-box-icon-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background-color: var(--color-box-over-box-light-background);
  box-shadow: var(--color-overbox-shadow);
  position: absolute;
  top: 22px;
  left: 28px;
}

.point-reward-box .point-reward-box-icon-wrap .point-reward-box-icon {
  fill: var(--color-icon-highlighted);
}

.point-reward-box .text-sticker {
  position: absolute;
  top: 10px;
  right: -6px;
}

.point-reward-box .point-reward-box-info.point-reward-box-info-description {
  width: 320px;
  padding-right: 32px;
}

.point-reward-box .point-reward-box-info .point-reward-box-title {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2857142857em;
}

.point-reward-box .point-reward-box-info .point-reward-box-text {
  margin-top: 6px;
  color: var(--color-text-alt);
  font-size: 0.875rem;
  font-weight: 500;
}

/*---------------------------------
    127. POINT ITEM BOX
---------------------------------*/
.point-item-box {
  padding: 32px 26px 50px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.point-item-box .point-item-box-image-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 86px;
  height: 86px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: var(--color-box-over-box-light-background);
  box-shadow: var(--color-overbox-shadow);
}

.point-item-box .point-item-box-image {
  width: 40px;
  height: auto;
}

.point-item-box .point-item-box-title,
.point-item-box .point-item-box-subtitle {
  font-weight: 700;
  text-align: center;
}

.point-item-box .point-item-box-title {
  margin-top: 40px;
  font-size: 2.25rem;
}

.point-item-box .point-item-box-subtitle {
  margin-top: 8px;
  font-size: 1.125rem;
}

.point-item-box .point-item-box-text {
  width: 170px;
  margin: 20px auto 0;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4285714286em;
  text-align: center;
}

/*---------------------------------
    128. POINT ITEM LINE
---------------------------------*/
.point-item-line-list .point-item-line {
  margin-bottom: 26px;
}

.point-item-line-list .point-item-line:last-child {
  margin-bottom: 0;
}

.point-item-line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.point-item-line .point-item-line-image {
  width: 28px;
  height: auto;
  margin-right: 12px;
}

.point-item-line .point-item-line-title {
  font-size: 0.875rem;
  font-weight: 700;
}

.point-item-line .point-item-line-text {
  margin-top: 4px;
  font-size: 0.75rem;
  font-weight: 500;
}

/*---------------------------------
    129. ACHIEVEMENT ITEM BOX
---------------------------------*/
.achievement-item-box {
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
  position: relative;
}

.achievement-item-box .text-sticker {
  position: absolute;
  top: 10px;
  right: -6px;
}

.achievement-item-box .achievement-item-box-info {
  padding-top: 32px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.achievement-item-box .achievement-item-box-info .achievement-item-box-info-top {
  padding: 0 40px;
}

.achievement-item-box .achievement-item-box-info .achievement-item-box-info-top.big-padding-bottom {
  padding-bottom: 48px;
}

.achievement-item-box .achievement-item-box-image-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 86px;
  height: 86px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: var(--color-box-over-box-light-background);
  box-shadow: var(--color-overbox-shadow);
}

.achievement-item-box .achievement-item-box-image-wrap .achievement-item-box-image {
  width: 46px;
  height: auto;
}

.achievement-item-box .achievement-item-box-image-wrap + .achievement-item-box-title {
  margin-top: 40px;
}

.achievement-item-box .achievement-item-box-image {
  display: block;
  width: 82px;
  height: auto;
  margin: 0 auto;
}

.achievement-item-box .achievement-item-box-title {
  margin-top: 36px;
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
}

.achievement-item-box .achievement-item-box-text {
  width: 180px;
  margin: 16px auto 0;
}

.achievement-item-box .achievement-item-box-text p {
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4285714286em;
  text-align: center;
}

.achievement-item-box .achievement-item-box-subtitle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.achievement-item-box .achievement-item-box-requirements {
  margin-top: 32px;
}

.achievement-item-box .achievement-item-box-requirements .checklist-items {
  margin-top: 12px;
}

.achievement-item-box .achievement-item-box-unlock-form {
  margin: 36px 40px 0;
}

.achievement-item-box .achievement-item-box-unlock-form .button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.achievement-item-box .achievement-item-box-unlock-form .button .achievement-item-box-unlocked-button-image {
  width: 14px;
  height: auto;
  margin-left: 6px;
}

.achievement-item-box .achievement-item-box-unlocked-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: 36px 40px 0;
  background-color: var(--color-box-over-box-light-background);
  box-shadow: var(--color-overbox-shadow);
  border-radius: 200px;
  color: var(--color-text);
  cursor: auto;
}

.achievement-item-box .achievement-item-box-unlocked-button .achievement-item-box-unlocked-button-user {
  margin-left: 4px;
}

.achievement-item-box .achievement-item-box-unlocked-button .achievement-item-box-unlocked-button-image {
  width: 14px;
  height: auto;
  margin-left: 6px;
}

.achievement-item-box .progress-stat {
  max-width: 204px;
  margin: 54px auto 28px;
}

.achievement-item-box .achievement-item-box-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  padding: 22px 0;
  min-height: 90px;
  border-top: 1px solid var(--color-divider);
  background-color: var(--color-box-background-alt);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.achievement-item-box .achievement-item-box-footer .achievement-item-box-footer-title {
  font-size: 0.75rem;
  font-weight: 700;
}

.achievement-item-box .achievement-item-box-footer .achievement-item-box-footer-title + .achievement-item-box-footer-title {
  margin-top: 18px;
}

.achievement-item-box .achievement-item-box-footer .user-avatar-list {
  margin-top: 10px;
  padding: 0 28px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
}

/*---------------------------------
    130. CHECKLIST ITEM
---------------------------------*/
.checklist-items {
  max-height: 80px;
  padding-right: 12px;
  overflow: hidden auto;
}

.checklist-items .checklist-item:last-child {
  margin-bottom: 0;
}

.checklist-item {
  display: -ms-flexbox;
  display: flex;
}

.checklist-item .checklist-item-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin: 3px 8px 0 0;
  border-radius: 4px;
  background-color: var(--color-divider);
}

.checklist-item .checklist-item-box .checklist-item-box-icon {
  fill: #fff;
  display: none;
}

.checklist-item .checklist-item-box.active {
  background: linear-gradient(45deg, #615dfa, #23d2e2);
}

.checklist-item .checklist-item-box.active .checklist-item-box-icon {
  display: block;
}

.checklist-item .checklist-item-text {
  font-size: 0.875rem;
  line-height: 1.4285714286em;
  font-weight: 500;
}

/*---------------------------------
    131. NO RESULTS TEXT
---------------------------------*/
.no-results-text {
  color: var(--color-text-alt-2);
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}

/*---------------------------------
    132. LOGO
---------------------------------*/
.logo .logo-image {
  display: block;
}

/*---------------------------------
    133. SOCIAL ITEM
---------------------------------*/
.social-items {
  display: -ms-flexbox;
  display: flex;
}

.social-items .social-item {
  margin-right: 24px;
}

.social-items .social-item:last-child {
  margin-right: 0;
}

.social-item {
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.social-item:hover {
  -webkit-transform: translate(0, -2px);
          transform: translate(0, -2px);
}

.social-item.facebook:hover .social-item-icon {
  fill: #3763d2;
}

.social-item.twitter:hover .social-item-icon {
  fill: #1abcff;
}

.social-item.instagram:hover .social-item-icon {
  fill: #f8468d;
}

.social-item.youtube:hover .social-item-icon {
  fill: #fd434f;
}

.social-item.twitch:hover .social-item-icon {
  fill: #7b5dfa;
}

.social-item.linkedin:hover .social-item-icon {
  fill: #0077b5;
}

.social-item.pinterest:hover .social-item-icon {
  fill: #cd2e3f;
}

.social-item.tiktok:hover .social-item-icon {
  fill: #000000;
}

.social-item.github:hover .social-item-icon {
  fill: #303742;
}

.social-item.messenger:hover .social-item-icon {
  fill: #0084ff;
}

.social-item.reddit:hover .social-item-icon {
  fill: #f74300;
}

.social-item.whatsapp:hover .social-item-icon {
  fill: #2fbe38;
}

.social-item.dribbble:hover .social-item-icon {
  fill: #f761ab;
}

.social-item.discord:hover .social-item-icon {
  fill: #7289da;
}

.social-item.spotify:hover .social-item-icon {
  fill: #1dd05d;
}

.social-item .social-item-icon {
  fill: var(--color-icon-highlighted);
  width: 12px;
  height: 12px;
  transition: fill .2s ease-in-out;
}

/*---------------------------------
    134. ACCOUNT HUB CONTENT
---------------------------------*/
.account-hub-content .account-hub-content-options {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-top: 48px;
}

.account-hub-content .account-hub-content-options .button {
  padding: 0 32px;
}

/*---------------------------------
    134. LOAD MORE TEXT
---------------------------------*/
.load-more-text {
  border-top: 1px solid var(--color-divider);
  height: 53px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 53px;
  text-align: center;
  cursor: pointer;
}

.load-more-text .loader-spinner-wrap {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

/*---------------------------------
    134. MENTION BLOCK
---------------------------------*/
.mention-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.mention-block .mention-block-avatar {
  margin-right: 8px;
}

.mention-block .mention-block-title {
  font-size: 0.875rem;
  font-weight: 700;
}

.mention-block .mention-block-action {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 18px;
  height: 18px;
  margin-left: 8px;
  background-color: #3e3f5e;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color .2s ease-in-out;
}

.mention-block .mention-block-action .mention-block-action-icon {
  width: 8px;
  height: 8px;
  pointer-events: none;
}

.mention-block .mention-block-action:hover {
  background-color: #fd4350;
}

.author-preview {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.author-preview.author-preview-landscape {
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}

.author-preview.author-preview-landscape .author-preview-info {
  margin: 0 0 0 8px;
}

.author-preview .author-preview-avatar {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.author-preview .author-preview-info {
  margin-top: 8px;
}

.author-preview .author-preview-title {
  font-size: 0.875rem;
  font-weight: 700;
  word-break: break-word;
}

.author-preview .author-preview-text {
  margin-top: 4px;
  font-size: 0.75rem;
  font-weight: 500;
  word-break: break-word;
}

/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (max-width: 1365px) {
  .popup-picture {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .popup-picture .widget-box {
    display: block;
    width: 100%;
    border-top-left-radius: 0;
    border-bottom-right-radius: 12px;
  }
  .popup-picture .popup-picture-image-wrap {
    -ms-flex-order: -1;
        order: -1;
  }
  .notification-box .notification-box-close-button {
    display: -ms-flexbox;
    display: flex;
  }
  .notification-box .mark-unread-button,
  .notification-box .mark-read-button {
    display: block;
  }
  .point-reward-box {
    margin-top: 25px;
    padding: 54px 32px 32px;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .point-reward-box .point-reward-box-icon-wrap {
    top: -14px;
    left: 50%;
    margin-left: -23px;
  }
  .point-reward-box .point-reward-box-info.point-reward-box-info-description {
    width: auto;
    padding-right: 0;
    margin-bottom: 18px;
  }
}

@media screen and (max-width: 1070px) {
  .week-box {
    display: none;
  }
  .promo-line {
    display: block;
    padding: 32px 28px;
  }
  .promo-line .promo-line-text {
    width: auto;
  }
  .promo-line .promo-line-actions {
    margin-top: 24px;
  }
}

@media screen and (max-width: 960px) {
  .switch-option .form-switch {
    margin-top: 12px;
    position: relative;
    top: auto;
    right: auto;
  }
  .switch-option .button {
    margin-top: 22px;
  }
  .switch-option .switch-option-meta {
    margin-top: 16px;
    position: static;
  }
  .earning-stat-box.full {
    width: 100%;
    -ms-flex-pack: center;
        justify-content: center;
  }
  .earning-stat-box .user-stats {
    display: none;
  }
  .popup-close-button {
    right: 0;
  }
  .quick-post .quick-post-header .quick-post-header-filters-wrap .form-row.split {
    display: -ms-flexbox;
    display: flex;
  }
  .quick-post .quick-post-header .quick-post-header-filters-wrap .form-row.split .form-item {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 680px) {
  .achievement-box {
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 28px 18px;
  }
  .achievement-box .button {
    margin-top: 16px;
  }
  .level-progress-box {
    display: block;
    height: auto;
    padding: 32px 28px;
  }
  .level-progress-box .level-progress-badge {
    margin: 0 auto;
  }
  .level-progress-box .progress-stat {
    margin-top: 28px;
  }
  .exp-line {
    display: block;
    padding: 32px 0 0;
  }
  .exp-line .exp-line-icon {
    position: absolute;
    top: 0;
    left: 0;
  }
  .exp-line .text-sticker {
    height: 24px;
    padding: 0 12px;
    line-height: 24px;
    position: absolute;
    top: 0;
    right: 0;
  }
  .exp-line .exp-line-timestamp {
    margin-top: 8px;
    position: static;
  }
  .quick-filters {
    padding: 0 16px;
  }
  .quick-filters .quick-filters-tabs {
    display: none;
  }
  .quick-filters .quick-filters-form {
    width: 100%;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    margin-right: 12px;
  }
  .quick-filters .quick-filters-form:last-child {
    margin-right: 0;
  }
  .quick-filters .quick-filters-form-mobile {
    display: block;
  }
  .quick-post .quick-post-header .quick-post-header-filters-wrap {
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 28px;
  }
  .quick-post .quick-post-header .quick-post-header-filters-wrap .quick-post-header-filters {
    margin-top: 28px;
  }
}

.post-option-icon-com {
margin-right: 5px;
    opacity: 0.7;
}

@media screen and (max-width: 479px) {
  .post-option {
    width: 80px;
  }
  .post-option .post-option-image {
    margin-right: 0;
  }
  .post-option .post-option-text {
     font-size: 14px;
  }
  .post-option .post-option-icon {
    margin-right: 0;
  }
  .reaction-options {
    height: 40px;
  }
  .reaction-options .reaction-option {
    width: 20px;
    height: 20px;
  }
  .simple-tab-items {
    border-bottom: none;
  }
  .simple-tab-items .simple-tab-item {
    display: none;
  }
  .simple-tab-items .form {
    display: block;
  }
  .quick-post.medium .quick-post-footer .quick-post-footer-actions .button {
    width: 80px;
  }
  .quick-post.medium .quick-post-footer .quick-post-footer-actions .button:last-child {
    width: 80px;
  }
  .promo-line .promo-line-actions {
    display: block;
  }
  .promo-line .promo-line-actions .form-input,
  .promo-line .promo-line-actions .button {
    width: 100%;
  }
  .promo-line .promo-line-actions .form-input {
    margin-right: 0;
  }
  .promo-line .promo-line-actions .button {
    margin-top: 16px;
  }
  .switch-option .button {
    width: 100%;
  }
  .action-request.with-text {
    width: 40px;
    padding: 0;
  }
  .action-request.with-text .action-request-icon {
    margin-right: 0;
  }
  .action-request.with-text .action-request-text {
    display: none;
  }
  .alert-box {
    padding: 16px 28px 26px 28px;
  }
  .alert-box .alert-box-icon-wrap {
    margin: 0 auto 32px;
    position: static;
  }
  .alert-box .alert-box-title,
  .alert-box .alert-box-text {
    text-align: center;
  }
}

/*------------------------------------------------------------------
[Table of contents]

1. .table-wrap
2. .table
-------------------------------------------------------------------*/
/*--------------------
    1. TABLE WRAP
--------------------*/
.table-wrap {
  overflow-x: auto;
}

/*----------------
    2. TABLE
----------------*/
.table {
  width: 100%;
  display: table;
}

.table.table-forum-category .forum-category {
  width: 384px;
}

.table.table-quests .table-body .table-column:first-child {
  width: 240px;
}

.table.table-quests .table-body .table-column:last-child {
  width: 284px;
}

.table.table-quests .progress-stat-wrap {
  width: 256px;
}

.table.table-top-friends .progress-stat-wrap {
  width: 228px;
}

.table.table-top-friends .table-row .table-column:first-child {
  width: 172px;
}

.table.table-cart .table-header-column:last-child,
.table.table-cart .table-column:last-child {
  width: 20px;
}

.table.table-cart .product-preview {
  width: 330px;
}

.table.table-cart .form-select {
  width: 156px;
}

.table.table-cart .price-title {
  width: 76px;
  margin: 0 auto;
}

.table.table-payments .table-header-column:first-child .table-text,
.table.table-payments .table-column:first-child .table-text {
  width: 100px;
}

.table.table-sales .table-header-column:first-child .table-text,
.table.table-sales .table-column:first-child .table-text {
  width: 100px;
}

.table.table-sales .table-header-column:nth-child(2) .table-link,
.table.table-sales .table-column:nth-child(2) .table-link {
  width: 210px;
}

.table.table-sales .table-column:last-child {
  width: 16px;
}

.table.table-sales .table-row:first-child {
  height: 55px;
}

.table.table-sales .table-row:first-child .table-column {
  padding-top: 15px;
}

.table.table-sales .table-row:last-child {
  height: 55px;
}

.table.table-sales .table-row:last-child .table-column {
  padding-bottom: 15px;
}

.table.table-downloads .table-header-column:last-child,
.table.table-downloads .table-column:last-child {
  width: 216px;
}

.table.table-downloads .product-preview {
  min-width: 220px;
}

.table.table-downloads .price-title {
  width: 76px;
}

.table.join-rows .table-header-column {
  border-bottom: 1px solid var(--color-divider);
}

.table.join-rows .table-header-column:first-child {
  padding-left: 0;
}

.table.join-rows .table-header-column:last-child {
  padding-right: 0;
}

.table.join-rows .table-body {
  border-radius: 0;
  box-shadow: none;
}

.table.join-rows .table-body .table-row {
  background-color: transparent;
}

.table.join-rows .table-body .table-row.micro:first-child {
  height: 55px;
}

.table.join-rows .table-body .table-row.micro:first-child .table-column {
  padding-top: 15px;
}

.table.join-rows .table-body .table-row.tiny:first-child {
  height: 77px;
}

.table.join-rows .table-body .table-row.tiny:first-child .table-column {
  padding-top: 11px;
}

.table.join-rows .table-body .table-row:first-child .table-column:first-child {
  border-top-left-radius: 0;
}

.table.join-rows .table-body .table-row:first-child .table-column:last-child {
  border-top-right-radius: 0;
}

.table.join-rows .table-body .table-row:last-child .table-column:first-child {
  border-bottom-left-radius: 0;
}

.table.join-rows .table-body .table-row:last-child .table-column:last-child {
  border-bottom-right-radius: 0;
}

.table.join-rows .table-body .table-row:nth-child(2n+2) {
  background-color: transparent;
}

.table.join-rows .table-body .table-row .table-column:first-child {
  padding-left: 0;
}

.table.join-rows .table-body .table-row .table-column:last-child {
  padding-right: 0;
}

.table.split-rows {
  border-collapse: separate;
  border-spacing: 0 12px;
}

.table.split-rows .table-header-column {
  height: 16px;
}

.table.split-rows .table-body {
  box-shadow: none;
}

.table.split-rows .table-row {
  border-radius: 12px;
  box-shadow: var(--color-box-shadow);
}

.table.split-rows .table-row .table-column:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.table.split-rows .table-row .table-column:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.table.split-rows .table-row:first-child .table-column:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.table.split-rows .table-row:first-child .table-column:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.table.split-rows .table-row:last-child .table-column:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.table.split-rows .table-row:last-child .table-column:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.table .table-header {
  display: table-header-group;
}

.table .table-header-column {
  display: table-cell;
  vertical-align: middle;
  height: 40px;
}

.table .table-header-column.centered {
  text-align: center;
}

.table .table-header-column.align-right {
  text-align: right;
}

.table .table-header-column.padded {
  padding: 0 24px;
}

.table .table-header-column.padded-medium {
  padding: 0 46px;
}

.table .table-header-column.padded-left {
  padding-left: 24px;
}

.table .table-header-column.padded-big-left {
  padding-left: 60px;
}

.table .table-header-column:first-child {
  padding-left: 28px;
}

.table .table-header-column:last-child {
  padding-right: 28px;
}

.table .table-header-column .table-header-title {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.table .table-body {
  display: table-row-group;
  box-shadow: var(--color-box-shadow);
  border-radius: 12px;
}

.table .table-body.same-color-rows .table-row:nth-child(2n+2) {
  background-color: var(--color-box-background);
}

.table .table-body .table-row:first-child .table-column:first-child {
  border-top-left-radius: 12px;
}

.table .table-body .table-row:first-child .table-column:last-child {
  border-top-right-radius: 12px;
}

.table .table-body .table-row:last-child .table-column:first-child {
  border-bottom-left-radius: 12px;
}

.table .table-body .table-row:last-child .table-column:last-child {
  border-bottom-right-radius: 12px;
}

.table .table-body .table-row:nth-child(2n+2) {
  background-color: var(--color-box-background-alt);
}

.table .table-row {
  display: table-row;
  background-color: var(--color-box-background);
  height: 100px;
}

.table .table-row.micro {
  height: 40px;
}

.table .table-row.tiny {
  height: 66px;
}

.table .table-row.small {
  height: 86px;
}

.table .table-row.medium {
  height: 108px;
}

.table .table-row.mid {
  height: 148px;
}

.table .table-row.big {
  height: 160px;
}

.table .table-row.big.auto {
  height: auto;
}

.table .table-row.big.auto .table-column {
  padding-top: 44px;
  padding-bottom: 44px;
}

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

.table .table-column.centered {
  text-align: center;
}

.table .table-column.align-right {
  text-align: right;
}

.table .table-column.padded {
  padding: 0 24px;
}

.table .table-column.padded-medium {
  padding: 0 46px;
}

.table .table-column.padded-left {
  padding-left: 24px;
}

.table .table-column.padded-big-left {
  padding-left: 60px;
}

.table .table-column:first-child {
  padding-left: 28px;
}

.table .table-column:last-child {
  padding-right: 28px;
}

.table .table-column .table-information {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.table .table-column .table-information .table-image {
  margin-right: 16px;
}

.table .table-column .table-title {
  font-size: 0.875rem;
  font-weight: 700;
}

.table .table-column .table-title .highlighted {
  color: var(--color-primary-dark);
}

.table .table-column .table-text {
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.1428571429em;
}

.table .table-column .table-text .light {
  color: var(--color-text-alt);
}

.table .table-column .table-link {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
}

.table .table-column .table-link .highlighted {
  color: var(--color-primary-dark);
}

.table .table-column .table-link + .table-link {
  margin-top: 12px;
}

.table .table-column .table-actions {
  display: -ms-flexbox;
  display: flex;
}

.table .table-column .table-actions .button {
  width: 100px;
  margin-right: 16px;
}

.table .table-column .table-actions .button:last-child {
  margin-right: 0;
}

.table .table-column .table-action {
  cursor: pointer;
}

.table .table-column .table-action .icon-delete {
  opacity: .4;
  transition: opacity .2s ease-in-out, fill .2s ease-in-out;
}

.table .table-column .table-action .icon-delete:hover {
  fill: var(--color-icon-highlighted);
  opacity: 1;
}

/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (max-width: 1260px) {
  .table.table-forum-category .table-header-column:last-child,
  .table.table-forum-category .table-column:last-child, .table.table-forum-discussion .table-header-column:last-child,
  .table.table-forum-discussion .table-column:last-child {
    display: none;
  }
  .table.table-forum-category .table-row:first-child .table-column:nth-last-child(2), .table.table-forum-discussion .table-row:first-child .table-column:nth-last-child(2) {
    border-top-right-radius: 12px;
  }
  .table.table-forum-category .table-row:last-child .table-column:nth-last-child(2), .table.table-forum-discussion .table-row:last-child .table-column:nth-last-child(2) {
    border-bottom-right-radius: 12px;
  }
  .table.table-forum-category .forum-category {
    width: auto;
  }
  .table.table-quests .table-header-column:nth-child(3),
  .table.table-quests .table-column:nth-child(3) {
    display: none;
  }
  .table.table-top-friends .table-header-column:nth-child(4), .table.table-top-friends .table-header-column:nth-child(5),
  .table.table-top-friends .table-column:nth-child(4),
  .table.table-top-friends .table-column:nth-child(5) {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  .table.table-forum-category .table-header-column.padded-medium,
  .table.table-forum-category .table-column.padded-medium, .table.table-forum-discussion .table-header-column.padded-medium,
  .table.table-forum-discussion .table-column.padded-medium {
    padding: 0 28px;
  }
  .table.table-forum-category .table-header-column:nth-last-child(3),
  .table.table-forum-category .table-column:nth-last-child(3), .table.table-forum-discussion .table-header-column:nth-last-child(3),
  .table.table-forum-discussion .table-column:nth-last-child(3) {
    display: none;
  }
  .table.table-forum-category .table-column {
    min-height: 160px;
  }
  .table.table-forum-category .forum-category .forum-category-image {
    display: none;
  }
  .table.table-forum-category .forum-category .forum-category-info {
    margin-left: 0;
  }
  .table.table-quests .table-header-column:nth-child(2),
  .table.table-quests .table-column:nth-child(2) {
    display: none;
  }
  .table.table-quests .table-body .table-column:first-child {
    width: auto;
  }
  .table.table-quests .table-body .table-column .progress-stat-wrap {
    width: auto;
  }
  .table.table-quests .table-body .table-column .table-image {
    display: none;
  }
  .table.table-top-friends .table-row:first-child {
    height: auto;
  }
  .table.table-top-friends .table-row:first-child .table-column {
    padding-top: 28px;
  }
  .table.table-top-friends .table-header-column:nth-child(2), .table.table-top-friends .table-header-column:nth-child(3),
  .table.table-top-friends .table-column:nth-child(2),
  .table.table-top-friends .table-column:nth-child(3) {
    display: none;
  }
  .table.table-top-friends .table-header-column:last-child,
  .table.table-top-friends .table-column:last-child {
    padding-left: 68px;
  }
  .table.table-top-friends .progress-stat-wrap {
    width: 180px;
  }
  .table.join-rows .table-body .table-row.micro:first-child, .table.join-rows .table-body .table-row.tiny:first-child {
    height: auto;
  }
  .table.join-rows .table-body .table-row.micro:first-child .table-column, .table.join-rows .table-body .table-row.tiny:first-child .table-column {
    padding-top: 24px;
  }
  .table .table-row {
    height: auto;
  }
  .table .table-row .table-column {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .table .table-row.micro .table-column, .table .table-row.tiny .table-column {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .table .table-row.medium .table-column, .table .table-row.big .table-column {
    padding-top: 28px;
    padding-bottom: 28px;
  }
}

@media screen and (max-width: 460px) {
  .table.table-forum-category .table-header-column:first-child,
  .table.table-forum-category .table-column:first-child, .table.table-forum-discussion .table-header-column:first-child,
  .table.table-forum-discussion .table-column:first-child {
    padding-right: 28px;
  }
  .table.table-forum-category .table-header-column:nth-last-child(2),
  .table.table-forum-category .table-column:nth-last-child(2), .table.table-forum-discussion .table-header-column:nth-last-child(2),
  .table.table-forum-discussion .table-column:nth-last-child(2) {
    display: none;
  }
  .table.table-forum-category .table-row:first-child .table-column:first-child, .table.table-forum-discussion .table-row:first-child .table-column:first-child {
    border-top-right-radius: 12px;
  }
  .table.table-forum-category .table-row:last-child .table-column:first-child, .table.table-forum-discussion .table-row:last-child .table-column:first-child {
    border-bottom-right-radius: 12px;
  }
  .table.table-top-friends .table-header-column:last-child,
  .table.table-top-friends .table-column:last-child {
    padding-left: 28px;
  }
  .table.table-top-friends .table-row .table-column:first-child {
    width: auto;
  }
  .table.table-top-friends .user-status .user-status-title,
  .table.table-top-friends .user-status .user-status-text {
    display: none;
  }
  .table.table-top-sellers .product-preview .product-preview-image {
    display: none;
  }
}

/*------------------------------------------------------------------
[Table of contents]

1. .widget-box
-------------------------------------------------------------------*/
/*--------------------
    1. WIDGET BOX
--------------------*/
.widget-box {
  padding: 32px 28px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
  position: relative;
}

.widget-box.widget-box-deleted {
  -webkit-filter: grayscale(0.8);
          filter: grayscale(0.8);
  opacity: .7 !important;
  pointer-events: none;
}

.widget-box.no-padding {
  padding: 0;
}

.widget-box.no-padding .widget-box-title {
  padding: 0 28px;
}

.widget-box.no-padding .widget-box-title:first-child {
  padding-top: 32px;
}

.widget-box.no-settings .widget-box-status .widget-box-status-content .user-status {
  padding-right: 0;
}

.widget-box.right-padded {
  padding-right: 48px;
}

.widget-box.bottom-padded {
  padding-bottom: 32px;
}

.widget-box.widget-box-bottom-sidebar {
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
}

.widget-box .widget-box-settings {
  position: absolute;
  top: 22px;
  right: 19px;
  z-index: 9999;
}

.widget-box .tag-stickers {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -8px;
  right: 28px;
}

.widget-box .tag-stickers .tag-sticker {
  margin-right: 8px;
}

.widget-box .tag-stickers .tag-sticker:last-child {
  margin-right: 0;
}

.widget-box .widget-box-controls {
  position: absolute;
  top: 28px;
  right: 22px;
  z-index: 9999;
}

.widget-box .widget-box-controls .slider-controls {
  display: -ms-flexbox;
  display: flex;
}

.widget-box .widget-box-controls .slider-controls .slider-control:first-child {
  margin-right: 2px;
}

.widget-box .widget-box-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.widget-box .widget-box-actions .widget-box-action {
  display: -ms-flexbox;
  display: flex;
}

.widget-box .widget-box-actions .widget-box-action .reference-item-list {
  position: relative;
  top: -3px;
}

.widget-box .widget-box-actions .widget-box-action .form-select.v2 {
  top: -6px;
}

.widget-box .widget-box-footer .reference-item-list {
  margin-top: 12px;
}

.widget-box .widget-box-footer .chart-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 32px;
  padding-left: 36px;
}

.widget-box .widget-box-footer-actions {
  padding: 40px 28px 32px;
}

.widget-box .widget-box-footer-actions .button {
  width: 270px;
}

.widget-box .widget-box-content-slider .reaction-stats + .reaction-stats {
  margin-top: 40px;
}

.widget-box .widget-box-content-slider .badge-item-stat .text-sticker {
  top: 32px;
  right: 18px;
}

.widget-box .widget-box-title {
  font-size: 1rem;
  font-weight: 700;
}

.widget-box .widget-box-title .highlighted {
  color: var(--color-primary-dark);
}

.widget-box .widget-box-title + .widget-box-text {
  margin-top: 8px;
}

.widget-box .widget-box-title + .no-results-text {
  margin: 16px 0 32px;
}

.widget-box .widget-box-text {
  font-size: 0.875rem;
  line-height: 1.7142857143em;
  font-weight: 500;
}

.widget-box .widget-box-text.light {
  color: var(--color-text-alt);
}

.widget-box .widget-box-text .bold {
  font-weight: 700;
}

.widget-box .widget-box-text + .widget-box-text {
  margin-top: 16px;
}

.widget-box .widget-box-text + .button {
  margin-top: 32px;
}

.widget-box .widget-box-content {
  margin-top: 36px;
}

.widget-box .widget-box-content + .widget-box-title {
  margin-top: 36px;
}

.widget-box .widget-box-content:first-child {
  margin-top: 0;
}

.widget-box .widget-box-content.small-margin-top {
  margin-top: 28px;
}

.widget-box .widget-box-content.no-margin-top {
  margin-top: 0;
}

.widget-box .widget-box-content.padded-for-scroll {
  height: 358px;
  padding-bottom: 28px;
}

.widget-box .widget-box-content.padded-for-scroll.small {
  height: 320px;
}

.widget-box .widget-box-content.padded-for-scroll.medium {
  height: 676px;
}

.widget-box .widget-box-content.padded-for-scroll .scroll-content {
  padding: 0 28px;
}

.widget-box .widget-box-content.padded-for-scroll .exp-line-list {
  padding-top: 8px;
}

.widget-box .widget-box-content .paragraph + .information-line-list {
  margin-top: 24px;
}

.widget-box .widget-box-content .loader-spinner-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.widget-box .widget-box-content .form-input-checkbox {
  margin-top: 16px;
}

.widget-box .widget-box-content .widget-box-form {
  margin-top: 32px;
}

.widget-box .widget-box-content .widget-box-form .form-input,
.widget-box .widget-box-content .widget-box-form .form-select {
  margin-top: 28px;
}

.widget-box .widget-box-content .alert-line + .button {
  margin-top: 16px;
}

.widget-box .widget-box-content .filters + .user-status-list,
.widget-box .widget-box-content .filters + .post-preview-line-list,
.widget-box .widget-box-content .filters + .filters-items {
  margin-top: 24px;
}

.widget-box .widget-box-content .filters + .loader-spinner-wrap,
.widget-box .widget-box-content .filters + .no-results-text {
  margin-top: 32px;
}

.widget-box .widget-box-content .week-box:last-child {
  margin: 22px 0 -60px;
}

.widget-box .widget-box-content .calendar {
  margin: 0 auto;
}

.widget-box .widget-box-content .calendar-events-preview {
  margin-top: 24px;
}

.widget-box .widget-box-content .ordered-item-list {
  margin-top: 18px;
}

.widget-box .widget-box-content .progress-arc-wrap {
  margin: 0 auto;
}

.widget-box .widget-box-content .draggable-items + .widget-box-text {
  margin-top: 32px;
}

.widget-box .widget-box-content .user-stats {
  margin-top: 36px;
}

.widget-box .widget-box-content .user-stats.reference .user-stat {
  width: 100%;
}

.widget-box .widget-box-content .user-stats.reference .user-stat::after {
  height: 40px;
  top: 20px;
}

.widget-box .widget-box-content .user-stats + .user-stats {
  margin-top: 32px;
}

.widget-box .widget-box-hollow {
  margin-top: 36px;
  padding: 36px 28px;
  border-top: 1px solid var(--color-divider);
  border-bottom: 1px solid var(--color-divider);
  background-color: var(--color-box-background-alt);
}

.widget-box .widget-box-hollow.height-limit {
  max-height: 322px;
  overflow: hidden auto;
}

.widget-box .achievement-status-list {
  margin-top: 50px;
}

.widget-box .button-show-more {
  margin: -28px 28px 28px;
}

.widget-box .quick-post {
  margin-top: 20px;
  border-radius: 0;
  border-top: 1px solid var(--color-divider);
}

.widget-box .widget-box-status {
  padding-top: 24px;
  margin-bottom: 28px;
  position: relative;
}

.widget-box .widget-box-status.widget-box-status-limited {
  -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
          mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  overflow: hidden;
}

.widget-box .widget-box-status .widget-box-status-header {
  padding: 0 28px;
}

.widget-box .widget-box-status .widget-box-status-header .user-status {
  padding-right: 50px;
}

.widget-box .widget-box-status .widget-box-status-header .user-status .user-status-title .user-avatar,
.widget-box .widget-box-status .widget-box-status-header .user-status .user-status-title .user-avatar-circle {
  display: inline;
  margin-right: 22px;
  margin-left: 4px;
}

.widget-box .widget-box-status .widget-box-status-header .user-status .user-status-title .user-avatar-circle {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 4px;
  top: 4px;
}

.widget-box .widget-box-status .widget-box-status-content {
  margin-top: 10px;
}

.widget-box .widget-box-status .widget-box-status-content .widget-box-status-text {
  padding: 14px 28px 0 28px;
overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}

.widget-box .widget-box-status .widget-box-status-content .widget-box,
.widget-box .widget-box-status .widget-box-status-content .picture-collage,
.widget-box .widget-box-status .widget-box-status-content .user-preview-widget,
.widget-box .widget-box-status .widget-box-status-content .alert-line {
  margin-left: 28px;
  margin-right: 28px;
}

.widget-box .widget-box-status .widget-box-status-content .alert-line {
  margin-top: 16px;
}

.widget-box .widget-box-status .widget-box-status-html-content {
  padding: 0 28px;
  font-family: Roboto;
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.7142857143em;
  word-break: break-word;
  white-space: pre-wrap;
}

.widget-box .widget-box-status .widget-box-status-html-content > * {
  margin-top: 12px;
}

.widget-box .widget-box-status .widget-box-status-html-content > *:first-child {
  margin-top: 0;
}

.widget-box .widget-box-status .widget-box-status-html-content img {
  width: 100%;
  height: auto;
}

.widget-box .widget-box-status .widget-box-status-html-content a {
  color: var(--color-primary);
  font-weight: 600;
}

.widget-box .widget-box-status .widget-box-status-html-content ul, .widget-box .widget-box-status .widget-box-status-html-content ol {
  padding-left: 20px;
}

.widget-box .widget-box-status .widget-box-status-html-content ul ul, .widget-box .widget-box-status .widget-box-status-html-content ul ol, .widget-box .widget-box-status .widget-box-status-html-content ol ul, .widget-box .widget-box-status .widget-box-status-html-content ol ol {
  padding-left: 0;
  margin: 18px;
}

.widget-box .widget-box-status .widget-box-status-html-content ul li, .widget-box .widget-box-status .widget-box-status-html-content ol li {
  margin-bottom: 16px;
  display: list-item;
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 500;
}

.widget-box .widget-box-status .widget-box-status-html-content ul li:last-child, .widget-box .widget-box-status .widget-box-status-html-content ol li:last-child {
  margin-bottom: 0;
}

.widget-box .widget-box-status .widget-box-status-html-content ul {
  list-style: disc;
}

.widget-box .widget-box-status .widget-box-status-html-content ul ul {
  list-style: circle;
}

.widget-box .widget-box-status .widget-box-status-html-content ul ol {
  list-style: lower-alpha;
}

.widget-box .widget-box-status .widget-box-status-html-content ol {
  list-style: decimal;
}

.widget-box .widget-box-status .widget-box-status-html-content ol ul {
  list-style: circle;
}

.widget-box .widget-box-status .widget-box-status-html-content ol ol {
  list-style: lower-alpha;
}

.widget-box .widget-box-status .widget-box-status-html-content blockquote {
  border-radius: 12px;
  box-shadow: var(--color-overbox-shadow);
  padding: 24px 28px 24px 46px;
  position: relative;
}

.widget-box .widget-box-status .widget-box-status-html-content blockquote::before {
  content: '"';
  color: var(--color-primary);
  font-style: italic;
  font-size: 3.75rem;
  font-weight: 700;
  position: absolute;
  top: 40px;
  left: 8px;
}

.widget-box .widget-box-status .widget-box-status-html-content blockquote p {
  font-style: italic;
}

.widget-box .widget-box-status .widget-box-status-html-content code {
  display: block;
  padding: 4px 8px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background-color: var(--color-box-background-alt);
}

.widget-box .widget-box-status .widget-box-status-text {
  font-size: 1rem;
  line-height: 1.7142857143em;
  font-weight: 500;
  word-break: break-word;
  white-space: pre-wrap;
}

.widget-box .widget-box-status .widget-box-status-text a {
  font-weight: 500;
}

.widget-box .widget-box-status .widget-box-status-text + .widget-box-status-text {
  margin-top: 26px;
}

.widget-box .widget-box-status .widget-box-status-text + .tag-list {
  margin-top: 8px;
}

.widget-box .widget-box-status .video-wrap {
  margin-top: 20px;
}

.widget-box .widget-box-status .widget-box .photo-preview,
.widget-box .widget-box-status .widget-box .widget-box-picture {
  cursor: auto;
}

.widget-box .widget-box-status .widget-box-picture {
  width: 100%;
  height: auto;
  margin-top: 20px;
  cursor: pointer;
}

.widget-box .widget-box-status .widget-box-picture.widget-box-picture-no-pointer {
  cursor: auto;
}

.widget-box .widget-box-status .widget-box-picture img {
  width: 100%;
  height: 100%;
}

.widget-box .widget-box-status .post-preview,
.widget-box .widget-box-status .quote-box {
  margin-top: 28px;
}

.widget-box .widget-box-status .video-status,
.widget-box .widget-box-status .iframe-wrap,
.widget-box .widget-box-status .poll-box,
.widget-box .widget-box-status .picture-collage,
.widget-box .widget-box-status .widget-box {
  margin-top: 24px;
}

.widget-box .widget-box-status .widget-box .widget-box-status {
  padding-bottom: 32px;
}

.widget-box .widget-box-status .widget-box .widget-box-status .widget-box-status-content .user-status {
  padding-right: 0;
}

.widget-box .widget-box-status .tag-list {
  margin-top: 28px;
}

.widget-box .widget-box-status .tag-list:first-child {
  margin-top: 18px;
}

.widget-box .widget-box-status .user-preview-widget {
  margin-top: 28px;
}

.widget-box .post-footer > .content-actions {
  margin: 0 28px 0;
  border-top: 1px solid var(--color-divider);
}

.widget-box .widget-box-button {
  width: 100%;
  margin-top: 32px;
}

/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (max-width: 1365px) {
  .widget-box .widget-box-footer .chart-info {
    display: none;
  }
}

@media screen and (max-width: 680px) {
  .widget-box .widget-box-status > .text-sticker .text-sticker-icon {
    margin-right: 0;
  }
  .widget-box .widget-box-status > .text-sticker .text-sticker-content {
    display: none;
  }
  .widget-box .widget-box-actions .widget-box-action:last-child .reference-item-list {
    position: absolute;
    top: 60px;
    left: 28px;
  }
}

/*------------------------------------------------------------------
[Table of contents]

1. .loader-bars
-------------------------------------------------------------------*/
/*---------------------
    1. LOADER BARS
---------------------*/
.loader-bars {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  height: 40px;
}

.loader-bars .loader-bar {
  width: 4px;
  height: 100%;
  margin-right: 4px;
  border-radius: 200px;
  -webkit-transform: scaleY(0.2);
          transform: scaleY(0.2);
  -webkit-animation: loader-bars .5s infinite alternate ease-in;
          animation: loader-bars .5s infinite alternate ease-in;
}

.loader-bars .loader-bar:last-child {
  margin-right: 0;
}

.loader-bars .loader-bar:nth-child(1) {
  background-color: var(--color-loading-bar-1);
}

.loader-bars .loader-bar:nth-child(2) {
  background-color: var(--color-loading-bar-2);
  -webkit-animation-delay: .1s;
          animation-delay: .1s;
}

.loader-bars .loader-bar:nth-child(3) {
  background-color: var(--color-loading-bar-3);
  -webkit-animation-delay: .2s;
          animation-delay: .2s;
}

.loader-bars .loader-bar:nth-child(4) {
  background-color: var(--color-loading-bar-4);
  -webkit-animation-delay: .3s;
          animation-delay: .3s;
}

.loader-bars .loader-bar:nth-child(5) {
  background-color: var(--color-loading-bar-5);
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
}

.loader-bars .loader-bar:nth-child(6) {
  background-color: var(--color-loading-bar-6);
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
}

.loader-bars .loader-bar:nth-child(7) {
  background-color: var(--color-loading-bar-7);
  -webkit-animation-delay: .6s;
          animation-delay: .6s;
}

.loader-bars .loader-bar:nth-child(8) {
  background-color: var(--color-loading-bar-8);
  -webkit-animation-delay: .7s;
          animation-delay: .7s;
}

.loader-spinner-wrap {
  display: block;
}

.loader-spinner-wrap.small .loader-spinner {
  width: 15px;
  height: 15px;
}

.loader-spinner {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(to right, var(--color-primary) 10%, rgba(35, 210, 226, 0) 42%);
  -webkit-animation: loader-spinner 1.4s infinite linear;
          animation: loader-spinner 1.4s infinite linear;
  position: relative;
}

.loader-spinner::before, .loader-spinner::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
}

.loader-spinner:before {
  width: 50%;
  height: 50%;
  background-color: var(--color-primary);
  border-radius: 100% 0 0 0;
}

.loader-spinner:after {
  width: 75%;
  height: 75%;
  border-radius: 50%;
  background-color: var(--color-box-background);
  margin: auto;
  bottom: 0;
  right: 0;
}

@-webkit-keyframes loader-spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loader-spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes loader-bars {
  0% {
    -webkit-transform: scaleY(0.2);
            transform: scaleY(0.2);
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}

@keyframes loader-bars {
  0% {
    -webkit-transform: scaleY(0.2);
            transform: scaleY(0.2);
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}

/*------------------------------------------------------------------
[Table of contents]

1. .error-section
-------------------------------------------------------------------*/
/*-----------------------
    1. ERROR SECTION
-----------------------*/
.error-section {
  margin-top: 32px;
  padding-bottom: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.error-section .error-section-title {
  margin-top: 36px;
  color: var(--color-secondary);
  font-size: 9rem;
  font-weight: 700;
}

.error-section .error-section-subtitle {
  margin-top: 12px;
  font-size: 2.25rem;
  font-weight: 700;
}

.error-section .error-section-description {
  width: 90%;
  max-width: 570px;
  margin-top: 32px;
  font-size: 1.125rem;
  line-height: 1.7777777778em;
  font-weight: 500;
  text-align: center;
}

.error-section .error-section-button {
  margin-top: 50px;
  padding: 0 52px;
  font-size: 1rem;
}

/*-----------------------
    2. MEDIA QUERIES
-----------------------*/
@media screen and (max-width: 480px) {
  .error-section {
    margin-top: 16px;
    padding-bottom: 0;
  }
  .error-section .error-section-image {
    width: 100%;
    height: auto;
  }
  .error-section .error-section-title {
    font-size: 6.5rem;
  }
  .error-section .error-section-subtitle {
    width: 90%;
    text-align: center;
  }
}

/*--------------------
    WP LINK POPUP
--------------------*/
#wp-link-backdrop {
  background-color: #15151f !important;
  opacity: .96 !important;
}

#wp-link-wrap {
  height: 380px !important;
  border-radius: 12px;
  padding: 32px 28px;
  overflow: visible !important;
  background-color: var(--color-box-background) !important;
}

#wp-link-wrap.wp-core-ui .button {
  height: 48px;
  padding: 0 48px;
  border-radius: 10px;
  border: 1px solid var(--color-border);
  background-color: transparent;
  color: var(--color-text-alt-2);
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  line-height: 48px;
  transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out;
  box-shadow: none;
}

#wp-link-wrap.wp-core-ui .button.button-primary {
  background-color: var(--color-secondary);
  border: none;
  color: #fff;
  box-shadow: var(--color-secondary-shadow);
}

#wp-link-wrap.wp-core-ui .button.button-primary:hover {
  background-color: var(--color-secondary-hover);
}

#wp-link-wrap.wp-core-ui .button.button-primary:hover .loader-spinner:after {
  background-color: var(--color-secondary-hover);
}

#wp-link-wrap #wp-link-close {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  color: #fff;
  background-color: var(--color-secondary-dark);
  cursor: pointer;
  top: -52px;
  right: -48px;
  transition: background-color .2s ease-in-out;
}

#wp-link-wrap #wp-link-close:hover {
  background-color: var(--color-primary);
}

#wp-link-wrap #link-modal-title {
  height: auto;
  border-bottom: none;
  padding: 0;
  background-color: var(--color-box-background);
  font-size: 1rem;
  font-weight: 700;
}

#wp-link-wrap #link-selector,
#wp-link-wrap #link-options {
  padding: 0 !important;
}

#wp-link-wrap #link-selector {
  margin-top: 16px;
}

#wp-link-wrap label {
  color: var(--color-text-alt);
  font-size: 0.875rem;
}

#wp-link-wrap #wp-link-url {
  margin: 12px 0;
}

#wp-link-wrap #wp-link .howto {
  margin: 0;
  color: var(--color-text-alt);
  font-size: 1rem;
  font-weight: 500;
}

#wp-link-wrap #wp-link .link-target {
  padding: 0;
  margin-top: 16px;
}

#wp-link-wrap #wp-link .link-target label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 700;
  cursor: pointer;
}

#wp-link-wrap #wp-link .link-target input[type="checkbox"] {
  width: 22px;
  height: 22px;
  margin-right: 8px;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  background: var(--color-box-background);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

#wp-link-wrap #wp-link .link-target input[type="checkbox"]::before {
  display: none;
  content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNoZWNrYm94X0Nyb3NzX0ljb24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQoJIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyIDEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBkPSJNMTIsOS42TDkuNiwxMkw2LDguMzk5TDIuNCwxMkwwLDkuNkwzLjYsNkwwLDIuNEwyLjQsMEw2LDMuNg0KCUw5LjYsMEwxMiwyLjRMOC4zOTksNkwxMiw5LjZ6Ii8+DQo8L3N2Zz4NCg==");
  width: 12px;
  height: 12px;
  margin: 0;
  padding: 4px;
}

#wp-link-wrap #wp-link .link-target input[type="checkbox"]:focus, #wp-link-wrap #wp-link .link-target input[type="checkbox"]:checked {
  box-shadow: none;
  border-color: var(--color-primary);
}

#wp-link-wrap #wp-link .link-target input[type="checkbox"]:checked {
  background: var(--color-primary);
}

#wp-link-wrap #wp-link .link-target input[type="checkbox"]:checked::before {
  display: block;
}

#wp-link-wrap #wplink-link-existing-content,
#wp-link-wrap #search-panel {
  display: none;
}

#wp-link-wrap .submitbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 0 !important;
  background-color: var(--color-box-background) !important;
  border-top: none !important;
}

#wp-link-wrap .submitbox #wp-link-cancel,
#wp-link-wrap .submitbox #wp-link-update,
#wp-link-wrap .submitbox #wp-link-submit {
  float: none;
}

#wp-link-wrap .submitbox #wp-link-cancel {
  margin-right: 16px;
}

/*---------------------------
    FORUM HEADING
---------------------------*/
.forum-heading .forum-pretitle {
  color: var(--color-text-alt);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}

.forum-heading .forum-title {
  margin-top: 6px;
  font-size: 1.625rem;
}

.forum-heading + .bbpress-wrapper {
  margin-top: 8px;
}

/*---------------------------
    FORUM TOPIC META
---------------------------*/
.forum-topic-meta .forum-topic-meta-title {
  font-size: 0.875rem;
  font-weight: 700;
}

.forum-topic-meta .forum-topic-meta-author-wrap {
  margin-top: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
}

.forum-topic-meta .forum-topic-meta-author {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.forum-topic-meta .forum-topic-meta-author .forum-topic-meta-author-title {
  margin-right: 8px;
  font-size: 0.75rem;
}

.forum-topic-meta .forum-topic-meta-timestamp {
  font-size: 0.75rem;
  font-weight: 500;
}

.forum-topic-meta-author {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.forum-topic-meta-author .forum-topic-meta-author-avatar {
  margin-right: 4px;
}

.forum-topic-meta-author .forum-topic-meta-author-title {
  color: var(--color-primary-dark);
  font-weight: 700;
}

/*---------------------------
    FORUM REPLY AUTHOR
---------------------------*/
.vikinger-forum-reply-author {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.vikinger-forum-reply-author .vikinger-forum-reply-author-title {
  margin-top: 8px;
  font-size: 0.875rem;
}

.vikinger-forum-reply-author .vikinger-forum-reply-author-title a {
  color: var(--color-text);
  font-weight: 700;
}

.vikinger-forum-reply-author .vikinger-forum-reply-author-text {
  margin-top: 4px;
  font-size: 0.75rem;
}

.vikinger-forum-reply-author .vikinger-forum-reply-author-text a {
  color: var(--color-text-alt);
  font-weight: 500;
}

.vikinger-forum-reply-author .vikinger-forum-reply-author-text a:hover {
  color: var(--color-primary);
}

.vikinger-forum-reply-author .vikinger-forum-reply-author-role {
  height: 20px;
  margin-top: 12px;
  padding: 0 8px;
  border-radius: 200px;
  background-color: var(--color-secondary-dark);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}

/*---------------------------
    TOP NAVIGATION
---------------------------*/
#bbpress-forums {
  /*------------------
      BBP REPLIES
  ------------------*/
  /*------------------
      BBP HEADER
  ------------------*/
  /*------------------
      BBP BODY
  ------------------*/
}

#bbpress-forums h2:first-child {
  font-size: 1.625rem;
}

#bbpress-forums .bbp-login-form label {
  width: auto;
}

#bbpress-forums .sidebar-menu-body .sidebar-menu-link {
  transition: color .25s ease-in-out, -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out, color .25s ease-in-out;
  transition: transform .2s ease-in-out, color .25s ease-in-out, -webkit-transform .2s ease-in-out;
}

#bbpress-forums .bbp-breadcrumb,
#bbpress-forums div.bbp-search-form {
  float: none;
}

#bbpress-forums .entry-title {
  font-size: 1.625rem;
  margin-bottom: 16px;
}

#bbpress-forums .vikinger-forum-search-bar .vikinger-create-discussion-button {
  padding: 0 32px;
}

#bbpress-forums .vikinger-forum-search-bar #subscription-toggle {
  margin-left: 16px;
}

#bbpress-forums #bbp-user-subscriptions #subscription-toggle {
  display: none;
}

#bbpress-forums #bbp-user-favorites #favorite-toggle {
  display: none;
}

#bbpress-forums .bbp-user-section .bbp-template-notice:last-child {
  margin-bottom: 0;
}

#bbpress-forums .bbp-user-section + .entry-title {
  margin-top: 64px;
}

#bbpress-forums #subscription-toggle,
#bbpress-forums #favorite-toggle {
  float: none;
  display: block;
}

#bbpress-forums #subscription-toggle span,
#bbpress-forums #favorite-toggle span {
  display: block;
  height: 48px;
  border-radius: 10px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-overbox-shadow);
  transition: box-shadow .2s ease-in-out, background-color .2s ease-in-out;
}

#bbpress-forums #subscription-toggle span:hover a, #bbpress-forums #subscription-toggle span.is-subscribed a, #bbpress-forums #subscription-toggle span.is-favorite a,
#bbpress-forums #favorite-toggle span:hover a,
#bbpress-forums #favorite-toggle span.is-subscribed a,
#bbpress-forums #favorite-toggle span.is-favorite a {
  color: #fff;
}

#bbpress-forums #subscription-toggle span a,
#bbpress-forums #favorite-toggle span a {
  display: block;
  padding: 0 32px;
  color: var(--color-text-alt-2);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 48px;
  text-align: center;
  transition: color .2s ease-in-out;
}

#bbpress-forums #subscription-toggle span:hover, #bbpress-forums #subscription-toggle span.is-subscribed {
  background-color: var(--color-secondary);
  box-shadow: var(--color-secondary-shadow);
}

#bbpress-forums #favorite-toggle span:hover, #bbpress-forums #favorite-toggle span.is-favorite {
  background-color: var(--color-primary);
  box-shadow: var(--color-primary-shadow);
}

#bbpress-forums .bbp-topic-split,
#bbpress-forums .bbp-reply-move,
#bbpress-forums .bbp-topic-merge {
  margin-top: 32px;
}

#bbpress-forums .vikinger-forum-replies {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

#bbpress-forums .vikinger-forum-replies .vikinger-forum-replies-posts {
  width: 884px;
  margin-right: 16px;
}

#bbpress-forums .vikinger-forum-replies .vikinger-forum-replies-sidebar {
  width: 284px;
  margin-top: 40px;
}

#bbpress-forums .vikinger-forum-replies .vikinger-forum-replies-sidebar > * {
  margin-bottom: 16px;
}

#bbpress-forums .vikinger-forum-replies .vikinger-forum-replies-sidebar > *:last-child {
  margin-bottom: 0;
}

#bbpress-forums .vikinger-forum-replies .vikinger-forum-replies-sidebar-actions {
  display: -ms-flexbox;
  display: flex;
}

#bbpress-forums .vikinger-forum-replies .vikinger-forum-replies-sidebar-actions > * {
  width: 100%;
}

#bbpress-forums .vikinger-forum-replies .vikinger-forum-replies-sidebar-actions > *:first-child {
  margin-right: 12px;
}

#bbpress-forums .vikinger-forum-topic-tags {
  font-size: 0.875rem;
}

#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
  border: none;
  margin-bottom: 0;
}

#bbpress-forums div.bbp-reply-header,
#bbpress-forums div.bbp-forum-header,
#bbpress-forums div.bbp-topic-header {
  padding: 22px 28px;
  background-color: var(--color-box-background-alt);
  border: none;
}

#bbpress-forums div.bbp-reply-header:first-child,
#bbpress-forums div.bbp-forum-header:first-child,
#bbpress-forums div.bbp-topic-header:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

#bbpress-forums div.bbp-forum-header .bbp-meta .bbp-forum-post-date {
  color: var(--color-text-alt);
  font-size: 0.875rem;
  font-weight: 500;
}

#bbpress-forums div.bbp-forum-header .bbp-meta .bbp-forum-permalink {
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 700;
  transition: color .2s ease-in-out;
}

#bbpress-forums div.bbp-forum-header .bbp-meta .bbp-forum-permalink:hover {
  color: var(--color-primary);
}

#bbpress-forums div.bbp-forum-header .bbp-forum-title {
  color: var(--color-text);
}

#bbpress-forums div.bbp-forum-header .bbp-forum-title a {
  color: var(--color-primary);
}

#bbpress-forums div.bbp-topic-header .bbp-meta .bbp-topic-post-date {
  color: var(--color-text-alt);
  font-size: 0.875rem;
  font-weight: 500;
}

#bbpress-forums div.bbp-topic-header .bbp-meta .bbp-topic-permalink {
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 700;
  transition: color .2s ease-in-out;
}

#bbpress-forums div.bbp-topic-header .bbp-meta .bbp-topic-permalink:hover {
  color: var(--color-primary);
}

#bbpress-forums div.bbp-topic-header .bbp-topic-title {
  color: var(--color-text);
}

#bbpress-forums div.bbp-topic-header .bbp-topic-title a {
  color: var(--color-primary);
}

#bbpress-forums div.bbp-topic-header .bbp-topic-title .bbp-topic-title-meta {
  font-size: 0.875rem;
}

#bbpress-forums div.bbp-topic-header .bbp-topic-title .bbp-topic-title-meta a {
  font-weight: 700;
}

#bbpress-forums div.bbp-reply-header .bbp-meta {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#bbpress-forums div.bbp-reply-header .bbp-meta .bbp-reply-post-date {
  color: var(--color-text-alt);
  font-size: 0.875rem;
  font-weight: 500;
}

#bbpress-forums div.bbp-reply-header .bbp-meta .bbp-header {
  display: block;
  color: var(--color-text-alt);
  font-size: 0.875rem;
  font-weight: 500;
}

#bbpress-forums div.bbp-reply-header .bbp-meta .bbp-header .bbp-topic-permalink {
  color: var(--color-primary);
  font-weight: 700;
}

#bbpress-forums div.bbp-reply-header .bbp-meta .bbp-reply-permalink,
#bbpress-forums div.bbp-reply-header .bbp-meta .bbp-admin-links {
  font-size: 0.875rem;
  font-weight: 700;
}

#bbpress-forums div.bbp-reply-header .bbp-meta .bbp-reply-permalink {
  color: var(--color-text);
  transition: color .2s ease-in-out;
}

#bbpress-forums div.bbp-reply-header .bbp-meta .bbp-reply-permalink:hover {
  color: var(--color-primary);
}

#bbpress-forums div.bbp-reply-header .bbp-meta .bbp-admin-links {
  color: var(--color-text-alt-2);
}

#bbpress-forums div.bbp-reply-header .bbp-meta .bbp-admin-links a {
  color: var(--color-text-alt-2);
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: none;
  transition: color .2s ease-in-out;
}

#bbpress-forums div.bbp-reply-header .bbp-meta .bbp-admin-links a:hover {
  color: var(--color-text);
}

#bbpress-forums div.bbp-topic-author,
#bbpress-forums div.bbp-reply-author {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  float: none;
  width: 156px;
  padding-right: 28px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

#bbpress-forums div.bbp-topic-author .bbp-reply-ip,
#bbpress-forums div.bbp-reply-author .bbp-reply-ip {
  margin-top: 4px;
}

#bbpress-forums div.bbp-topic-author .bbp-reply-ip span.bbp-author-ip,
#bbpress-forums div.bbp-reply-author .bbp-reply-ip span.bbp-author-ip {
  color: var(--color-text-alt);
  font-size: 0.75rem;
  font-weight: 500;
}

#bbpress-forums div.bbp-topic-author .gamipress-bbpress-achievements,
#bbpress-forums div.bbp-reply-author .gamipress-bbpress-achievements {
  margin-top: 4px;
}

#bbpress-forums div.bbp-topic-author .gamipress-bbpress-points,
#bbpress-forums div.bbp-reply-author .gamipress-bbpress-points {
  margin: 8px 0;
}

#bbpress-forums div.bbp-topic-author .gamipress-bbpress-user-points,
#bbpress-forums div.bbp-topic-author .gamipress-bbpress-points-label,
#bbpress-forums div.bbp-reply-author .gamipress-bbpress-user-points,
#bbpress-forums div.bbp-reply-author .gamipress-bbpress-points-label {
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 500;
}

#bbpress-forums div.bbp-topic-author .bpbm-private-message-link-buddypress,
#bbpress-forums div.bbp-reply-author .bpbm-private-message-link-buddypress {
  color: var(--color-text-alt);
  font-size: 0.75rem;
  font-weight: 500;
}

#bbpress-forums div.bbp-topic-author .bpbm-private-message-link-buddypress:hover,
#bbpress-forums div.bbp-reply-author .bpbm-private-message-link-buddypress:hover {
  color: var(--color-primary-dark);
}

#bbpress-forums div.bbp-topic-content,
#bbpress-forums div.bbp-reply-content {
  width: 100%;
  padding: 0;
  margin-left: 0;
}

#bbpress-forums div.bbp-topic-content > *,
#bbpress-forums div.bbp-reply-content > * {
  margin-top: 24px;
}

#bbpress-forums div.bbp-topic-content > *:first-child,
#bbpress-forums div.bbp-reply-content > *:first-child {
  margin-top: 0;
}

#bbpress-forums div.bbp-topic-content p,
#bbpress-forums div.bbp-reply-content p {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.7142857143em;
  word-break: break-word;
}

#bbpress-forums div.bbp-topic-content p img,
#bbpress-forums div.bbp-reply-content p img {
  margin-top: 24px;
}

#bbpress-forums div.bbp-topic-content a,
#bbpress-forums div.bbp-reply-content a {
  font-weight: 600;
}

#bbpress-forums div.bbp-topic-content ul, #bbpress-forums div.bbp-topic-content ol,
#bbpress-forums div.bbp-reply-content ul,
#bbpress-forums div.bbp-reply-content ol {
  margin-top: 24px;
  padding-left: 20px;
}

#bbpress-forums div.bbp-topic-content ul ul, #bbpress-forums div.bbp-topic-content ul ol, #bbpress-forums div.bbp-topic-content ol ul, #bbpress-forums div.bbp-topic-content ol ol,
#bbpress-forums div.bbp-reply-content ul ul,
#bbpress-forums div.bbp-reply-content ul ol,
#bbpress-forums div.bbp-reply-content ol ul,
#bbpress-forums div.bbp-reply-content ol ol {
  padding-left: 0;
  margin: 18px;
}

#bbpress-forums div.bbp-topic-content ul li, #bbpress-forums div.bbp-topic-content ol li,
#bbpress-forums div.bbp-reply-content ul li,
#bbpress-forums div.bbp-reply-content ol li {
  margin-bottom: 16px;
  display: list-item;
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 500;
}

#bbpress-forums div.bbp-topic-content ul li:last-child, #bbpress-forums div.bbp-topic-content ol li:last-child,
#bbpress-forums div.bbp-reply-content ul li:last-child,
#bbpress-forums div.bbp-reply-content ol li:last-child {
  margin-bottom: 0;
}

#bbpress-forums div.bbp-topic-content ul,
#bbpress-forums div.bbp-reply-content ul {
  list-style: disc;
}

#bbpress-forums div.bbp-topic-content ul ul,
#bbpress-forums div.bbp-reply-content ul ul {
  list-style: circle;
}

#bbpress-forums div.bbp-topic-content ul ol,
#bbpress-forums div.bbp-reply-content ul ol {
  list-style: lower-alpha;
}

#bbpress-forums div.bbp-topic-content ol,
#bbpress-forums div.bbp-reply-content ol {
  list-style: decimal;
}

#bbpress-forums div.bbp-topic-content ol ul,
#bbpress-forums div.bbp-reply-content ol ul {
  list-style: circle;
}

#bbpress-forums div.bbp-topic-content ol ol,
#bbpress-forums div.bbp-reply-content ol ol {
  list-style: lower-alpha;
}

#bbpress-forums div.bbp-topic-content blockquote,
#bbpress-forums div.bbp-reply-content blockquote {
  border-radius: 12px;
  box-shadow: var(--color-overbox-shadow);
  padding: 24px 28px 24px 46px;
  position: relative;
}

#bbpress-forums div.bbp-topic-content blockquote::before,
#bbpress-forums div.bbp-reply-content blockquote::before {
  content: '"';
  color: var(--color-primary);
  font-style: italic;
  font-size: 3.75rem;
  font-weight: 700;
  position: absolute;
  top: 40px;
  left: 8px;
}

#bbpress-forums div.bbp-topic-content blockquote p,
#bbpress-forums div.bbp-reply-content blockquote p {
  font-style: italic;
}

#bbpress-forums div.bbp-topic-content pre,
#bbpress-forums div.bbp-reply-content pre {
  background-color: var(--color-box-background);
  border: none;
}

#bbpress-forums div.bbp-topic-content pre code,
#bbpress-forums div.bbp-reply-content pre code {
  padding: 12px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background-color: var(--color-box-background-alt);
  box-shadow: var(--color-overbox-shadow);
  color: var(--color-text);
}

#bbpress-forums div.bbp-topic-content .vikinger-forum-media-wrap,
#bbpress-forums div.bbp-reply-content .vikinger-forum-media-wrap {
  position: relative;
  padding-top: 56.25%;
}

#bbpress-forums div.bbp-topic-content .vikinger-forum-media-wrap iframe,
#bbpress-forums div.bbp-reply-content .vikinger-forum-media-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#bbpress-forums div.bbp-topic-content ul.bbp-topic-revision-log,
#bbpress-forums div.bbp-topic-content ul.bbp-reply-revision-log,
#bbpress-forums div.bbp-reply-content ul.bbp-topic-revision-log,
#bbpress-forums div.bbp-reply-content ul.bbp-reply-revision-log {
  margin-top: 24px;
  padding: 12px 0 0;
  border-top: 1px solid var(--color-divider);
  font-size: 0.75rem;
  font-weight: 500;
}

#bbpress-forums div.bbp-topic-content ul.bbp-topic-revision-log .bbp-topic-revision-log-item,
#bbpress-forums div.bbp-topic-content ul.bbp-topic-revision-log .bbp-reply-revision-log-item,
#bbpress-forums div.bbp-topic-content ul.bbp-reply-revision-log .bbp-topic-revision-log-item,
#bbpress-forums div.bbp-topic-content ul.bbp-reply-revision-log .bbp-reply-revision-log-item,
#bbpress-forums div.bbp-reply-content ul.bbp-topic-revision-log .bbp-topic-revision-log-item,
#bbpress-forums div.bbp-reply-content ul.bbp-topic-revision-log .bbp-reply-revision-log-item,
#bbpress-forums div.bbp-reply-content ul.bbp-reply-revision-log .bbp-topic-revision-log-item,
#bbpress-forums div.bbp-reply-content ul.bbp-reply-revision-log .bbp-reply-revision-log-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 6px;
  color: var(--color-text-alt);
}

#bbpress-forums div.bbp-topic-content ul.bbp-topic-revision-log .bbp-topic-revision-log-item:last-child,
#bbpress-forums div.bbp-topic-content ul.bbp-topic-revision-log .bbp-reply-revision-log-item:last-child,
#bbpress-forums div.bbp-topic-content ul.bbp-reply-revision-log .bbp-topic-revision-log-item:last-child,
#bbpress-forums div.bbp-topic-content ul.bbp-reply-revision-log .bbp-reply-revision-log-item:last-child,
#bbpress-forums div.bbp-reply-content ul.bbp-topic-revision-log .bbp-topic-revision-log-item:last-child,
#bbpress-forums div.bbp-reply-content ul.bbp-topic-revision-log .bbp-reply-revision-log-item:last-child,
#bbpress-forums div.bbp-reply-content ul.bbp-reply-revision-log .bbp-topic-revision-log-item:last-child,
#bbpress-forums div.bbp-reply-content ul.bbp-reply-revision-log .bbp-reply-revision-log-item:last-child {
  margin-bottom: 0;
}

#bbpress-forums div.bbp-topic-content ul.bbp-topic-revision-log .bbp-topic-revision-log-item .vikinger-forum-reply-revision-author-avatar,
#bbpress-forums div.bbp-topic-content ul.bbp-topic-revision-log .bbp-reply-revision-log-item .vikinger-forum-reply-revision-author-avatar,
#bbpress-forums div.bbp-topic-content ul.bbp-reply-revision-log .bbp-topic-revision-log-item .vikinger-forum-reply-revision-author-avatar,
#bbpress-forums div.bbp-topic-content ul.bbp-reply-revision-log .bbp-reply-revision-log-item .vikinger-forum-reply-revision-author-avatar,
#bbpress-forums div.bbp-reply-content ul.bbp-topic-revision-log .bbp-topic-revision-log-item .vikinger-forum-reply-revision-author-avatar,
#bbpress-forums div.bbp-reply-content ul.bbp-topic-revision-log .bbp-reply-revision-log-item .vikinger-forum-reply-revision-author-avatar,
#bbpress-forums div.bbp-reply-content ul.bbp-reply-revision-log .bbp-topic-revision-log-item .vikinger-forum-reply-revision-author-avatar,
#bbpress-forums div.bbp-reply-content ul.bbp-reply-revision-log .bbp-reply-revision-log-item .vikinger-forum-reply-revision-author-avatar {
  margin-left: 4px;
}

#bbpress-forums div.bbp-topic-content ul.bbp-topic-revision-log .bbp-topic-revision-log-item .vikinger-forum-reply-revision-author-title,
#bbpress-forums div.bbp-topic-content ul.bbp-topic-revision-log .bbp-reply-revision-log-item .vikinger-forum-reply-revision-author-title,
#bbpress-forums div.bbp-topic-content ul.bbp-reply-revision-log .bbp-topic-revision-log-item .vikinger-forum-reply-revision-author-title,
#bbpress-forums div.bbp-topic-content ul.bbp-reply-revision-log .bbp-reply-revision-log-item .vikinger-forum-reply-revision-author-title,
#bbpress-forums div.bbp-reply-content ul.bbp-topic-revision-log .bbp-topic-revision-log-item .vikinger-forum-reply-revision-author-title,
#bbpress-forums div.bbp-reply-content ul.bbp-topic-revision-log .bbp-reply-revision-log-item .vikinger-forum-reply-revision-author-title,
#bbpress-forums div.bbp-reply-content ul.bbp-reply-revision-log .bbp-topic-revision-log-item .vikinger-forum-reply-revision-author-title,
#bbpress-forums div.bbp-reply-content ul.bbp-reply-revision-log .bbp-reply-revision-log-item .vikinger-forum-reply-revision-author-title {
  margin-left: 4px;
  color: var(--color-primary-dark);
  font-weight: 700;
}

#bbpress-forums li.bbp-header {
  padding: 14px 28px;
  background-color: transparent;
  border: none;
  color: var(--color-text);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1em;
  text-transform: uppercase;
}

#bbpress-forums li.bbp-header .forum-titles .bbp-forum-topic-count,
#bbpress-forums li.bbp-header .forum-titles .bbp-forum-reply-count,
#bbpress-forums li.bbp-header .forum-titles .bbp-topic-voice-count,
#bbpress-forums li.bbp-header .forum-titles .bbp-topic-reply-count {
  padding: 0;
}

#bbpress-forums li.bbp-header .forum-titles .bbp-forum-freshness,
#bbpress-forums li.bbp-header .forum-titles .bbp-topic-freshness {
  text-align: left;
}

#bbpress-forums li.bbp-header .bbp-search-author,
#bbpress-forums li.bbp-header .bbp-reply-author {
  display: block;
  width: 156px;
  text-align: left;
}

#bbpress-forums li.bbp-header .bbp-search-content,
#bbpress-forums li.bbp-header .bbp-reply-content {
  margin-left: 0;
}

#bbpress-forums li.bbp-body {
  border-radius: 12px;
}

#bbpress-forums li.bbp-body ul.hentry,
#bbpress-forums li.bbp-body div.hentry {
  display: -ms-flexbox;
  display: flex;
  padding: 28px 28px 32px;
}

#bbpress-forums li.bbp-body ul.hentry.status-spam,
#bbpress-forums li.bbp-body div.hentry.status-spam {
  background-color: rgba(253, 67, 80, 0.1);
}

#bbpress-forums li.bbp-body ul.hentry.status-spam.odd,
#bbpress-forums li.bbp-body div.hentry.status-spam.odd {
  background-color: rgba(253, 67, 80, 0.1);
}

#bbpress-forums li.bbp-body ul.hentry.status-closed a,
#bbpress-forums li.bbp-body div.hentry.status-closed a {
  color: var(--color-text);
}

#bbpress-forums li.bbp-body ul.hentry.status-closed .forum-topic-meta-author-title,
#bbpress-forums li.bbp-body div.hentry.status-closed .forum-topic-meta-author-title {
  color: var(--color-primary);
}

#bbpress-forums li.bbp-body ul.hentry.odd,
#bbpress-forums li.bbp-body div.hentry.odd {
  background-color: var(--color-box-background);
}

#bbpress-forums li.bbp-body ul.hentry.even,
#bbpress-forums li.bbp-body div.hentry.even {
  background-color: var(--color-box-background-alt);
}

#bbpress-forums li.bbp-body ul.hentry:last-child,
#bbpress-forums li.bbp-body div.hentry:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 32px 28px;
  border: none;
  background-color: var(--color-box-background-alt);
}

#bbpress-forums li.bbp-body ul.forum:first-child,
#bbpress-forums li.bbp-body ul.topic:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

#bbpress-forums li.bbp-body ul.forum:last-child,
#bbpress-forums li.bbp-body ul.topic:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

#bbpress-forums li.bbp-body ul.forum.odd,
#bbpress-forums li.bbp-body ul.topic.odd {
  background-color: var(--color-box-background);
}

#bbpress-forums li.bbp-body ul.topic.super-sticky, #bbpress-forums li.bbp-body ul.topic.sticky {
  background-color: var(--color-box-background) !important;
}

#bbpress-forums li.bbp-body ul.topic.super-sticky.even, #bbpress-forums li.bbp-body ul.topic.sticky.even {
  background-color: var(--color-box-background-alt) !important;
}

#bbpress-forums li.bbp-body ul.topic li.bbp-topic-title {
  font-size: 1rem;
  font-weight: 700;
}

#bbpress-forums li.bbp-body ul.topic li.bbp-topic-title .bbp-topic-permalink {
  line-height: 20px;
}

#bbpress-forums li.bbp-body ul.topic li.bbp-topic-title .bbp-topic-permalink .vikinger-forum-pinned-tag,
#bbpress-forums li.bbp-body ul.topic li.bbp-topic-title .bbp-topic-permalink .vikinger-forum-closed-tag {
  display: inline-block;
  height: 20px;
  padding: 0 8px;
  margin-right: 8px;
  border-radius: 200px;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 20px;
}

#bbpress-forums li.bbp-body ul.topic li.bbp-topic-title .bbp-topic-permalink .vikinger-forum-pinned-tag {
  background-color: var(--color-primary);
}

#bbpress-forums li.bbp-body ul.topic li.bbp-topic-title .bbp-topic-permalink .vikinger-forum-closed-tag {
  background-color: var(--color-tertiary);
}

#bbpress-forums li.bbp-body ul.topic li.bbp-topic-title .bbp-topic-meta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 8px 0 0 0;
  font-size: 0.875rem;
  font-weight: 500;
}

#bbpress-forums li.bbp-body ul.topic li.bbp-topic-title .bbp-topic-meta a {
  color: var(--color-primary-dark);
  font-weight: 700;
}

#bbpress-forums li.bbp-body ul.topic li.bbp-topic-title .bbp-topic-meta .forum-topic-meta-author {
  margin: 0 6px;
}

#bbpress-forums li.bbp-body .bbp-forum-topic-count,
#bbpress-forums li.bbp-body .bbp-forum-reply-count,
#bbpress-forums li.bbp-body .bbp-forum-freshness,
#bbpress-forums li.bbp-body .bbp-topic-voice-count,
#bbpress-forums li.bbp-body .bbp-topic-reply-count,
#bbpress-forums li.bbp-body .bbp-topic-freshness {
  font-size: 0.875rem;
}

#bbpress-forums li.bbp-body .bbp-forum-topic-count,
#bbpress-forums li.bbp-body .bbp-forum-reply-count,
#bbpress-forums li.bbp-body .bbp-topic-voice-count,
#bbpress-forums li.bbp-body .bbp-topic-reply-count {
  font-weight: 700;
}

#bbpress-forums li.bbp-body .bbp-forum-freshness,
#bbpress-forums li.bbp-body .bbp-topic-freshness {
  color: var(--color-text-alt);
  font-weight: 500;
  text-align: left;
}

#bbpress-forums .vikinger-forum-info-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

#bbpress-forums .vikinger-forum-info-wrap .vikinger-forum-thumbnail {
  display: block;
  margin-right: 28px;
}

#bbpress-forums .vikinger-forum-info-wrap .user-avatar,
#bbpress-forums .vikinger-forum-info-wrap .user-avatar-circle {
  margin-right: 32px;
}

#bbpress-forums .vikinger-forum-info-wrap .vikinger-forum-info .bbp-forum-title {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3333333333em;
}

#bbpress-forums .vikinger-forum-info-wrap .vikinger-forum-info .bbp-forum-content {
  margin: 8px 0 0;
  padding: 0;
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4285714286em;
}

#bbpress-forums .bbp-forums-list {
  border: none;
}

#bbpress-forums .bbp-forums-list .bbp-forum {
  display: block;
  margin-top: 12px;
  font-size: 0.875rem;
  font-weight: 700;
}

#bbpress-forums .bbp-forums-list .bbp-forum.css-sep:not(:last-child)::after {
  display: none;
}

#bbpress-forums .bbp-topic-form,
#bbpress-forums .bbp-reply-form {
  margin-top: 32px;
}

#bbpress-forums div.bbp-submit-wrapper {
  float: none;
  margin-top: 28px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

#bbp-cancel-reply-to-link,
#bbpress-forums div.bbp-submit-wrapper .button {
  width: auto;
  padding: 0 48px;
}

#bbp-cancel-reply-to-link + .button {
  margin-left: 12px;
}

#bbpress-forums .wp-editor-container,
#bbpress-forums .quicktags-toolbar {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-color: var(--color-border);
}

#bbpress-forums .wp-editor-container {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

#bbpress-forums .quicktags-toolbar {
  background-color: var(--color-box-background-alt);
}

#bbpress-forums div.bbp-the-content-wrapper {
  margin: 28px 0 0;
}

#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
  padding: 0 12px;
}

#bbpress-forums div.bbp-the-content-wrapper input[type="button"] {
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 700;
}

#bbpress-forums div.bbp-the-content-wrapper input[type="button"]:hover {
  color: var(--color-primary);
  border-color: transparent;
  background-color: transparent;
}

#bbpress-forums div.bbp-the-content-wrapper .wp-editor-area {
  font-family: Roboto;
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
  padding: 14px 18px;
  font-size: 0.875rem;
}

#bbpress-forums fieldset.bbp-form {
  border: none;
  padding: 0;
  margin: 0;
}

#bbpress-forums fieldset.bbp-form#bbp-edit-topic-tag fieldset.bbp-form label {
  width: auto;
}

#bbpress-forums fieldset.bbp-form legend {
  color: var(--color-text);
  font-family: "Rajdhani", sans-serif;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.1em;
}

#bbpress-forums fieldset.bbp-form legend + .bbp-template-notice,
#bbpress-forums fieldset.bbp-form legend + .form-item {
  margin-top: 0;
}

#bbpress-forums fieldset.bbp-form .bbp-form + .bbp-form {
  margin-top: 32px;
}

#bbpress-forums fieldset.bbp-form .bbp-form legend {
  margin-bottom: 32px;
}

#bbpress-forums fieldset.bbp-form input,
#bbpress-forums fieldset.bbp-form select {
  margin-bottom: 0;
}

#bbpress-forums fieldset.bbp-form select#bbp_forum_id {
  max-width: 100%;
}

#bbpress-forums fieldset.bbp-form .form-row {
  margin-top: 28px;
}

#bbpress-forums fieldset.bbp-form .form-row .form-item {
  margin-top: 0;
}

#bbpress-forums fieldset.bbp-form .form-item {
  margin-top: 28px;
}

#bbpress-forums fieldset.bbp-form .form-item:first-child {
  margin-top: 0;
}

#bbpress-forums fieldset.bbp-form .form-select select {
  height: 100%;
  padding: 0 40px 0 20px;
}

#bbpress-forums fieldset.bbp-form .form-input.small input {
  height: 48px;
  padding: 0 18px;
}

#bbpress-forums .vikinger-forum-topic-form-wrap {
  margin-top: 28px;
  padding: 32px 28px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

#bbpress-forums .vikinger-forum-topic-form-wrap *:first-child {
  margin-top: 0;
}

#bbpress-forums .bbp-footer {
  display: none;
}

#bbpress-forums .bbp-breadcrumb p {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.5em;
}

#bbpress-forums .bbp-breadcrumb p a {
  font-weight: 700;
}

#bbpress-forums .bbp-breadcrumb p .bbp-breadcrumb-sep {
  font-size: 1rem;
  margin: 0 4px;
}

#bbpress-forums .section-filters-bar {
  margin-top: 28px;
}

#bbpress-forums #bbp-search-form #bbp_search {
  display: block;
  width: 100%;
}

#bbpress-forums #message,
#bbpress-forums div.bbp-template-notice {
  padding: 14px 18px;
  border: 1px solid var(--color-secondary);
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
  border-radius: 12px;
  position: relative;
}

#bbpress-forums #message + .bbp-pagination,
#bbpress-forums div.bbp-template-notice + .bbp-pagination {
  margin-top: 0;
}

#bbpress-forums #message.info,
#bbpress-forums div.bbp-template-notice.info {
  border: 1px solid var(--color-primary);
}

#bbpress-forums #message.info::before,
#bbpress-forums div.bbp-template-notice.info::before {
  background-color: var(--color-notice-overlay-background-primary);
}

#bbpress-forums #message.error,
#bbpress-forums div.bbp-template-notice.error {
  border: 1px solid var(--color-tertiary);
}

#bbpress-forums #message.error::before,
#bbpress-forums div.bbp-template-notice.error::before {
  background-color: var(--color-notice-overlay-background-tertiary);
}

#bbpress-forums #message::before,
#bbpress-forums div.bbp-template-notice::before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background-color: var(--color-notice-overlay-background-secondary);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#bbpress-forums #message ul,
#bbpress-forums div.bbp-template-notice ul {
  position: relative;
  z-index: 2;
}

#bbpress-forums #message ul li,
#bbpress-forums div.bbp-template-notice ul li {
  margin: 0 0 4px 0 !important;
  padding: 0;
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2857142857em;
}

#bbpress-forums #message ul li:last-child,
#bbpress-forums div.bbp-template-notice ul li:last-child {
  margin-bottom: 0 !important;
}

#bbpress-forums #message .bbp-forum-description,
#bbpress-forums div.bbp-template-notice .bbp-forum-description {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
}

#bbpress-forums #message .bbp-forum-description a,
#bbpress-forums div.bbp-template-notice .bbp-forum-description a {
  margin: 0 4px;
  color: var(--color-text);
  font-weight: 700;
}

#bbpress-forums #message .bbp-forum-description a:hover,
#bbpress-forums div.bbp-template-notice .bbp-forum-description a:hover {
  color: var(--color-primary-dark);
}

#bbpress-forums #message .bbp-forum-description .bbp-forum-description-author,
#bbpress-forums div.bbp-template-notice .bbp-forum-description .bbp-forum-description-author {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

#bbpress-forums #message .bbp-forum-description .bbp-forum-description-author .bbp-forum-description-author-avatar,
#bbpress-forums div.bbp-template-notice .bbp-forum-description .bbp-forum-description-author .bbp-forum-description-author-avatar {
  margin-left: 6px;
}

#bbpress-forums #message .bbp-forum-description .bbp-forum-description-author .bbp-forum-description-author-title,
#bbpress-forums div.bbp-template-notice .bbp-forum-description .bbp-forum-description-author .bbp-forum-description-author-title {
  margin: 0;
}

#bbpress-forums div.bbp-template-notice {
  margin: 32px 0;
}

#bbpress-forums #message p {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2857142857em;
}

#bbpress-forums .bbp-pagination {
  float: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 32px;
}

#bbpress-forums .bbp-pagination .bbp-pagination-count {
  float: none;
  color: var(--color-text-alt);
  font-size: 0.875rem;
  font-weight: 500;
}

#bbpress-forums .bbp-pagination .bbp-pagination-links {
  float: none;
  display: -ms-flexbox;
  display: flex;
}

#bbpress-forums .bbp-pagination .bbp-pagination-links a,
#bbpress-forums .bbp-pagination .bbp-pagination-links span {
  float: none;
  height: 22px;
  margin: 0 6px 0 0;
  padding: 0 8px;
  background-color: var(--color-box-background);
  border-radius: 6px;
  border: none;
  color: var(--color-text);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 22px;
  box-shadow: var(--color-overbox-shadow);
}

#bbpress-forums .bbp-pagination .bbp-pagination-links a:hover,
#bbpress-forums .bbp-pagination .bbp-pagination-links span:hover {
  color: var(--color-primary-dark);
}

#bbpress-forums .bbp-pagination .bbp-pagination-links a:last-child,
#bbpress-forums .bbp-pagination .bbp-pagination-links span:last-child {
  margin-right: 0;
}

#bbpress-forums .bbp-pagination .bbp-pagination-links span.current {
  background-color: var(--color-primary);
  border: none;
  color: #fff;
  opacity: 1;
}

#bbpress-forums .bbp-topic-pagination {
  display: -ms-flexbox;
  display: flex;
  margin: 6px 0 0 0;
}

#bbpress-forums .bbp-topic-pagination .page-numbers {
  height: 22px;
  margin: 0 6px 0 0;
  padding: 0 8px;
  background-color: var(--color-box-background);
  border-radius: 6px;
  border: none;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 22px;
  box-shadow: var(--color-overbox-shadow);
}

#bbpress-forums .bbp-topic-pagination .page-numbers.dots {
  background-color: transparent;
  box-shadow: none;
}

#bbpress-forums .bbp-topic-pagination .page-numbers.dots:hover {
  background-color: transparent;
  color: var(--color-text);
}

#bbpress-forums .bbp-topic-pagination .page-numbers:hover {
  background-color: var(--color-box-background);
  border: none;
  color: var(--color-primary-dark);
  opacity: 1;
}

#bbpress-forums .bbp-topic-pagination .page-numbers:last-child {
  margin-right: 0;
}

#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-topics {
  margin: 16px 0 0 0;
  border: none;
}

#bbpress-forums ul.bbp-forums li,
#bbpress-forums ul.bbp-topics li {
  color: var(--color-text);
}

#bbpress-forums ul.bbp-forums li.bbp-forum-info {
  width: 50%;
}

#bbpress-forums ul.bbp-forums li.bbp-forum-topic-count, #bbpress-forums ul.bbp-forums li.bbp-forum-reply-count {
  padding: 0 46px;
}

#bbpress-forums ul.bbp-forums li.bbp-forum-freshness {
  width: 30%;
  padding-left: 60px;
}

#bbpress-forums ul.bbp-topics li.bbp-topic-title {
  width: 50%;
}

#bbpress-forums ul.bbp-topics li.bbp-topic-voice-count, #bbpress-forums ul.bbp-topics li.bbp-topic-reply-count {
  padding: 0 46px;
}

#bbpress-forums ul.bbp-topics li.bbp-topic-freshness {
  width: 30%;
  padding-left: 60px;
}

/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (max-width: 1260px) {
  #bbpress-forums ul.bbp-forums li.bbp-forum-info {
    width: 70%;
  }
  #bbpress-forums ul.bbp-forums li.bbp-forum-topic-count, #bbpress-forums ul.bbp-forums li.bbp-forum-reply-count {
    width: 15%;
  }
  #bbpress-forums ul.bbp-forums li.bbp-forum-freshness {
    display: none;
  }
  #bbpress-forums ul.bbp-topics li.bbp-topic-title {
    width: 70%;
  }
  #bbpress-forums ul.bbp-topics li.bbp-topic-voice-count, #bbpress-forums ul.bbp-topics li.bbp-topic-reply-count {
    width: 15%;
  }
  #bbpress-forums ul.bbp-topics li.bbp-topic-freshness {
    display: none;
  }
  #bbpress-forums .vikinger-forum-replies {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  #bbpress-forums .vikinger-forum-replies .vikinger-forum-replies-posts {
    width: 100%;
    margin-right: 0;
    margin-top: 16px;
    -ms-flex-order: 2;
        order: 2;
  }
  #bbpress-forums .vikinger-forum-replies .vikinger-forum-replies-sidebar {
    width: 100%;
    margin-top: 0;
    -ms-flex-order: 1;
        order: 1;
  }
  #bbpress-forums .vikinger-forum-topic-tags {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 960px) {
  #bbpress-forums .vikinger-forum-search-bar .section-filters-bar-actions.full {
    display: block;
  }
  #bbpress-forums .vikinger-forum-search-bar .section-filters-bar-actions .form + .button {
    margin: 16px 0 0;
  }
  #bbpress-forums .vikinger-forum-search-bar .section-filters-bar-actions #subscription-toggle {
    margin: 16px 0 0;
  }
  #bbpress-forums ul.bbp-forums li.bbp-forum-topic-count, #bbpress-forums ul.bbp-forums li.bbp-forum-reply-count {
    padding: 0 22px;
  }
  #bbpress-forums ul.bbp-forums li.bbp-body ul.forum .vikinger-forum-info-wrap {
    display: block;
  }
  #bbpress-forums ul.bbp-forums li.bbp-body ul.forum .vikinger-forum-info-wrap .vikinger-forum-thumbnail,
  #bbpress-forums ul.bbp-forums li.bbp-body ul.forum .vikinger-forum-info-wrap .user-avatar,
  #bbpress-forums ul.bbp-forums li.bbp-body ul.forum .vikinger-forum-info-wrap .user-avatar-circle {
    margin-right: 0;
    margin-bottom: 12px;
  }
  #bbpress-forums ul.bbp-topics li.bbp-topic-voice-count, #bbpress-forums ul.bbp-topics li.bbp-topic-reply-count {
    padding: 0 22px;
  }
}

@media screen and (max-width: 480px) {
  #bbpress-forums ul.bbp-forums li.bbp-forum-info {
    width: 100%;
  }
  #bbpress-forums ul.bbp-forums li.bbp-forum-topic-count, #bbpress-forums ul.bbp-forums li.bbp-forum-reply-count {
    display: none;
  }
  #bbpress-forums ul.bbp-topics li.bbp-topic-title {
    width: 100%;
  }
  #bbpress-forums ul.bbp-topics li.bbp-topic-voice-count, #bbpress-forums ul.bbp-topics li.bbp-topic-reply-count {
    display: none;
  }
  #bbpress-forums div.bbp-search-form input[type="text"] {
    padding: 0 82px 0 18px;
  }
  #bbpress-forums .bbp-pagination {
    display: block;
  }
  #bbpress-forums .bbp-pagination .bbp-pagination-count {
    text-align: center;
  }
  #bbpress-forums .bbp-pagination .bbp-pagination-links {
    -ms-flex-pack: end;
        justify-content: flex-end;
    margin-top: 16px;
  }
  #bbpress-forums div.bbp-topic-header .bbp-meta .bbp-topic-post-date {
    float: none;
  }
  #bbpress-forums li.bbp-body div.hentry {
    display: block;
  }
  #bbpress-forums li.bbp-body div.bbp-topic-author,
  #bbpress-forums li.bbp-body div.bbp-reply-author {
    -ms-flex-align: start;
        align-items: flex-start;
    width: 100%;
    margin: 0 0 16px;
    padding: 0 0 16px;
    border-bottom: 1px solid var(--color-divider);
    box-sizing: border-box;
  }
  .vikinger-forum-reply-author {
    -ms-flex-align: start;
        align-items: flex-start;
  }
}

@media screen and (max-width: 320px) {
  #bbpress-forums ul.bbp-forums li.bbp-forum-info {
    text-align: left;
  }
  #bbpress-forums ul.bbp-topics li.bbp-topic-title {
    text-align: left;
  }
}

/*--------------------
    WOOCOMMERCE
--------------------*/
.section-banner + .woocommerce,
.section-banner + .woocommerce-breadcrumb,
.section-banner + .vikinger-woocommerce-page-title,
.section-banner + .vikinger-wc-content {
  margin-top: 64px;
}

.vikinger-wc-content.vikinger-wc-content-with-sidebar {
  display: grid;
  grid-template-areas: "sidebar body";
  gap: 16px;
  grid-template-columns: 23.9864864865% 74.6621621622%;
}

.vikinger-wc-content.vikinger-wc-content-with-sidebar .vikinger-wc-sidebar {
  grid-area: sidebar;
}

.vikinger-wc-content.vikinger-wc-content-with-sidebar .vikinger-wc-body {
  grid-area: body;
}

.grid .woocommerce-MyAccount-content {
  float: none;
  width: 100%;
}

.logged-in .header-cart .action-list {
  padding-right: 0;
}

.logged-in .header-cart .action-list::before {
  display: none;
}

.header-cart + #header-notifications .action-list {
  padding-left: 0;
}

.header-cart + #header-notifications .action-list::after {
  display: none;
}

.header-cart + .button {
  margin-left: 32px;
}

.pswp {
  z-index: 10001;
}

.pswp__bg {
  background-color: rgba(21, 21, 31, 0.96);
}

.pswp__caption {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.pswp__counter,
.pswp__caption__center {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
}

.pswp__caption__center {
  padding: 0;
  text-align: center;
}

.select2-container .select2-dropdown {
  background-color: var(--color-box-background);
  border-color: var(--color-border);
}

.select2-container .select2-search--dropdown .select2-search__field {
  height: 48px;
  padding: 0 18px;
  border: 1px solid var(--color-border);
  font-size: 0.875rem;
}

.select2-container .select2-results {
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 700;
}

.select2-container .select2-results .select2-results__option.select2-results__option--highlighted, .select2-container .select2-results .select2-results__option[data-selected="true"] {
  color: #fff;
  background-color: var(--color-secondary);
}

.vikinger-woocommerce-page-title {
  margin-bottom: 32px;
  font-size: 2em;
}

.woocommerce .header-cart + #header-notifications .action-list {
  padding-left: 0;
}

.woocommerce .header-cart + #header-notifications .action-list::after {
  display: none;
}

.woocommerce .header-cart + .button {
  margin-left: 32px;
}

.woocommerce .section-header {
  margin: 0 0 28px;
}

.woocommerce .woocommerce-breadcrumb {
  color: var(--color-text-alt-2);
  font-size: 0.875rem;
  font-weight: 700;
}

.woocommerce .woocommerce-breadcrumb a {
  color: var(--color-text);
}

.woocommerce .woocommerce-breadcrumb .woocommerce-breadcrumb-separator {
  margin: 0 10px;
  color: var(--color-primary);
}

.woocommerce .woocommerce-result-count {
  margin-top: 17px;
  color: var(--color-text-alt);
  font-size: 0.875rem;
  font-weight: 500;
}

.woocommerce .return-to-shop .button {
  display: inline-block;
  padding: 0 32px;
  background-color: var(--color-primary);
  line-height: 48px;
  box-shadow: var(--color-primary-shadow);
}

.woocommerce .return-to-shop .button:hover {
  background-color: var(--color-primary-hover);
}

.woocommerce span.onsale {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 32px;
  min-height: auto;
  min-width: auto;
  padding: 0 16px;
  border-radius: 200px;
  background-color: var(--color-primary);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.woocommerce .price {
  color: var(--color-text);
  font-weight: 700;
}

.woocommerce .price .woocommerce-Price-currencySymbol {
  color: var(--color-primary);
}

.woocommerce .price ins {
  text-decoration: none;
}

.woocommerce .vikinger-wc-categories {
  color: var(--color-text);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.3333333333em;
}

.woocommerce .vikinger-wc-categories a {
  color: var(--color-text);
  font-weight: 700;
}

.woocommerce .vikinger-wc-categories a:hover {
  color: var(--color-primary);
}

.woocommerce .vikinger-wc-categories::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 6px;
  border-radius: 50%;
  border: 2px solid var(--color-primary);
}

.woocommerce .star-rating {
  width: 6.74em;
  margin: 0;
  font-size: 12px;
  letter-spacing: 4px;
}

.woocommerce .star-rating::before {
  color: var(--color-border);
}

.woocommerce .star-rating span {
  color: #ffe00d;
}

.woocommerce button.button,
.woocommerce a.button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 48px;
  border-radius: 10px;
  padding: 0;
  background-color: #3e3f5e;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  box-shadow: 3px 5px 10px 0 rgba(62, 63, 94, 0.2);
}

.woocommerce button.button.loading,
.woocommerce a.button.loading {
  padding: 0 32px;
  pointer-events: none;
}

.woocommerce button.button.loading::after,
.woocommerce a.button.loading::after {
  margin-left: 6px;
  position: static;
}

.woocommerce button.button:hover,
.woocommerce a.button:hover {
  color: #fff;
  background-color: #2e2e47;
}

.woocommerce button.button.small,
.woocommerce a.button.small {
  height: 40px;
  font-size: 0.75rem;
  line-height: 40px;
}

.woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce button.button.primary,
.woocommerce a.button.alt,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.primary {
  background-color: var(--color-primary);
  box-shadow: var(--color-primary-shadow);
}

.woocommerce button.button.alt:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.primary:hover,
.woocommerce a.button.alt:hover,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.primary:hover {
  background-color: var(--color-primary-hover);
}

.woocommerce button.button.alt:hover .loader-spinner:after, .woocommerce button.button.alt.disabled:hover .loader-spinner:after, .woocommerce button.button.primary:hover .loader-spinner:after,
.woocommerce a.button.alt:hover .loader-spinner:after,
.woocommerce a.button.alt.disabled:hover .loader-spinner:after,
.woocommerce a.button.primary:hover .loader-spinner:after {
  background-color: var(--color-primary-hover);
}

.woocommerce button.button.alt .loader-spinner:after, .woocommerce button.button.alt.disabled .loader-spinner:after, .woocommerce button.button.primary .loader-spinner:after,
.woocommerce a.button.alt .loader-spinner:after,
.woocommerce a.button.alt.disabled .loader-spinner:after,
.woocommerce a.button.primary .loader-spinner:after {
  background-color: var(--color-primary);
}

.woocommerce button.button.alt.disabled,
.woocommerce a.button.alt.disabled {
  pointer-events: none;
}

.woocommerce button.button.secondary,
.woocommerce a.button.secondary {
  background-color: var(--color-secondary);
  box-shadow: var(--color-secondary-shadow);
}

.woocommerce button.button.secondary:hover,
.woocommerce a.button.secondary:hover {
  background-color: var(--color-secondary-hover);
}

.woocommerce button.button.secondary:hover .loader-spinner:after,
.woocommerce a.button.secondary:hover .loader-spinner:after {
  background-color: var(--color-secondary-hover);
}

.woocommerce button.button.secondary .loader-spinner:after,
.woocommerce a.button.secondary .loader-spinner:after {
  background-color: var(--color-secondary);
}

.woocommerce button.button[type="submit"] {
  background-color: var(--color-primary);
  box-shadow: var(--color-primary-shadow);
}

.woocommerce button.button[type="submit"]:hover {
  background-color: var(--color-primary-hover);
}

.woocommerce div.quantity {
  float: none;
  width: 100%;
  margin: 0;
}

.woocommerce div.quantity .qty {
  width: 100%;
  text-align: left;
}

.woocommerce ul.products {
  margin: 0;
}

.woocommerce ul.products.columns-4 {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 16px;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: stretch;
      align-items: stretch;
  grid-template-columns: repeat(auto-fit, 284px);
}

.woocommerce ul.products.columns-4::before, .woocommerce ul.products.columns-4::after {
  content: '';
  display: none;
}

.woocommerce ul.products.columns-4 li.product {
  float: none;
  width: auto;
  margin: 0;
}

.woocommerce ul.products li.product {
  padding-bottom: 28px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
  position: relative;
}

.woocommerce ul.products li.product a img {
  margin: 0;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.woocommerce ul.products li.product .vikinger-wc-product-info {
  padding: 28px 28px 0;
  position: relative;
}

.woocommerce ul.products li.product .vikinger-wc-categories {
  margin-top: 6px;
}

.woocommerce ul.products li.product .onsale {
  margin: 0;
  top: 10px;
  left: -6px;
  right: auto;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  padding: 0;
}

.woocommerce ul.products li.product .price {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 32px;
  padding: 0 14px;
  border-radius: 12px;
  background-color: var(--color-box-over-box-light-background);
  box-shadow: var(--color-overbox-shadow);
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  position: absolute;
  top: -14px;
  right: 14px;
}

.woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol {
  color: var(--color-primary);
}

.woocommerce ul.products li.product .price del {
  margin-right: 4px;
}

.woocommerce ul.products li.product .star-rating {
  width: 6.9em;
  margin: 28px 0 0;
  font-size: 8px;
  letter-spacing: 3px;
}

.woocommerce ul.products li.product:hover .vikinger-woocommerce-product-actions .button,
.woocommerce ul.products li.product:hover .vikinger-woocommerce-product-actions .added_to_cart {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
}

.woocommerce ul.products li.product .vikinger-woocommerce-product-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 284px;
  padding: 0 64px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.woocommerce ul.products li.product .vikinger-woocommerce-product-actions .button,
.woocommerce ul.products li.product .vikinger-woocommerce-product-actions .added_to_cart {
  width: 100%;
  margin-bottom: 12px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
  transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
  transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out, transform .3s ease-in-out;
  transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

.woocommerce ul.products li.product .vikinger-woocommerce-product-actions .button:last-child,
.woocommerce ul.products li.product .vikinger-woocommerce-product-actions .added_to_cart:last-child {
  margin-bottom: 0;
}

.woocommerce ul.products li.product .vikinger-woocommerce-product-actions .button:nth-child(2),
.woocommerce ul.products li.product .vikinger-woocommerce-product-actions .added_to_cart:nth-child(2) {
  transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out .1s;
  transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out, transform .3s ease-in-out .1s;
  transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out, transform .3s ease-in-out .1s, -webkit-transform .3s ease-in-out .1s;
}

.woocommerce ul.products li.product .vikinger-woocommerce-product-actions .button:nth-child(3),
.woocommerce ul.products li.product .vikinger-woocommerce-product-actions .added_to_cart:nth-child(3) {
  transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out .2s;
  transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out, transform .3s ease-in-out .2s;
  transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out, transform .3s ease-in-out .2s, -webkit-transform .3s ease-in-out .2s;
}

.woocommerce ul.products li.product .button {
  display: inline-flex;
  margin-top: 0;
  background-color: var(--color-secondary);
  box-shadow: var(--color-secondary-shadow);
}

.woocommerce ul.products li.product .button:hover {
  background-color: var(--color-secondary-hover);
}

.woocommerce ul.products li.product .button:hover .loader-spinner:after {
  background-color: var(--color-secondary-hover);
}

.woocommerce ul.products li.product .button.ajax_add_to_cart {
  background-color: var(--color-primary);
  box-shadow: var(--color-primary-shadow);
}

.woocommerce ul.products li.product .button.ajax_add_to_cart:hover {
  background-color: var(--color-primary-hover);
}

.woocommerce ul.products li.product .button.ajax_add_to_cart:hover .loader-spinner:after {
  background-color: var(--color-primary-hover);
}

.woocommerce ul.products li.product .added_to_cart {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 48px;
  border-radius: 10px;
  padding: 0;
  background-color: #3e3f5e;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  box-shadow: 3px 5px 10px 0 rgba(62, 63, 94, 0.2);
}

.woocommerce ul.products li.product .added_to_cart.loading {
  pointer-events: none;
}

.woocommerce ul.products li.product .added_to_cart:hover {
  color: #fff;
  background-color: #2e2e47;
}

.woocommerce nav.woocommerce-pagination {
  margin-top: 32px;
}

.woocommerce nav.woocommerce-pagination ul {
  border: none;
  border-radius: 12px;
  box-shadow: var(--color-overbox-shadow);
}

.woocommerce nav.woocommerce-pagination ul li {
  background-color: var(--color-box-background);
  border: none;
  color: var(--color-text);
  font-size: 0.875rem;
  position: relative;
}

.woocommerce nav.woocommerce-pagination ul li:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.woocommerce nav.woocommerce-pagination ul li:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.woocommerce nav.woocommerce-pagination ul li + li::before {
  content: '';
  width: 1px;
  height: 20px;
  background-color: var(--color-divider);
  position: absolute;
  top: 20px;
  left: 0;
}

.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a {
  display: block;
  padding: 0 24px;
  font-weight: 700;
  line-height: 60px;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
  background-color: var(--color-box-background);
  color: var(--color-primary-dark);
}

.woocommerce nav.woocommerce-pagination ul li a {
  transition: color .2s ease-in-out;
}

.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus {
  background-color: var(--color-box-background);
  color: var(--color-primary-dark);
}

.woocommerce div.product {
  margin-top: 32px;
}

.woocommerce div.product p.stock {
  margin: 16px 0;
  color: #00c7d9;
  font-size: 0.875rem;
  font-weight: 700;
}

.woocommerce div.product p.stock.out-of-stock {
  color: #fd4350;
}

.woocommerce div.product p.stock + form.cart {
  margin-top: 16px;
}

.woocommerce div.product .onsale {
  margin: 0;
  top: 10px;
  left: -6px;
  right: auto;
}

.woocommerce div.product div.images,
.woocommerce div.product div.summary {
  width: 49.3243243243%;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper,
.woocommerce div.product div.images .flex-viewport,
.woocommerce div.product div.images .flex-control-thumbs {
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.woocommerce div.product div.images .woocommerce-product-gallery__image {
  border-radius: 12px;
}

.woocommerce div.product div.images .flex-viewport .woocommerce-product-gallery__image {
  border-radius: 0;
}

.woocommerce div.product div.images .flex-control-thumbs {
  display: grid;
  grid-template-columns: repeat(auto-fit, 48px);
  grid-gap: 28px;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 26px;
  margin-top: 16px;
}

.woocommerce div.product div.images .flex-control-thumbs li {
  width: 100%;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
  border: 4px solid transparent;
  border-radius: 12px;
}

.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
  border-color: var(--color-primary);
}

.woocommerce div.product div.summary {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 32px 48px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.woocommerce div.product div.summary .product_title {
  font-size: 2rem;
}

.woocommerce div.product div.summary .woocommerce-product-rating {
  -ms-flex-order: -1;
      order: -1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 14px;
}

.woocommerce div.product div.summary .woocommerce-product-rating + .price {
  margin-top: 28px;
}

.woocommerce div.product div.summary .woocommerce-product-rating .star-rating {
  margin: 0;
}

.woocommerce div.product div.summary .woocommerce-product-rating .woocommerce-review-link {
  margin-left: 12px;
  font-size: 0.875rem;
  font-weight: 500;
}

.woocommerce div.product div.summary .vikinger-wc-categories {
  margin-top: 8px;
  font-size: 0.875rem;
}

.woocommerce div.product div.summary .vikinger-wc-categories + .price {
  margin-top: 28px;
}

.woocommerce div.product div.summary .price {
  color: var(--color-text);
  font-size: 2rem;
  font-weight: 700;
}

.woocommerce div.product div.summary .price .woocommerce-Price-currencySymbol {
  color: var(--color-primary);
}

.woocommerce div.product div.summary .woocommerce-product-details__short-description {
  margin-top: 28px;
}

.woocommerce div.product div.summary .woocommerce-product-details__short-description p {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.7142857143em;
}

.woocommerce div.product div.summary .product_meta .sku_wrapper,
.woocommerce div.product div.summary .product_meta .posted_in,
.woocommerce div.product div.summary .product_meta .tagged_as {
  margin-bottom: 12px;
  display: block;
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4285714286em;
  text-transform: uppercase;
}

.woocommerce div.product div.summary .product_meta .sku_wrapper:last-child,
.woocommerce div.product div.summary .product_meta .posted_in:last-child,
.woocommerce div.product div.summary .product_meta .tagged_as:last-child {
  margin-bottom: 0;
}

.woocommerce div.product div.summary .product_meta .sku_wrapper span, .woocommerce div.product div.summary .product_meta .sku_wrapper a,
.woocommerce div.product div.summary .product_meta .posted_in span,
.woocommerce div.product div.summary .product_meta .posted_in a,
.woocommerce div.product div.summary .product_meta .tagged_as span,
.woocommerce div.product div.summary .product_meta .tagged_as a {
  font-weight: 500;
  text-transform: none;
}

.woocommerce div.product form.cart {
  margin-top: 32px;
}

.woocommerce div.product form.cart.variations_form {
  margin-top: 0;
}

.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
  vertical-align: middle;
}

.woocommerce div.product form.cart .variations td {
  width: 100%;
  display: block;
  clear: both;
  margin: 24px 0 14px;
}

.woocommerce div.product form.cart .variations td:last-child {
  margin-bottom: 0;
}

.woocommerce div.product form.cart .variations td.label {
  padding: 0;
}

.woocommerce div.product form.cart .variations td.label + td.value {
  margin-top: 0;
}

.woocommerce div.product form.cart .variations label {
  font-size: 0.75rem;
  text-transform: uppercase;
}

.woocommerce div.product form.cart .variations select {
  min-width: auto;
  display: block;
  margin: 0;
}

.woocommerce div.product form.cart .variations .reset_variations {
  margin-top: 12px;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 700;
}

.woocommerce div.product form.cart .woocommerce-variation-description p {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.7142857143em;
}

.woocommerce div.product form.cart .woocommerce-variation-availability {
  margin-bottom: 32px;
}

.woocommerce div.product form.cart .vk-form-counter {
  width: 200px;
}

.woocommerce div.product form.cart .button {
  width: auto;
  margin-top: 40px;
  padding: 0 64px;
}

.woocommerce div.product .woocommerce-tabs {
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0;
  margin: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  content: '';
  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  display: block;
  width: 100%;
  height: 66px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: var(--color-box-background-alt);
  border-right: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after {
  content: '';
  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child {
  border-top-left-radius: 12px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:last-child {
  border-right: none;
  border-top-right-radius: 12px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom: none;
  background-color: var(--color-box-background);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--color-text);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 16px;
  color: var(--color-text-alt);
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
  color: var(--color-text);
}

.woocommerce div.product .woocommerce-tabs .panel {
  margin-bottom: 64px;
  padding: 56px 48px;
}

.woocommerce div.product .woocommerce-tabs .panel > *:first-child {
  margin-top: 0;
}

.woocommerce div.product .woocommerce-tabs .panel > h1, .woocommerce div.product .woocommerce-tabs .panel > h2, .woocommerce div.product .woocommerce-tabs .panel > h3,
.woocommerce div.product .woocommerce-tabs .panel > h4, .woocommerce div.product .woocommerce-tabs .panel > h5, .woocommerce div.product .woocommerce-tabs .panel > h6 {
  margin: 48px 0 0;
}

.woocommerce div.product .woocommerce-tabs .panel > p, .woocommerce div.product .woocommerce-tabs .panel > pre,
.woocommerce div.product .woocommerce-tabs .panel > hr, .woocommerce div.product .woocommerce-tabs .panel > blockquote,
.woocommerce div.product .woocommerce-tabs .panel > ul, .woocommerce div.product .woocommerce-tabs .panel > ol,
.woocommerce div.product .woocommerce-tabs .panel > table.shop_attributes {
  margin: 32px 0 0;
}

.woocommerce div.product .woocommerce-tabs .panel > p {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.7142857143em;
}

.woocommerce div.product .woocommerce-tabs .panel > pre {
  padding: 32px 28px;
  border: 1px solid var(--color-border);
  color: var(--color-text);
  line-height: 2em;
  overflow: auto;
}

.woocommerce div.product .woocommerce-tabs .panel > hr {
  width: 100%;
  height: 1px;
  background-color: var(--color-divider);
}

.woocommerce div.product .woocommerce-tabs .panel > blockquote {
  padding: 0 16px;
  font-weight: 500;
  line-height: 1.5454545455em;
  font-style: italic;
}

.woocommerce div.product .woocommerce-tabs .panel > blockquote p {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5454545455em;
}

.woocommerce div.product .woocommerce-tabs .panel > blockquote cite {
  margin-top: 16px;
  display: block;
  font-size: 1rem;
}

.woocommerce div.product .woocommerce-tabs .panel > ul, .woocommerce div.product .woocommerce-tabs .panel > ol {
  padding-left: 20px;
}

.woocommerce div.product .woocommerce-tabs .panel > ul ul, .woocommerce div.product .woocommerce-tabs .panel > ul ol, .woocommerce div.product .woocommerce-tabs .panel > ol ul, .woocommerce div.product .woocommerce-tabs .panel > ol ol {
  padding-left: 0;
  margin: 18px;
}

.woocommerce div.product .woocommerce-tabs .panel > ul li, .woocommerce div.product .woocommerce-tabs .panel > ol li {
  margin-bottom: 16px;
  display: list-item;
  color: var(--color-text);
  font-size: 1rem;
  font-weight: 500;
}

.woocommerce div.product .woocommerce-tabs .panel > ul li:last-child, .woocommerce div.product .woocommerce-tabs .panel > ol li:last-child {
  margin-bottom: 0;
}

.woocommerce div.product .woocommerce-tabs .panel > ul {
  list-style: disc;
}

.woocommerce div.product .woocommerce-tabs .panel > ul ul {
  list-style: circle;
}

.woocommerce div.product .woocommerce-tabs .panel > ul ol {
  list-style: lower-alpha;
}

.woocommerce div.product .woocommerce-tabs .panel > ol {
  list-style: decimal;
}

.woocommerce div.product .woocommerce-tabs .panel > ol ul {
  list-style: circle;
}

.woocommerce div.product .woocommerce-tabs .panel > ol ol {
  list-style: lower-alpha;
}

.woocommerce div.product .woocommerce-tabs .panel > table.shop_attributes {
  border: none;
}

.woocommerce div.product .woocommerce-tabs .panel > table.shop_attributes tr:nth-child(even) th,
.woocommerce div.product .woocommerce-tabs .panel > table.shop_attributes tr:nth-child(even) td {
  background-color: transparent;
}

.woocommerce div.product .woocommerce-tabs .panel > table.shop_attributes th, .woocommerce div.product .woocommerce-tabs .panel > table.shop_attributes td {
  padding: 8px 0;
  border: none;
  font-size: 0.875rem;
}

.woocommerce div.product .woocommerce-tabs .panel > table.shop_attributes th {
  color: var(--color-text-alt);
  font-weight: 500;
  text-align: left;
}

.woocommerce div.product .woocommerce-tabs .panel > table.shop_attributes td {
  color: var(--color-text);
  font-weight: 700;
  font-style: normal;
}

.woocommerce section.related h2 {
  margin-bottom: 32px;
}

.woocommerce #reviews #comments .woocommerce-noreviews {
  margin-top: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.7142857143em;
}

.woocommerce #reviews #comments ol.commentlist {
  margin: 32px 0 0;
}

.woocommerce #reviews #comments ol.commentlist li .comment_container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.woocommerce #reviews #comments ol.commentlist li .comment-review-avatar {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 12px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 500;
  margin: 2px 0 0;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__author {
  color: var(--color-text);
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__dash,
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__published-date {
  color: var(--color-text-alt);
  font-weight: 500;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text .description p {
  margin-top: 12px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.7142857143em;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text .description p:first-child {
  margin-top: 8px;
}

.woocommerce #review_form #respond .comment-reply-title {
  display: block;
  margin: 32px 0 12px;
  color: var(--color-text);
  font-size: 1.5rem;
  font-weight: 700;
}

.woocommerce #review_form #respond .comment-form-rating .stars {
  margin-bottom: 32px;
  font-size: 14px;
}

.woocommerce #review_form #respond .comment-form-rating .stars a {
  color: #ffe00d;
}

.woocommerce #review_form #respond .comment-notes {
  margin: 16px 0;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.7142857143em;
}

.woocommerce #review_form #respond .comment-notes .required {
  color: var(--color-secondary);
  font-weight: 700;
}

.woocommerce #review_form #respond .comment-form-cookies-consent {
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
}

.woocommerce #review_form #respond .comment-form-cookies-consent label {
  display: inline-block;
  margin: 0 0 0 6px;
}

.woocommerce #review_form #respond label {
  margin-bottom: 16px;
  font-size: 0.875rem;
  font-weight: 700;
}

.woocommerce #review_form #respond label .required {
  color: var(--color-secondary);
}

.woocommerce #review_form #respond .comment-form-comment textarea {
  min-height: 120px;
}

.woocommerce #review_form #respond .form-submit {
  margin: 40px 0 0;
}

.woocommerce #review_form #respond .form-submit input[type="submit"] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 48px;
  border-radius: 10px;
  padding: 0 28px;
  background-color: var(--color-primary);
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  line-height: 48px;
  cursor: pointer;
  transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out;
  box-shadow: var(--color-primary-shadow);
}

.woocommerce #review_form #respond .form-submit input[type="submit"]:hover {
  background-color: var(--color-primary-hover);
}

.woocommerce form.login {
  padding: 32px 28px;
  border-radius: 12px;
  border: none;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.woocommerce form h3 {
  margin-bottom: 28px;
  font-size: 1rem;
}

.woocommerce form input[type="text"],
.woocommerce form input[type="password"],
.woocommerce form input[type="email"],
.woocommerce form input[type="tel"],
.woocommerce form input[type="search"] {
  height: 48px;
  font-size: 0.875rem;
}

.woocommerce form textarea {
  padding: 14px 18px;
  font-size: 0.875rem;
}

.woocommerce form .form-row textarea {
  height: 160px;
}

.woocommerce form fieldset {
  margin-top: 28px;
}

.woocommerce form fieldset legend {
  margin-bottom: 16px;
  color: var(--color-text);
  font-size: 1rem;
  font-weight: 700;
}

.woocommerce form .show-password-input::after {
  margin-top: 7px;
  color: var(--color-secondary);
}

.woocommerce form .select2-container .select2-selection--single {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 48px;
  margin: 0;
  background-color: transparent;
  border: 1px solid var(--color-border);
  border-radius: 12px;
}

.woocommerce form .select2-container .select2-selection--single .select2-selection__placeholder,
.woocommerce form .select2-container .select2-selection--single .select2-selection__rendered {
  color: var(--color-text);
}

.woocommerce form .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0 40px 0 20px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1em;
}

.woocommerce form .select2-container .select2-selection--single .select2-selection__arrow {
  height: 100%;
  margin-right: 14px;
}

.woocommerce form .select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: var(--color-icon-highlighted) transparent;
}

.woocommerce form .form-row {
  padding: 0;
  margin: 0 0 28px 0;
}

.woocommerce form .form-row:last-child {
  margin-bottom: 0;
}

.woocommerce form .form-row label {
  margin-bottom: 12px;
  line-height: 1em;
}

.woocommerce form .form-row .required {
  color: var(--color-secondary);
}

.woocommerce form .form-row .woocommerce-password-strength,
.woocommerce form .form-row .woocommerce-password-hint {
  margin-top: 8px;
  font-size: 0.875rem;
  line-height: 1.7142857143em;
}

.woocommerce form .form-row .woocommerce-password-strength {
  color: #3e3f5e;
  font-weight: 700;
}

.woocommerce form .form-row .woocommerce-password-hint {
  color: var(--color-text);
  font-weight: 500;
}

.woocommerce form .button {
  margin-top: 28px;
}

.woocommerce .woocommerce-MyAccount-content > form,
.woocommerce .woocommerce-MyAccount-content > p {
  padding: 18px 28px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.woocommerce .woocommerce-MyAccount-content > form + *,
.woocommerce .woocommerce-MyAccount-content > p + * {
  margin-top: 16px;
}

.woocommerce .woocommerce-MyAccount-content > form {
  padding: 32px 28px;
}

.woocommerce .woocommerce-MyAccount-content p mark {
  background-color: transparent;
  color: var(--color-text);
  font-weight: 700;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-notices-wrapper:first-child .woocommerce-error,
.woocommerce .woocommerce-MyAccount-content .woocommerce-notices-wrapper:first-child .woocommerce-message,
.woocommerce .woocommerce-MyAccount-content .woocommerce-notices-wrapper:first-child .woocommerce-Message {
  margin-top: 0;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {
  float: none;
  width: 100%;
  margin: 0 16px 0 0;
  padding: 32px 28px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h3 {
  font-size: 1rem;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title .edit {
  color: var(--color-primary);
  font-size: 0.875rem;
  font-weight: 700;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address:nth-child(2n+2) {
  margin-right: 0;
}

.woocommerce .woocommerce-MyAccount-content p {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.7142857143em;
}

/**********************
****** NEW WC NOTICES *
*************************/
.wc-block-components-notice-banner {
  align-items: center !important;
}

.wc-block-components-notice-banner__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.woocommerce .wc-block-components-notice-banner.is-success,
.woocommerce .wc-block-components-notice-banner.is-error,
.woocommerce .wc-block-components-notice-banner.is-info {
  min-height: 60px;
  margin: 32px 0;
  padding: 20px 28px !important;
  border-radius: 12px;
  border: none;
  border: 2px solid #00c7d9 !important;
  background-color: var(--color-box-background) !important;
  position: relative;
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 500;
  box-shadow: var(--color-box-shadow);
}

.woocommerce .wc-block-components-notice-banner.is-error {
  border: 2px solid #fd4350 !important;
}

.woocommerce .wc-block-components-notice-banner.is-success a,
.woocommerce .wc-block-components-notice-banner.is-success .button.wc-forward,
.woocommerce .wc-block-components-notice-banner.is-error a,
.woocommerce .wc-block-components-notice-banner.is-error .button.wc-forward,
.woocommerce .wc-block-components-notice-banner.is-info a,
.woocommerce .wc-block-components-notice-banner.is-info .button.wc-forward {
  -ms-flex-order: 2;
      order: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 40px;
  padding: 0 32px !important;
  border-radius: 10px;
  background-color: var(--color-primary) !important;
  color: #fff !important;
  font-size: 0.875rem;
  opacity: 1;
  font-weight: 700;
  box-shadow: var(--color-primary-shadow);
  text-decoration: none;
  transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out;
}

/***********************************************/
.woocommerce .woocommerce-notice,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-Message {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 60px;
  margin: 32px 0;
  padding: 20px 28px;
  border-radius: 12px;
  border: none;
  border: 2px solid var(--color-primary);
  background-color: var(--color-box-background);
  position: relative;
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 500;
  box-shadow: var(--color-box-shadow);
}

.woocommerce .woocommerce-notice.woocommerce-message--info, .woocommerce .woocommerce-notice.woocommerce-Message--info,
.woocommerce .woocommerce-info.woocommerce-message--info,
.woocommerce .woocommerce-info.woocommerce-Message--info,
.woocommerce .woocommerce-error.woocommerce-message--info,
.woocommerce .woocommerce-error.woocommerce-Message--info,
.woocommerce .woocommerce-message.woocommerce-message--info,
.woocommerce .woocommerce-message.woocommerce-Message--info,
.woocommerce .woocommerce-Message.woocommerce-message--info,
.woocommerce .woocommerce-Message.woocommerce-Message--info {
  border: 2px solid #615dfa;
}

.woocommerce .woocommerce-notice.woocommerce-message--info .button, .woocommerce .woocommerce-notice.woocommerce-Message--info .button,
.woocommerce .woocommerce-info.woocommerce-message--info .button,
.woocommerce .woocommerce-info.woocommerce-Message--info .button,
.woocommerce .woocommerce-error.woocommerce-message--info .button,
.woocommerce .woocommerce-error.woocommerce-Message--info .button,
.woocommerce .woocommerce-message.woocommerce-message--info .button,
.woocommerce .woocommerce-message.woocommerce-Message--info .button,
.woocommerce .woocommerce-Message.woocommerce-message--info .button,
.woocommerce .woocommerce-Message.woocommerce-Message--info .button {
  background-color: var(--color-secondary);
  box-shadow: var(--color-secondary-shadow);
}

.woocommerce .woocommerce-notice.woocommerce-message--info .button:hover, .woocommerce .woocommerce-notice.woocommerce-Message--info .button:hover,
.woocommerce .woocommerce-info.woocommerce-message--info .button:hover,
.woocommerce .woocommerce-info.woocommerce-Message--info .button:hover,
.woocommerce .woocommerce-error.woocommerce-message--info .button:hover,
.woocommerce .woocommerce-error.woocommerce-Message--info .button:hover,
.woocommerce .woocommerce-message.woocommerce-message--info .button:hover,
.woocommerce .woocommerce-message.woocommerce-Message--info .button:hover,
.woocommerce .woocommerce-Message.woocommerce-message--info .button:hover,
.woocommerce .woocommerce-Message.woocommerce-Message--info .button:hover {
  background-color: var(--color-secondary-hover);
}

.woocommerce .woocommerce-notice::before, .woocommerce .woocommerce-notice::after,
.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-info::after,
.woocommerce .woocommerce-error::before,
.woocommerce .woocommerce-error::after,
.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-message::after,
.woocommerce .woocommerce-Message::before,
.woocommerce .woocommerce-Message::after {
  display: none;
}

.woocommerce .woocommerce-notice a,
.woocommerce .woocommerce-notice .button,
.woocommerce .woocommerce-info a,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-error a,
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-message a,
.woocommerce .woocommerce-message .button,
.woocommerce .woocommerce-Message a,
.woocommerce .woocommerce-Message .button {
  -ms-flex-order: 2;
      order: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 40px;
  padding: 0 32px;
  border-radius: 10px;
  background-color: var(--color-primary);
  color: #fff;
  font-size: 0.875rem;
  opacity: 1;
  font-weight: 700;
  box-shadow: var(--color-primary-shadow);
  text-decoration: none;
  transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out;
}

.woocommerce .woocommerce-notice a:hover,
.woocommerce .woocommerce-notice .button:hover,
.woocommerce .woocommerce-info a:hover,
.woocommerce .woocommerce-info .button:hover,
.woocommerce .woocommerce-error a:hover,
.woocommerce .woocommerce-error .button:hover,
.woocommerce .woocommerce-message a:hover,
.woocommerce .woocommerce-message .button:hover,
.woocommerce .woocommerce-Message a:hover,
.woocommerce .woocommerce-Message .button:hover {
  background-color: var(--color-primary-hover);
}

.woocommerce .woocommerce-error {
  display: block;
  border: 2px solid #fd4350;
}

.woocommerce .woocommerce-error li {
  margin-bottom: 12px;
}

.woocommerce .woocommerce-error li:last-child {
  margin-bottom: 0;
}

.woocommerce .woocommerce-order-downloads,
.woocommerce .woocommerce-order-details,
.woocommerce .woocommerce-customer-details {
  margin: 16px 0 0;
  padding: 32px 28px 0;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.woocommerce .woocommerce-order-downloads > h2,
.woocommerce .woocommerce-order-details > h2,
.woocommerce .woocommerce-customer-details > h2 {
  margin-bottom: 16px;
  font-size: 1rem;
}

.woocommerce .woocommerce-order-downloads > table.woocommerce-table, .woocommerce .woocommerce-order-downloads > table.shop_table,
.woocommerce .woocommerce-order-details > table.woocommerce-table,
.woocommerce .woocommerce-order-details > table.shop_table,
.woocommerce .woocommerce-customer-details > table.woocommerce-table,
.woocommerce .woocommerce-customer-details > table.shop_table {
  padding: 0;
  border-radius: 0;
  border: none;
  background-color: transparent;
  box-shadow: none;
}

.woocommerce .woocommerce-order-downloads .order-again .button,
.woocommerce .woocommerce-order-details .order-again .button,
.woocommerce .woocommerce-customer-details .order-again .button {
  margin-top: 16px;
  background-color: var(--color-secondary);
  box-shadow: var(--color-secondary-shadow);
}

.woocommerce .woocommerce-order-downloads .order-again .button:hover,
.woocommerce .woocommerce-order-details .order-again .button:hover,
.woocommerce .woocommerce-customer-details .order-again .button:hover {
  background-color: var(--color-secondary-hover);
}

.woocommerce .woocommerce-order-downloads {
  padding-top: 18px;
}

.woocommerce .woocommerce-order-downloads > h2 {
  margin-top: 14px;
}

.woocommerce .woocommerce-order-details,
.woocommerce .woocommerce-customer-details {
  padding-bottom: 32px;
}

.woocommerce .woocommerce-customer-details address {
  border: none;
  padding: 0;
}

.woocommerce address {
  margin-top: 28px;
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 500;
  font-style: normal;
  line-height: 1.7142857143em;
}

.woocommerce address p {
  line-height: 1.7142857143em;
}

.woocommerce table.woocommerce-table, .woocommerce table.shop_table {
  padding: 18px 28px 0;
  border-radius: 12px;
  border: none;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
  color: var(--color-text);
}

.woocommerce table.woocommerce-table th, .woocommerce table.woocommerce-table td, .woocommerce table.shop_table th, .woocommerce table.shop_table td {
  height: auto;
  padding: 12px 0;
  font-weight: 700;
}

.woocommerce table.woocommerce-table th.product-quantity, .woocommerce table.woocommerce-table td.product-quantity, .woocommerce table.shop_table th.product-quantity, .woocommerce table.shop_table td.product-quantity {
  padding: 12px 32px;
}

.woocommerce table.woocommerce-table th.product-name a, .woocommerce table.woocommerce-table td.product-name a, .woocommerce table.shop_table th.product-name a, .woocommerce table.shop_table td.product-name a {
  color: var(--color-text);
}

.woocommerce table.woocommerce-table th.product-name a:hover, .woocommerce table.woocommerce-table td.product-name a:hover, .woocommerce table.shop_table th.product-name a:hover, .woocommerce table.shop_table td.product-name a:hover {
  color: var(--color-primary);
}

.woocommerce table.woocommerce-table th, .woocommerce table.shop_table th {
  font-size: 0.75rem;
  text-transform: uppercase;
}

.woocommerce table.woocommerce-table td, .woocommerce table.shop_table td {
  border-top: 1px solid var(--color-divider);
  font-size: 0.875rem;
}

.woocommerce table.woocommerce-table td a, .woocommerce table.shop_table td a {
  color: var(--color-primary);
}

.woocommerce table.woocommerce-table td .button, .woocommerce table.shop_table td .button {
  display: inline-block;
  height: 40px;
  padding: 0 32px;
  background-color: var(--color-secondary);
  color: #fff;
  font-size: 0.875rem;
  line-height: 40px;
  box-shadow: var(--color-secondary-shadow);
}

.woocommerce table.woocommerce-table td .button:hover, .woocommerce table.shop_table td .button:hover {
  background-color: var(--color-secondary-hover);
}

.woocommerce table.woocommerce-table tfoot th, .woocommerce table.woocommerce-table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tfoot td {
  border-top: none;
}

.woocommerce table.woocommerce-table tfoot th, .woocommerce table.shop_table tfoot th {
  font-size: 0.875rem;
  text-transform: none;
}

.woocommerce table.woocommerce-table--order-details thead tr:first-child th {
  border-bottom: 1px solid var(--color-divider);
}

.woocommerce table.woocommerce-table--order-details td {
  border-top: none;
}

.woocommerce table.cart {
  padding-bottom: 32px;
}

.woocommerce table.cart td.actions {
  padding: 28px 0 0;
  overflow: hidden;
}

.woocommerce table.cart td.actions .coupon {
  float: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.woocommerce table.cart td.actions .coupon + .button {
  float: right;
  width: auto;
  height: 48px;
  margin: 0;
  padding: 0 32px;
  background-color: var(--color-primary);
  color: #fff;
  box-shadow: var(--color-primary-shadow);
}

.woocommerce table.cart td.actions .coupon + .button:hover {
  background-color: var(--color-primary-hover);
}

.woocommerce table.cart td.actions .coupon .input-text {
  min-width: 240px;
  margin: 0 12px 0 0;
  padding: 0 18px;
  border: 1px solid var(--color-border);
}

.woocommerce table.cart td.actions .coupon .button {
  margin: 0;
  height: 48px;
}

.woocommerce.shop_table {
  margin: 0;
  border: none;
  border-radius: 12px;
}

.woocommerce.shop_table td {
  border-top: 1px solid var(--color-divider);
}

.woocommerce .cart-collaterals {
  margin-top: 32px;
}

.woocommerce .cart-collaterals .cart_totals {
  padding: 32px 28px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.woocommerce .cart-collaterals .cart_totals h2 {
  margin-bottom: 16px;
  font-size: 1rem;
}

.woocommerce .cart-collaterals .cart_totals table tr th, .woocommerce .cart-collaterals .cart_totals table tr td {
  border-top: none;
}

.woocommerce .cart-collaterals .cart_totals table tr th {
  font-size: 0.875rem;
  text-transform: none;
}

.woocommerce .cart-collaterals .cart_totals table.shop_table {
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
}

.woocommerce a.remove {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: var(--color-icon) !important;
  border: 2px solid var(--color-icon);
  font-size: 20px;
  opacity: .4;
  transition: color .2s ease-in-out, border-color .2s ease-in-out, opacity .2s ease-in-out;
}

.woocommerce a.remove:hover {
  color: var(--color-icon-highlighted) !important;
  border-color: var(--color-icon-highlighted);
  background-color: transparent;
  opacity: 1;
}

.woocommerce .woocommerce-mini-cart .woocommerce-mini-cart-item {
  min-height: 84px;
  padding: 12px 68px 12px 98px;
  position: relative;
}

.woocommerce .woocommerce-mini-cart .woocommerce-mini-cart-item a {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
}

.woocommerce .woocommerce-mini-cart .woocommerce-mini-cart-item img {
  float: none;
  width: 60px;
  height: 60px;
  margin: 0;
  border-radius: 12px;
  position: absolute;
  top: 12px;
  left: 28px;
}

.woocommerce .woocommerce-mini-cart .woocommerce-mini-cart-item .quantity {
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 700;
}

.woocommerce .woocommerce-mini-cart .woocommerce-mini-cart-item .remove_from_cart_button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 1em;
  height: 1em;
  border-radius: 100%;
  border: 2px solid var(--color-icon);
  color: var(--color-icon);
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  position: absolute;
  top: 16px;
  right: 28px;
  opacity: .4;
  transition: color .2s ease-in-out, border-color .2s ease-in-out, opacity .2s ease-in-out;
}

.woocommerce .woocommerce-mini-cart .woocommerce-mini-cart-item .remove_from_cart_button:hover {
  color: var(--color-icon-highlighted) !important;
  border-color: var(--color-icon-highlighted);
  background-color: transparent;
  opacity: 1;
}

.woocommerce form.checkout_coupon {
  padding: 32px 28px;
  border-radius: 12px;
  border: none;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.woocommerce form.checkout_coupon > p {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.7142857143em;
}

.woocommerce form.checkout_coupon > .form-row {
  margin: 12px 0 0;
}

.woocommerce form.checkout_coupon > .form-row.form-row-last {
  float: left;
}

.woocommerce form.checkout_coupon > .form-row .button {
  width: auto;
  padding: 0 32px;
  margin: 0 0 0 12px;
}

.woocommerce .woocommerce-checkout #customer_details > * {
  padding: 32px 28px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.woocommerce .woocommerce-checkout #customer_details label {
  margin-bottom: 12px;
  font-size: 0.875rem;
  font-weight: 500;
}

.woocommerce .woocommerce-checkout #order_review_heading {
  margin-top: 32px;
}

.woocommerce .woocommerce-checkout #payment {
  background-color: transparent;
  border-radius: 0;
}

.woocommerce .woocommerce-checkout #payment ul.payment_methods {
  margin: 32px 0;
  padding: 0;
  border-bottom: none;
}

.woocommerce .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
  margin-bottom: 12px;
}

.woocommerce .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:last-child {
  margin-bottom: 0;
}

.woocommerce .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label, .woocommerce .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input {
  cursor: pointer;
}

.woocommerce .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 500;
}

.woocommerce .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method input {
  margin-right: 6px;
  position: relative;
  top: 2px;
}

.woocommerce .woocommerce-checkout #payment div.payment_box {
  padding: 32px 28px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.woocommerce .woocommerce-checkout #payment div.payment_box::before {
  border-bottom-color: var(--color-box-background);
}

.woocommerce .woocommerce-checkout #payment div.payment_box p {
  font-size: 0.875rem;
  font-weight: 500;
}

.woocommerce .woocommerce-checkout #payment div.form-row {
  padding: 0;
  margin-top: 32px;
}

.woocommerce .woocommerce-checkout #payment div.form-row .woocommerce-privacy-policy-text p {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.7142857143em;
}

.woocommerce .woocommerce-checkout table.woocommerce-checkout-review-order-table thead th {
  border-bottom: 1px solid var(--color-divider);
}

.woocommerce .woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr:first-child th, .woocommerce .woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr:first-child td {
  border-top: 1px solid var(--color-divider);
}

.woocommerce .woocommerce-checkout table.woocommerce-checkout-review-order-table td {
  border-top: none;
}

.woocommerce ul.order_details {
  padding: 32px 28px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
  margin: 32px 0;
  color: var(--color-text);
}

.woocommerce-mini-cart__empty-message {
  margin-top: 20px;
  padding: 0 28px;
  color: var(--color-text-alt-2);
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}

.woocommerce-mini-cart .woocommerce-mini-cart-item {
  min-height: 84px;
  padding: 12px 68px 12px 98px;
  position: relative;
}

.woocommerce-mini-cart .woocommerce-mini-cart-item a {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
}

.woocommerce-mini-cart .woocommerce-mini-cart-item img {
  float: none;
  width: 60px;
  height: 60px;
  margin: 0;
  border-radius: 12px;
  position: absolute;
  top: 12px;
  left: 28px;
}

.woocommerce-mini-cart .woocommerce-mini-cart-item .quantity {
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 700;
}

.woocommerce-mini-cart .woocommerce-mini-cart-item .remove_from_cart_button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 1em;
  height: 1em;
  border-radius: 100%;
  border: 2px solid var(--color-icon);
  color: var(--color-icon);
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  position: absolute;
  top: 16px;
  right: 28px;
  opacity: .4;
  transition: color .2s ease-in-out, border-color .2s ease-in-out, opacity .2s ease-in-out;
}

.woocommerce-mini-cart .woocommerce-mini-cart-item .remove_from_cart_button:hover {
  color: var(--color-icon-highlighted) !important;
  border-color: var(--color-icon-highlighted);
  background-color: transparent;
  opacity: 1;
}

.woocommerce-cart table.cart .product-thumbnail a {
  display: block;
}

.woocommerce-cart table.cart .product-thumbnail img {
  width: 60px;
  border-radius: 12px;
}

.woocommerce-cart .wc-proceed-to-checkout {
  padding: 0;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  display: -ms-flexbox;
  display: flex;
  margin: 12px 0 0;
  padding: 0 18px;
  font-size: 0.875rem;
}

/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (max-width: 1365px) {
  .woocommerce ul.products.columns-4 {
    -ms-flex-pack: center;
        justify-content: center;
  }
  .woocommerce .section-header {
    margin: 60px 0 28px;
  }
  .section-banner + .vikinger-wc-content {
    margin-top: 32px;
  }
  .vikinger-wc-content.vikinger-wc-content-with-sidebar {
    grid-template-areas: "sidebar"
 "body";
    grid-template-columns: 100%;
  }
  .vikinger-wc-content.vikinger-wc-content-with-sidebar .vikinger-wc-sidebar {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 960px) {
  .woocommerce .header .header-actions.search-bar form input {
    height: 100%;
  }
}

@media screen and (max-width: 768px) {
  .woocommerce div.product div.images,
  .woocommerce div.product div.summary {
    width: 100%;
  }
  .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses {
    display: block;
  }
  .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {
    margin: 0 0 16px 0;
  }
  .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address:last-child {
    margin-bottom: 0;
  }
  .woocommerce table.shop_table tr {
    border-top: 1px solid var(--color-divider);
  }
  .woocommerce table.shop_table tr:nth-child(2n) td {
    background-color: transparent;
  }
  .woocommerce table.shop_table tr.order-total, .woocommerce table.shop_table tr:first-child {
    border-top: none;
  }
  .woocommerce table.shop_table td {
    border-top: none;
  }
  .woocommerce table.shop_table td.product-quantity {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 12px 0;
  }
  .woocommerce table.shop_table td.product-quantity div.quantity .qty {
    width: auto;
  }
  .woocommerce table.shop_table td.actions .coupon {
    display: block;
    width: 100%;
    padding-bottom: 0;
    float: none;
  }
  .woocommerce table.shop_table td.actions .coupon .input-text {
    float: none;
    width: 100%;
    margin-bottom: 12px;
  }
  .woocommerce table.shop_table td.actions .coupon .input-text + .button {
    float: none;
    width: 100%;
  }
  .woocommerce table.shop_table td.actions .coupon + .button {
    width: 100%;
    float: none;
    margin-top: 12px;
  }
  .woocommerce form.checkout_coupon > .form-row {
    float: none;
    width: 100%;
  }
  .woocommerce form.checkout_coupon > .form-row .button {
    width: 100%;
    margin: 0;
  }
}

/*---------------
    COMPONENT
---------------*/
/*------------------------------------------------------------------
[Table of contents]

1. .picture
2. .picture-item-list
3. .picture-item
-------------------------------------------------------------------*/
/*-------------------
    1. PICTURE
-------------------*/
.picture {
  width: 52px;
  height: 52px;
}

.picture.round {
  border-radius: 12px;
}

.picture.round.small, .picture.round.tiny {
  border-radius: 10px;
}

.picture.circle {
  border-radius: 50%;
}

.picture.medium {
  width: 60px;
  height: 60px;
}

.picture.small {
  width: 40px;
  height: 40px;
}

.picture.tiny {
  width: 32px;
  height: 32px;
}

/*----------------------------
    2. PICTURE ITEM LIST
----------------------------*/
.picture-item-list {
  display: grid;
}

.picture-item-list.small {
  grid-template-columns: repeat(auto-fit, 52px);
  grid-gap: 6px;
}

/*-----------------------
    3. PICTURE ITEM
-----------------------*/
.picture-item {
  cursor: pointer;
  position: relative;
}

.picture-item .picture-item-overlay {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(36, 210, 226, 0.9);
}

.picture-item .picture-item-overlay.round {
  border-radius: 12px;
}

.picture-item .picture-item-overlay.circle {
  border-radius: 50%;
}

.picture-item .picture-item-overlay .picture-item-overlay-text {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
}

/*------------------------------------------------------------------
[Table of contents]

1. .progress-stat-wrap
2. .progress-stat
-------------------------------------------------------------------*/
/*----------------------------
    1. PROGRESS STAT WRAP
----------------------------*/
.progress-stat-wrap {
  padding-right: 56px;
  position: relative;
}

.progress-stat-wrap .progress-stat .bar-progress-wrap {
  position: absolute;
  top: -5px;
  right: 0;
}

.progress-stat-wrap .progress-stat .bar-progress-wrap:first-child, .progress-stat-wrap .progress-stat .bar-progress-wrap:last-child {
  margin: 0;
}

/*------------------------
    2. PROGRESS STAT
------------------------*/
.progress-stat.small {
  width: 178px;
}

.progress-stat .bar-progress-wrap {
  position: relative;
}

.progress-stat .bar-progress-wrap:first-child {
  margin-bottom: 6px;
}

.progress-stat .bar-progress-wrap.big {
  margin-bottom: 20px;
}

.progress-stat .bar-progress-wrap.medium:first-child {
  margin-bottom: 14px;
}

.progress-stat .bar-progress-wrap.small:last-child {
  margin-top: 24px;
}

.progress-stat .bar-progress-wrap:last-child {
  margin-top: 28px;
}

.progress-stat .bar-progress-wrap .bar-progress-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.progress-stat .bar-progress-wrap .bar-progress-info.progress-with-text {
  font-size: 1.25rem;
  font-weight: 700;
}

.progress-stat .bar-progress-wrap .bar-progress-info.progress-with-text .bar-progress-unit {
  margin-right: 2px;
}

.progress-stat .bar-progress-wrap .bar-progress-info.progress-with-text .light {
  font-size: 1rem;
  font-weight: 500;
  text-transform: none;
}

.progress-stat .bar-progress-wrap .bar-progress-info.negative {
  color: var(--color-text);
}

.progress-stat .bar-progress-wrap .bar-progress-info.start {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.progress-stat .bar-progress-wrap .bar-progress-info.start .bar-progress-text {
  margin-right: 4px;
}

.progress-stat .bar-progress-wrap .bar-progress-info.center {
  -ms-flex-pack: center;
      justify-content: center;
}

.progress-stat .bar-progress-wrap .bar-progress-info.regular {
  text-transform: none;
}

.progress-stat .bar-progress-wrap .bar-progress-info.medium {
  font-size: 0.875rem;
}

.progress-stat .bar-progress-wrap .bar-progress-info .light {
  margin-right: 4px;
  color: var(--color-text-alt-2);
}

.progress-stat .bar-progress-wrap .bar-progress-text.no-space .bar-progress-unit {
  margin-left: 0;
}

.progress-stat .bar-progress-wrap .bar-progress-unit {
  margin-left: 3px;
  text-transform: uppercase;
}

.progress-stat .progress-stat-info {
  color: var(--color-text-alt-2);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  top: 8px;
  right: 0;
}

/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (max-width: 680px) {
  .progress-stat .progress-stat-info {
    display: none;
  }
}

/*------------------------------------------------------------------
[Table of contents]

1. .progress-arc-wrap
2. .progress-arc-block
3. .progress-arc-summary
-------------------------------------------------------------------*/
/*----------------------------
    1. PROGRESS ARC WRAP
----------------------------*/
.progress-arc-wrap {
  width: 140px;
  height: 140px;
  position: relative;
}

.progress-arc-wrap.small {
  width: 80px;
  height: 80px;
}

.progress-arc-wrap.small .progress-arc-info .progress-arc-title {
  font-size: 1.375rem;
}

.progress-arc-wrap.tiny {
  width: 60px;
  height: 60px;
}

.progress-arc-wrap.tiny .progress-arc-info .progress-arc-title {
  font-size: 0.75rem;
  text-transform: uppercase;
}

.progress-arc-wrap .progress-arc {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}

.progress-arc-wrap .progress-arc-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.progress-arc-wrap .progress-arc-info .progress-arc-title {
  font-size: 2.25rem;
  font-weight: 700;
}

.progress-arc-wrap .progress-arc-info .progress-arc-text {
  margin-top: 2px;
  color: var(--color-text-alt-2);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

/*----------------------------
    2. PROGRESS ARC BLOCK
----------------------------*/
.progress-arc-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.progress-arc-block .progress-arc-block-info {
  margin-top: 20px;
  text-align: center;
}

.progress-arc-block .progress-arc-block-info .progress-arc-block-title {
  font-size: 0.875rem;
  font-weight: 700;
}

.progress-arc-block .progress-arc-block-info .progress-arc-block-text {
  margin-top: 6px;
  color: var(--color-text-alt-2);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

/*------------------------------
    3. PROGRESS ARC SUMMARY
------------------------------*/
.progress-arc-summary {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.progress-arc-summary .progress-arc-summary-info {
  margin-top: 36px;
  text-align: center;
}

.progress-arc-summary .progress-arc-summary-info .progress-arc-summary-title {
  font-size: 1.125rem;
  font-weight: 700;
}

.progress-arc-summary .progress-arc-summary-info .progress-arc-summary-subtitle {
  margin-top: 6px;
  color: var(--color-text-alt);
  font-size: 0.875rem;
  font-weight: 500;
}

.progress-arc-summary .progress-arc-summary-info .progress-arc-summary-text {
  margin-top: 22px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4285714286em;
}

/*------------------------------------------------------------------
[Table of contents]

1. .user-avatar
-------------------------------------------------------------------*/
/*----------------------
    1. USER AVATAR
----------------------*/
.user-avatar {
  display: block;
  width: 100px;
  height: 110px;
  position: relative;
}

.user-avatar.online::before, .user-avatar.offline::before, .user-avatar.away::before {
  content: '';
  width: 12px;
  height: 12px;
  border: 3px solid var(--color-box-background);
  border-radius: 50%;
  position: absolute;
  top: 3px;
  left: -2px;
  z-index: 10;
}

.user-avatar.online::before {
  background-color: #1df377;
}

.user-avatar.offline::before {
  background-color: #f9515c;
}

.user-avatar.away::before {
  background-color: #adafca;
}

.user-avatar.big {
  width: 148px;
  height: 164px;
}

.user-avatar.big .user-avatar-content {
  top: 27px;
  left: 24px;
}

.user-avatar.big .user-avatar-progress,
.user-avatar.big .user-avatar-progress-border {
  top: 14px;
  left: 12px;
}

.user-avatar.big .user-avatar-badge {
  width: 40px;
  height: 44px;
  top: 102px;
  right: 8px;
}

.user-avatar.big .user-avatar-badge .user-avatar-badge-content {
  top: 5px;
  left: 4px;
}

.user-avatar.big .user-avatar-badge .user-avatar-badge-text {
  font-size: 1rem;
}

.user-avatar.medium {
  width: 120px;
  height: 132px;
}

.user-avatar.medium .user-avatar-content {
  top: 21px;
  left: 19px;
}

.user-avatar.medium .user-avatar-progress,
.user-avatar.medium .user-avatar-progress-border {
  top: 11px;
  left: 10px;
}

.user-avatar.medium .user-avatar-badge {
  width: 32px;
  height: 36px;
  top: 82px;
  right: 7px;
}

.user-avatar.medium .user-avatar-badge .user-avatar-badge-content {
  top: 4px;
  left: 3px;
}

.user-avatar.medium .user-avatar-badge .user-avatar-badge-text {
  font-size: 0.875rem;
}

.user-avatar.user-avatar-forum {
  width: 76px;
  height: 84px;
}

.user-avatar.user-avatar-forum .user-avatar-content {
  top: 12px;
  left: 10px;
}

.user-avatar.user-avatar-forum .user-avatar-progress,
.user-avatar.user-avatar-forum .user-avatar-progress-border {
  top: 6px;
  left: 5px;
}

.user-avatar.user-avatar-forum .user-avatar-badge {
  width: 22px;
  height: 24px;
  top: 27px;
  right: 2px;
}

.user-avatar.user-avatar-forum .user-avatar-badge .user-avatar-badge-content {
  top: 3px;
  left: 3px;
}

.user-avatar.user-avatar-forum .user-avatar-badge .user-avatar-badge-text {
  font-size: 0.625rem;
}

.user-avatar.small {
  width: 50px;
  height: 56px;
}

.user-avatar.small .user-avatar-content {
  top: 12px;
  left: 10px;
}

.user-avatar.small .user-avatar-progress,
.user-avatar.small .user-avatar-progress-border {
  top: 6px;
  left: 5px;
}

.user-avatar.small .user-avatar-badge {
  width: 22px;
  height: 24px;
  top: 27px;
  right: 2px;
}

.user-avatar.small .user-avatar-badge .user-avatar-badge-content {
  top: 3px;
  left: 3px;
}

.user-avatar.small .user-avatar-badge .user-avatar-badge-text {
  font-size: 0.625rem;
}

.user-avatar.smaller .user-avatar-overlay {
  width: 30px;
  height: 32px;
}

.user-avatar.smaller .user-avatar-overlay-content .user-avatar-overlay-content-text {
  font-size: 0.6875rem;
}

.user-avatar.no-stats {
  width: 100px;
  height: 110px;
}

.user-avatar.no-stats .user-avatar-content {
  top: 10px;
  left: 9px;
}

.user-avatar.no-stats.big {
  width: 148px;
  height: 164px;
}

.user-avatar.no-stats.big .user-avatar-content {
  top: 14px;
  left: 12px;
}

.user-avatar.no-stats.medium {
  width: 120px;
  height: 130px;
}

.user-avatar.no-stats.medium .user-avatar-content {
  top: 10px;
  left: 10px;
}

.user-avatar.no-stats.small {
  width: 50px;
  height: 56px;
}

.user-avatar.no-stats.small .user-avatar-content {
  top: 6px;
  left: 5px;
}

.user-avatar.no-stats.smaller {
  width: 34px;
  height: 36px;
}

.user-avatar.no-stats.smaller .user-avatar-content {
  top: 2px;
  left: 2px;
}

.user-avatar.no-stats.micro {
  width: 22px;
  height: 24px;
}

.user-avatar.no-stats.micro .user-avatar-content {
  top: 2px;
  left: 2px;
}

.user-avatar.no-border {
  width: 82px;
  height: 90px;
}

.user-avatar.no-border .user-avatar-content {
  top: 0;
  left: 0;
}

.user-avatar.no-border.big .user-avatar-content, .user-avatar.no-border.medium .user-avatar-content, .user-avatar.no-border.small .user-avatar-content, .user-avatar.no-border.tiny .user-avatar-content, .user-avatar.no-border.micro .user-avatar-content {
  top: 0;
  left: 0;
}

.user-avatar.no-border.big {
  width: 124px;
  height: 136px;
}

.user-avatar.no-border.medium {
  width: 100px;
  height: 110px;
}

.user-avatar.no-border.user-avatar-forum {
  width: 58px;
  height: 64px;
}

.user-avatar.no-border.small {
  width: 40px;
  height: 44px;
}

.user-avatar.no-border.tiny {
  width: 24px;
  height: 26px;
}

.user-avatar.no-border.micro {
  width: 18px;
  height: 20px;
}

.user-avatar.no-outline {
  width: 84px;
  height: 92px;
}

.user-avatar.no-outline .user-avatar-progress,
.user-avatar.no-outline .user-avatar-progress-border {
  top: 0;
  left: 0;
}

.user-avatar.no-outline .user-avatar-content {
  top: 9px;
  left: 8px;
}

.user-avatar.no-outline .user-avatar-badge {
  top: 60px;
  right: -3px;
}

.user-avatar.no-outline.small {
  width: 40px;
  height: 44px;
}

.user-avatar.no-outline.small .user-avatar-content {
  top: 6px;
  left: 5px;
}

.user-avatar.no-outline.small .user-avatar-badge {
  top: 21px;
  right: -3px;
}

.user-avatar .user-avatar-border {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.user-avatar .user-avatar-border .hexagon-content {
  background-color: #fff;
}

.user-avatar .user-avatar-content {
  position: absolute;
  top: 18px;
  left: 16px;
  z-index: 3;
}

.user-avatar .user-avatar-progress,
.user-avatar .user-avatar-progress-border {
  position: absolute;
  top: 9px;
  left: 8px;
  z-index: 2;
}

.user-avatar .user-avatar-progress {
  z-index: 3;
}

.user-avatar .user-avatar-progress-border {
  z-index: 2;
}

.user-avatar .user-avatar-badge {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 28px;
  height: 32px;
  position: absolute;
  top: 68px;
  right: 5px;
  z-index: 4;
}

.user-avatar .user-avatar-badge .user-avatar-badge-border {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}

.user-avatar .user-avatar-badge .user-avatar-badge-border .hexagon-content {
  background-color: #fff;
}

.user-avatar .user-avatar-badge .user-avatar-badge-content {
  position: absolute;
  top: 4px;
  left: 3px;
  z-index: 5;
}

.user-avatar .user-avatar-badge .user-avatar-badge-text {
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  pointer-events: none;
  position: relative;
  z-index: 6;
}

.user-avatar .user-avatar-overlay {
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: 11;
}

.user-avatar .user-avatar-overlay-content {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 12;
}

.user-avatar .user-avatar-overlay-content .user-avatar-overlay-content-text {
  color: #fff;
  font-weight: 700;
  pointer-events: none;
  position: relative;
  top: 1px;
}

/*--------------------------
    2. RANKED USER AVATAR
--------------------------*/
.ranked-user-avatar {
  display: block;
  width: 100px;
  height: 110px;
  position: relative;
}

.ranked-user-avatar.online::before, .ranked-user-avatar.offline::before, .ranked-user-avatar.away::before {
  content: '';
  width: 12px;
  height: 12px;
  border: 3px solid var(--color-box-background);
  border-radius: 50%;
  position: absolute;
  top: 3px;
  left: -2px;
  z-index: 10;
}

.ranked-user-avatar.online::before {
  background-color: #1df377;
}

.ranked-user-avatar.offline::before {
  background-color: #f9515c;
}

.ranked-user-avatar.away::before {
  background-color: #adafca;
}

.ranked-user-avatar.big {
  width: 148px;
  height: 164px;
}

.ranked-user-avatar.big.no-border {
  width: 124px;
  height: 136px;
}

.ranked-user-avatar.big.no-border .user-avatar-content {
  top: 14px;
  left: 12px;
}

.ranked-user-avatar.big.no-border .user-avatar-badge {
  top: 76px;
  right: -3px;
}

.ranked-user-avatar.big .user-avatar-content {
  top: 27px;
  left: 24px;
}

.ranked-user-avatar.big .user-avatar-progress,
.ranked-user-avatar.big .user-avatar-progress-border {
  top: 14px;
  left: 12px;
}

.ranked-user-avatar.big .user-avatar-badge {
  width: 40px;
  height: 44px;
  top: 102px;
  right: 8px;
}

.ranked-user-avatar.big .user-avatar-badge .user-avatar-badge-content {
  top: 5px;
  left: 4px;
}

.ranked-user-avatar.big .user-avatar-badge .user-avatar-badge-text {
  font-size: 1rem;
}

.ranked-user-avatar.medium {
  width: 120px;
  height: 132px;
}

.ranked-user-avatar.medium.no-border {
  width: 100px;
  height: 110px;
}

.ranked-user-avatar.medium.no-border .user-avatar-content {
  top: 10px;
  left: 9px;
}

.ranked-user-avatar.medium.no-border .user-avatar-badge {
  top: 60px;
  right: -3px;
}

.ranked-user-avatar.medium .user-avatar-content {
  top: 21px;
  left: 19px;
}

.ranked-user-avatar.medium .user-avatar-progress,
.ranked-user-avatar.medium .user-avatar-progress-border {
  top: 11px;
  left: 10px;
}

.ranked-user-avatar.medium .user-avatar-badge {
  width: 32px;
  height: 36px;
  top: 82px;
  right: 7px;
}

.ranked-user-avatar.medium .user-avatar-badge .user-avatar-badge-content {
  top: 4px;
  left: 3px;
}

.ranked-user-avatar.medium .user-avatar-badge .user-avatar-badge-text {
  font-size: 0.875rem;
}

.ranked-user-avatar.small {
  width: 50px;
  height: 56px;
}

.ranked-user-avatar.small.no-border {
  width: 40px;
  height: 44px;
}

.ranked-user-avatar.small.no-border .user-avatar-content {
  top: 6px;
  left: 5px;
}

.ranked-user-avatar.small.no-border .user-avatar-badge {
  top: 21px;
  right: -3px;
}

.ranked-user-avatar.small .user-avatar-content {
  top: 12px;
  left: 10px;
}

.ranked-user-avatar.small .user-avatar-progress,
.ranked-user-avatar.small .user-avatar-progress-border {
  top: 6px;
  left: 5px;
}

.ranked-user-avatar.small .user-avatar-badge {
  width: 22px;
  height: 24px;
  top: 27px;
  right: 2px;
}

.ranked-user-avatar.small .user-avatar-badge .user-avatar-badge-content {
  top: 3px;
  left: 3px;
}

.ranked-user-avatar.small .user-avatar-badge .user-avatar-badge-text {
  font-size: 0.625rem;
}

.ranked-user-avatar.smaller .user-avatar-overlay {
  width: 30px;
  height: 32px;
}

.ranked-user-avatar.smaller .user-avatar-overlay-content .user-avatar-overlay-content-text {
  font-size: 0.6875rem;
}

.ranked-user-avatar.no-stats {
  width: 100px;
  height: 110px;
}

.ranked-user-avatar.no-stats .user-avatar-content {
  top: 10px;
  left: 9px;
}

.ranked-user-avatar.no-stats.big {
  width: 148px;
  height: 164px;
}

.ranked-user-avatar.no-stats.big .user-avatar-content {
  top: 14px;
  left: 12px;
}

.ranked-user-avatar.no-stats.medium {
  width: 120px;
  height: 130px;
}

.ranked-user-avatar.no-stats.medium .user-avatar-content {
  top: 10px;
  left: 10px;
}

.ranked-user-avatar.no-stats.small {
  width: 50px;
  height: 56px;
}

.ranked-user-avatar.no-stats.small .user-avatar-content {
  top: 6px;
  left: 5px;
}

.ranked-user-avatar.no-stats.smaller {
  width: 34px;
  height: 36px;
}

.ranked-user-avatar.no-stats.smaller .user-avatar-content {
  top: 2px;
  left: 2px;
}

.ranked-user-avatar.no-stats.micro {
  width: 22px;
  height: 24px;
}

.ranked-user-avatar.no-stats.micro .user-avatar-content {
  top: 2px;
  left: 2px;
}

.ranked-user-avatar.no-border {
  width: 84px;
  height: 92px;
}

.ranked-user-avatar.no-border.big .user-avatar-progress,
.ranked-user-avatar.no-border.big .user-avatar-progress-border, .ranked-user-avatar.no-border.medium .user-avatar-progress,
.ranked-user-avatar.no-border.medium .user-avatar-progress-border, .ranked-user-avatar.no-border.small .user-avatar-progress,
.ranked-user-avatar.no-border.small .user-avatar-progress-border {
  top: 0;
  left: 0;
}

.ranked-user-avatar.no-border.tiny {
  width: 24px;
  height: 26px;
}

.ranked-user-avatar.no-border.micro {
  width: 18px;
  height: 20px;
}

.ranked-user-avatar.no-outline {
  width: 84px;
  height: 92px;
}

.ranked-user-avatar.no-outline .user-avatar-progress,
.ranked-user-avatar.no-outline .user-avatar-progress-border {
  top: 0;
  left: 0;
}

.ranked-user-avatar.no-outline .user-avatar-content {
  top: 9px;
  left: 8px;
}

.ranked-user-avatar.no-outline .user-avatar-badge {
  top: 60px;
  right: -3px;
}

.ranked-user-avatar.no-outline.small {
  width: 40px;
  height: 44px;
}

.ranked-user-avatar.no-outline.small .user-avatar-content {
  top: 6px;
  left: 5px;
}

.ranked-user-avatar.no-outline.small .user-avatar-badge {
  top: 21px;
  right: -3px;
}

.ranked-user-avatar .user-avatar-border {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.ranked-user-avatar .user-avatar-border .hexagon-content {
  background-color: #fff;
}

.ranked-user-avatar .user-avatar-content {
  position: absolute;
  top: 18px;
  left: 16px;
  z-index: 3;
}

.ranked-user-avatar .user-avatar-progress,
.ranked-user-avatar .user-avatar-progress-border {
  position: absolute;
  top: 9px;
  left: 8px;
  z-index: 2;
}

.ranked-user-avatar .user-avatar-progress {
  z-index: 3;
}

.ranked-user-avatar .user-avatar-progress-border {
  z-index: 2;
}

.ranked-user-avatar .user-avatar-badge {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 28px;
  height: 32px;
  position: absolute;
  top: 68px;
  right: 5px;
  z-index: 4;
}

.ranked-user-avatar .user-avatar-badge .user-avatar-badge-border {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}

.ranked-user-avatar .user-avatar-badge .user-avatar-badge-border .hexagon-content {
  background-color: #fff;
}

.ranked-user-avatar .user-avatar-badge .user-avatar-badge-content {
  position: absolute;
  top: 4px;
  left: 3px;
  z-index: 5;
}

.ranked-user-avatar .user-avatar-badge .user-avatar-badge-text {
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  pointer-events: none;
  position: relative;
  z-index: 6;
}

.ranked-user-avatar .user-avatar-overlay {
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: 11;
}

.ranked-user-avatar .user-avatar-overlay-content {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 12;
}

.ranked-user-avatar .user-avatar-overlay-content .user-avatar-overlay-content-text {
  color: #fff;
  font-weight: 700;
  pointer-events: none;
  position: relative;
  top: 1px;
}

/*----------------------------
    2. USER AVATAR CIRCLE
----------------------------*/
.user-avatar-circle {
  display: block;
  width: 106px;
  height: 106px;
  border-radius: 50%;
  background-color: var(--color-box-background);
  position: relative;
}

.user-avatar-circle.user-avatar-circle-flat {
  border-radius: 0;
}

.user-avatar-circle.user-avatar-circle-flat.big .user-avatar-circle-badge {
  top: 110px;
  right: 8px;
}

.user-avatar-circle.user-avatar-circle-flat.medium .user-avatar-circle-badge {
  top: 87px;
}

.user-avatar-circle.user-avatar-circle-flat.small .user-avatar-circle-badge {
  right: 4px;
}

.user-avatar-circle.user-avatar-circle-flat.no-border.big .user-avatar-circle-badge {
  top: 98px;
  right: -4px;
}

.user-avatar-circle.user-avatar-circle-flat.no-border.medium .user-avatar-circle-badge {
  top: 77px;
}

.user-avatar-circle.user-avatar-circle-flat.no-border.small .user-avatar-circle-badge {
  right: -2px;
}

.user-avatar-circle.user-avatar-circle-flat.no-border .user-avatar-circle-badge {
  top: 63px;
}

.user-avatar-circle.user-avatar-circle-flat .user-avatar-circle-image,
.user-avatar-circle.user-avatar-circle-flat .user-avatar-circle-overlay {
  border-radius: 0;
}

.user-avatar-circle.user-avatar-circle-flat .user-avatar-circle-badge {
  border-radius: 0;
  top: 71px;
}

.user-avatar-circle.user-avatar-circle-flat .user-avatar-circle-badge .user-avatar-circle-badge-content {
  border-radius: 0;
}

.user-avatar-circle.big {
  width: 158px;
  height: 158px;
}

.user-avatar-circle.big .user-avatar-circle-image {
  width: 110px;
  height: 110px;
  top: 24px;
  left: 24px;
}

.user-avatar-circle.big .user-avatar-circle-progress {
  top: 12px;
  left: 12px;
}

.user-avatar-circle.big .user-avatar-circle-badge {
  width: 40px;
  height: 40px;
  top: 104px;
  right: 13px;
}

.user-avatar-circle.big .user-avatar-circle-badge .user-avatar-circle-badge-content {
  width: 32px;
  height: 32px;
}

.user-avatar-circle.big .user-avatar-circle-badge .user-avatar-circle-badge-content .user-avatar-circle-badge-content-text {
  font-size: 1rem;
}

.user-avatar-circle.medium {
  width: 128px;
  height: 128px;
}

.user-avatar-circle.medium .user-avatar-circle-image {
  width: 90px;
  height: 90px;
  top: 19px;
  left: 19px;
}

.user-avatar-circle.medium .user-avatar-circle-progress {
  top: 10px;
  left: 10px;
}

.user-avatar-circle.medium .user-avatar-circle-badge {
  width: 34px;
  height: 34px;
  top: 81px;
  right: 7px;
}

.user-avatar-circle.medium .user-avatar-circle-badge .user-avatar-circle-badge-content {
  width: 28px;
  height: 28px;
}

.user-avatar-circle.medium .user-avatar-circle-badge .user-avatar-circle-badge-content .user-avatar-circle-badge-content-text {
  margin-top: 0;
  font-size: 0.875rem;
}

.user-avatar-circle.user-avatar-circle-forum {
  width: 64px;
  height: 64px;
}

.user-avatar-circle.user-avatar-circle-forum .user-avatar-circle-image {
  width: 64px;
  height: 64px;
  top: 0;
  left: 0;
}

.user-avatar-circle.small {
  width: 52px;
  height: 52px;
}

.user-avatar-circle.small .user-avatar-circle-image {
  width: 30px;
  height: 30px;
  top: 11px;
  left: 11px;
}

.user-avatar-circle.small .user-avatar-circle-progress {
  top: 6px;
  left: 6px;
}

.user-avatar-circle.small .user-avatar-circle-badge {
  width: 22px;
  height: 22px;
  top: 26px;
  right: 3px;
}

.user-avatar-circle.small .user-avatar-circle-badge .user-avatar-circle-badge-content {
  width: 18px;
  height: 18px;
}

.user-avatar-circle.small .user-avatar-circle-badge .user-avatar-circle-badge-content .user-avatar-circle-badge-content-text {
  margin-top: -1px;
  font-size: 0.625rem;
}

.user-avatar-circle.smaller {
  width: 34px;
  height: 34px;
}

.user-avatar-circle.smaller .user-avatar-circle-image {
  width: 30px;
  height: 30px;
  top: 2px;
  left: 2px;
}

.user-avatar-circle.smaller .user-avatar-circle-overlay {
  width: 30px;
  height: 30px;
  top: 2px;
  left: 2px;
}

.user-avatar-circle.smaller .user-avatar-circle-overlay .user-avatar-circle-overlay-text {
  color: #fff;
  font-size: 0.6875rem;
  font-weight: 700;
  pointer-events: none;
}

.user-avatar-circle.tiny {
  width: 30px;
  height: 30px;
}

.user-avatar-circle.tiny .user-avatar-circle-image {
  width: 26px;
  height: 26px;
  top: 2px;
  left: 2px;
}

.user-avatar-circle.micro {
  width: 24px;
  height: 24px;
}

.user-avatar-circle.micro .user-avatar-circle-image {
  width: 20px;
  height: 20px;
  top: 2px;
  left: 2px;
}

.user-avatar-circle.no-border {
  width: 90px;
  height: 90px;
  background-color: transparent;
}

.user-avatar-circle.no-border.big {
  width: 134px;
  height: 134px;
}

.user-avatar-circle.no-border.big .user-avatar-circle-image {
  top: 12px;
  left: 12px;
}

.user-avatar-circle.no-border.big .user-avatar-circle-badge {
  top: 92px;
  right: 1px;
}

.user-avatar-circle.no-border.medium {
  width: 108px;
  height: 108px;
}

.user-avatar-circle.no-border.medium .user-avatar-circle-image {
  top: 9px;
  left: 9px;
}

.user-avatar-circle.no-border.medium .user-avatar-circle-badge {
  top: 71px;
  right: -3px;
}

.user-avatar-circle.no-border.user-avatar-circle-forum {
  width: 64px;
  height: 64px;
}

.user-avatar-circle.no-border.user-avatar-circle-forum .user-avatar-circle-image {
  top: 0;
  left: 0;
}

.user-avatar-circle.no-border.small {
  width: 40px;
  height: 40px;
}

.user-avatar-circle.no-border.small .user-avatar-circle-image {
  top: 5px;
  left: 5px;
}

.user-avatar-circle.no-border.small .user-avatar-circle-badge {
  top: 20px;
  right: -3px;
}

.user-avatar-circle.no-border.smaller {
  width: 30px;
  height: 30px;
}

.user-avatar-circle.no-border.smaller .user-avatar-circle-image {
  top: 0;
  left: 0;
}

.user-avatar-circle.no-border.smaller .user-avatar-circle-overlay {
  width: 30px;
  height: 30px;
  top: 0;
  left: 0;
}

.user-avatar-circle.no-border.tiny {
  width: 26px;
  height: 26px;
}

.user-avatar-circle.no-border.tiny .user-avatar-circle-image {
  top: 0;
  left: 0;
}

.user-avatar-circle.no-border.micro {
  width: 20px;
  height: 20px;
}

.user-avatar-circle.no-border.micro .user-avatar-circle-image {
  top: 0;
  left: 0;
}

.user-avatar-circle.no-border .user-avatar-circle-image {
  top: 8px;
  left: 8px;
}

.user-avatar-circle.no-border .user-avatar-circle-progress {
  top: 0;
  left: 0;
}

.user-avatar-circle.no-border .user-avatar-circle-badge {
  top: 59px;
  right: -3px;
}

.user-avatar-circle.no-stats {
  width: 106px;
  height: 106px;
}

.user-avatar-circle.no-stats.big {
  width: 160px;
  height: 160px;
}

.user-avatar-circle.no-stats.big .user-avatar-circle-image {
  width: 136px;
  height: 136px;
  top: 12px;
  left: 12px;
}

.user-avatar-circle.no-stats.medium {
  width: 130px;
  height: 130px;
}

.user-avatar-circle.no-stats.medium .user-avatar-circle-image {
  width: 110px;
  height: 110px;
  top: 10px;
  left: 10px;
}

.user-avatar-circle.no-stats.small {
  width: 56px;
  height: 56px;
}

.user-avatar-circle.no-stats.small .user-avatar-circle-image {
  width: 44px;
  height: 44px;
  top: 6px;
  left: 6px;
}

.user-avatar-circle.no-stats .user-avatar-circle-progress,
.user-avatar-circle.no-stats .user-avatar-circle-badge {
  display: none;
}

.user-avatar-circle.no-stats .user-avatar-circle-image {
  width: 90px;
  height: 90px;
  top: 8px;
  left: 8px;
}

.user-avatar-circle.no-border.no-stats {
  width: 90px;
  height: 90px;
}

.user-avatar-circle.no-border.no-stats.big {
  width: 136px;
  height: 136px;
}

.user-avatar-circle.no-border.no-stats.medium {
  width: 110px;
  height: 110px;
}

.user-avatar-circle.no-border.no-stats.small {
  width: 44px;
  height: 44px;
}

.user-avatar-circle.no-border.no-stats .user-avatar-circle-image {
  top: 0;
  left: 0;
}

.user-avatar-circle .user-avatar-circle-image,
.user-avatar-circle .user-avatar-circle-progress,
.user-avatar-circle .user-avatar-circle-badge {
  position: absolute;
}

.user-avatar-circle .user-avatar-circle-image {
  width: 74px;
  height: 74px;
  border-radius: 50%;
  top: 16px;
  left: 16px;
}

.user-avatar-circle .user-avatar-circle-progress {
  top: 8px;
  left: 8px;
}

.user-avatar-circle .user-avatar-circle-badge {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--color-box-background);
  top: 67px;
  right: 5px;
}

.user-avatar-circle .user-avatar-circle-badge .user-avatar-circle-badge-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--color-avatar-rank-hexagon);
}

.user-avatar-circle .user-avatar-circle-badge .user-avatar-circle-badge-content .user-avatar-circle-badge-content-text {
  margin-top: 1px;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
}

.user-avatar-circle .user-avatar-circle-overlay {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 50%;
  background-color: var(--color-avatar-overlay-background);
  position: absolute;
}

/*------------------------------------------------------------------
[Table of contents]

1. .user-status-list
2. .user-status
-------------------------------------------------------------------*/
/*-------------------------
    1. USER STATUS LIST
-------------------------*/
.user-status-list .user-status {
  margin-bottom: 22px;
}

.user-status-list .user-status:last-child {
  margin-bottom: 0;
}

.user-status-list.user-status-list-3-cols {
  display: grid;
  grid-template-columns: repeat(auto-fit, 276px);
  grid-gap: 22px 0;
}

.user-status-list.user-status-list-3-cols .user-status {
  margin-bottom: 0;
}

/*---------------------
    2. USER STATUS
---------------------*/
.user-status {
  min-height: 44px;
  padding: 0px 0 0 27px;
  position: relative;
}

.user-status.no-padding-top {
  padding-top: 0;
}

.user-status.no-padding-left {
  padding-left: 0;
}

.user-status.notification {
  padding-right: 60px;
}

.user-status.user-status-with-icon {
  padding-right: 28px;
}

.user-status.request .user-status-title, .user-status.request-small .user-status-title {
  margin-top: 2px;
  line-height: 1.1428571429em;
}

.user-status.request .user-status-text, .user-status.request-small .user-status-text {
  margin-top: 8px;
}

.user-status.request-small {
  padding-right: 48px;
}

.user-status.request {
  padding-right: 100px;
}

.user-status.user-status-selectable {
  padding-left: 86px;
}

.user-status.user-status-selectable .user-avatar,
.user-status.user-status-selectable .user-avatar-circle {
  left: 34px;
}

.user-status.user-status-selectable .checkbox-box {
  position: absolute;
  top: 10px;
  left: 0;
  right: auto;
}

.user-status .checkbox-box {
  position: absolute;
  top: -16px;
  right: -22px;
  cursor: pointer;
}

.user-status .user-status-reaction-image {
  width: 20px;
  height: auto;
}

.user-status .post-format-tag,
.user-status .user-status-avatar,
.user-status .user-status-activity {
  position: absolute;
  top: 0;
  left: 0;
}

.user-status .post-format-tag,
.user-status .user-status-avatar.picture {
  top: 2px;
}

.user-status .post-format-tag {
  width: 40px;
  height: 40px;
  box-shadow: none;
}

.user-status .user-status-avatar.picture {
  background-color: var(--color-primary);
}

.user-status .user-status-activity {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
}

.user-status .user-status-activity.activity-reaction {
  background-color: #615dfa;
}

.user-status .user-status-activity.activity-comment {
  background-color: #4f8dff;
}

.user-status .user-status-activity.activity-share {
  background-color: #3ad2fe;
}

.user-status .user-status-activity.activity-update {
  background-color: #23d2e2;
}

.user-status .user-status-activity .user-status-activity-icon {
  fill: #fff;
}

.user-status .user-status-favorite-icon {
  margin-right: 6px;
  position: relative;
  top: -1px;
}

.user-status .user-status-title {
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4285714286em;
  word-break: break-word;
}

.user-status .user-status-title.medium {
  font-size: 1.5rem;
}

.user-status .user-status-title.medium + .user-status-text {
  margin-top: 2px;
}

.user-status .user-status-title.medium + .user-status-text.user-status-text_edited {
  margin-top: -8px;
}

.user-status .user-status-title a,
.user-status .user-status-title .bold {
  color: var(--color-text);
  font-weight: 700;
}

.user-status .user-status-title .highlighted {
  color: var(--color-primary-dark);
  font-weight: 600;
}

.user-status .user-status-title .vikinger-user-tag,
.user-status .user-status-title .vikinger-pmpro-level-tag {
  margin: 0 2px 2px 6px;
  display: inline-block;
  -ms-flex-pack: start;
      justify-content: flex-start;
  position: relative;
  top: -2px;
}

.user-status .user-status-title .vikinger-user-tag + .vikinger-user-tag,
.user-status .user-status-title .vikinger-user-tag + .vikinger-pmpro-level-tag,
.user-status .user-status-title .vikinger-pmpro-level-tag + .vikinger-user-tag,
.user-status .user-status-title .vikinger-pmpro-level-tag + .vikinger-pmpro-level-tag {
  margin-left: 2px;
}

.user-status .user-status-timestamp {
  margin-top: 10px;
  color: var(--color-text-alt);
  font-size: 0.75rem;
  font-weight: 500;
}

.user-status .user-status-timestamp.small-space {
  margin-top: 4px;
}

.user-status .user-status-timestamp.floaty {
  margin-top: 0;
  position: absolute;
  top: 7px;
  right: 0;
}

.user-status .user-status-text {
  margin-top: 4px;
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 500;
  word-break: break-word;
}

.user-status .user-status-text.small {
  font-size: 0.75rem;
}

.user-status .user-status-text.small-space {
  margin-top: 4px;
}

.user-status .user-status-text.user-status-text_edited {
  margin-top: -8px;
}

.user-status .user-status-text a {
  color: var(--color-text);
  font-weight: 700;
}

.user-status .user-status-text a:hover {
  color: var(--color-primary-dark);
  text-decoration: none;
}

.user-status .user-status-text .user-avatar,
.user-status .user-status-text .user-avatar-circle {
  display: inline-block;
  position: relative;
  top: 6px;
  margin: 0 4px;
}

.user-status .user-status-tag {
  display: inline-block;
  height: 20px;
  padding: 0 8px;
  border-radius: 200px;
  background-color: #3e3f5e;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  position: relative;
  top: -3px;
}

.user-status .user-status-tag.online {
  background-color: #1df377;
}

.user-status .user-status-tag.offline {
  background-color: #f9515c;
}

.user-status .user-status-tag.away {
  background-color: #adafca;
}

.user-status .user-status-icon {
  fill: var(--color-icon);
  opacity: .4;
  position: absolute;
  top: 10px;
  right: 0;
}

.user-status .user-status-icon.user-status-privacy-icon {
  top: 8px;
}

.user-status .action-request-list {
  position: absolute;
  top: 2px;
  right: 0;
}

.vikinger-user-tag-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.vikinger-user-tag-list > .vikinger-user-tag {
  margin-right: 4px;
}

.vikinger-user-tag-list > .vikinger-user-tag:last-child {
  margin-right: 0;
}

.vikinger-user-tag {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.vikinger-user-tag.vikinger-user-tag_small .vikinger-user-tag-text {
  padding-top: 5px;
  font-size: 0.6875rem;
}

.vikinger-user-tag .vikinger-user-tag-text {
  padding: 4px 8px;
  border-radius: 200px;
  background-color: var(--color-primary);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

/*------------------------------------------------------------------
[Table of contents]

1. .cart-item-preview
2. .cart-preview-total
-------------------------------------------------------------------*/
/*----------------------------
    1. CART ITEM PREVIEW
----------------------------*/
.cart-item-preview {
  padding-left: 70px;
  position: relative;
}

.cart-item-preview .cart-item-preview-image {
  position: absolute;
  top: 2px;
  left: 0;
}

.cart-item-preview .cart-item-preview-title {
  font-size: 0.875rem;
  font-weight: 700;
}

.cart-item-preview .cart-item-preview-title a {
  color: var(--color-text);
  font-weight: 700;
}

.cart-item-preview .cart-item-preview-text {
  margin-top: 2px;
  font-size: 0.75rem;
  font-weight: 500;
}

.cart-item-preview .cart-item-preview-price {
  margin-top: 16px;
  font-size: 0.875rem;
  font-weight: 700;
}

.cart-item-preview .cart-item-preview-price .highlighted {
  color: var(--color-primary-dark);
}

.cart-item-preview .cart-item-preview-action {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.cart-item-preview .cart-item-preview-action .icon-delete {
  opacity: .4;
  transition: fill .2s ease-in-out, opacity .2s ease-in-out;
}

.cart-item-preview .cart-item-preview-action:hover .icon-delete {
  fill: var(--color-icon-highlighted);
  opacity: 1;
}

/*----------------------------
    2. CART PREVIEW TOTAL
----------------------------*/
.cart-preview-total {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  height: 55px;
  padding: 0 28px 0 100px;
  border-top: 1px solid var(--color-divider);
  border-bottom: 1px solid var(--color-divider);
}

.cart-preview-total .cart-preview-total-title,
.cart-preview-total .cart-preview-total-text {
  font-size: 0.875rem;
  font-weight: 700;
}

.cart-preview-total .cart-preview-total-text .highlighted {
  color: var(--color-primary-dark);
}

/*------------------------------------------------------------------
[Table of contents]

1. .form-box
-------------------------------------------------------------------*/
/*------------------
    1. FORM BOX
------------------*/
.form-box {
  width: 484px;
  padding: 64px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-overbox-dark-shadow);
  position: relative;
}

.form-box.no-padding {
  padding: 0;
}

.form-box.no-padding .form-box-content {
  padding: 64px;
}

.form-box .form-box-decoration {
  position: absolute;
  top: -14px;
  left: -80px;
}

.form-box .form-box-decoration.overflowing {
  top: -68px;
}

.form-box .form-box-title {
  font-size: 1.625rem;
  text-align: center;
}

.form-box .form {
  margin-top: 76px;
}

.form-box .lined-text {
  margin-top: 40px;
}

.form-box .social-links {
  margin-top: 30px;
}

/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (max-width: 500px) {
  .form-box {
    padding: 40px 32px;
  }
}

/*------------------------------------------------------------------
[Table of contents]

1. .landing
2. .landing-info
3. .landing-form
-------------------------------------------------------------------*/
/*------------------
    1. LANDING
------------------*/
.landing {
  width: 100%;
  height: 100%;
  background: url("../img/landing/landing-background.jpg") no-repeat left center;
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
}

.landing .landing-decoration {
  width: 64%;
  height: 140%;
  border-radius: 50%;
  background: url("../img/landing/dot-texture.png") repeat left top #fff;
  position: absolute;
  top: -20%;
  right: -32%;
  pointer-events: none;
}

/*----------------------
    2. LANDING INFO
----------------------*/
.landing-info {
  width: 584px;
  position: absolute;
  top: 16%;
  left: 13%;
}

.landing-info .logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.landing-info .landing-info-pretitle,
.landing-info .landing-info-title,
.landing-info .landing-info-text {
  color: #fff;
  text-align: center;
}

.landing-info .landing-info-pretitle,
.landing-info .landing-info-title {
  text-transform: uppercase;
}

.landing-info .landing-info-pretitle {
  margin-top: 36px;
  font-size: 1.5rem;
  font-weight: 500;
}

.landing-info .landing-info-title {
  font-family: var(--font-secondary);
  font-size: 6.5rem;
  font-weight: 900;
  position: relative;
  top: -10px;
}

.landing-info .landing-info-text {
  width: 384px;
  margin: 30px auto 0;
  font-size: 1.125rem;
  line-height: 1.3333333333em;
  font-weight: 500;
  font-weight: 500;
}

.landing-info .tab-switch {
  margin-top: 90px;
}

/*----------------------
    3. LANDING FORM
----------------------*/
.landing-form {
  width: 484px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 13%;
}

.landing-form .form-box {
  position: absolute;
  top: 50%;
  left: 0;
}

.landing-form .form-box:first-child {
  margin-top: -313px;
}

.landing-form .form-box:last-child {
  margin-top: -370px;
}

/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (min-width: 2560px) {
  .landing-info {
    top: 25%;
  }
  .landing-form {
    right: 20%;
  }
}

@media screen and (min-width: 3840px) {
  .landing-info {
    top: 35%;
    left: 18%;
  }
  .landing-form {
    right: 25%;
  }
}

@media screen and (max-width: 1500px) {
  .landing .landing-decoration {
    display: none;
  }
  .landing-info {
    left: 6%;
  }
  .landing-info .landing-info-text {
    margin-top: 10px;
  }
  .landing-info .tab-switch {
    margin-top: 40px;
  }
  .landing-form {
    right: 80px;
  }
}

@media screen and (max-width: 1365px) {
  .landing {
    padding: 80px 0 100px;
    position: static;
  }
  .landing-info {
    width: 100%;
    position: static;
  }
  .landing-info .landing-info-text {
    display: none;
  }
  .landing-form {
    width: 100%;
    margin-top: 80px;
    position: static;
  }
  .landing-form .form-box {
    margin: 0 auto;
    position: static;
  }
  .landing-form .form-box .form-box-decoration {
    display: none;
  }
  .landing-form .form-box:first-child, .landing-form .form-box:last-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 600px) {
  .landing-form .form-box {
    width: 90%;
  }
}

@media screen and (max-width: 500px) {
  .landing-info .landing-info-title {
    font-size: 3.75rem;
  }
  .landing-info .tab-switch {
    width: 90%;
    margin: 20px auto 0;
  }
  .landing-info .tab-switch .tab-switch-button {
    width: 50%;
  }
  .landing-form {
    margin-top: 60px;
  }
}

.vk-el-navigation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.vk-el-navigation-item {
  position: relative;
}

.vk-el-navigation-item:hover > .vk-el-navigation {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  pointer-events: auto;
}

.vk-el-navigation-item .vk-el-navigation {
  width: 200px;
  padding: 16px 0;
  border-radius: 12px;
  background-color: var(--color-box-background);
  display: block;
  position: absolute;
  top: 64px;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate(0, -10px);
          transform: translate(0, -10px);
  pointer-events: none;
  transition: opacity .2s ease-in-out, visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out, opacity .2s ease-in-out, visibility .2s ease-in-out;
  transition: transform .2s ease-in-out, opacity .2s ease-in-out, visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.vk-el-navigation-item .vk-el-navigation .vk-el-navigation-item-link {
  padding: 12px 28px;
  color: var(--color-text);
  line-height: 1.2em;
  transition: padding-left .2s ease-in-out;
}

.vk-el-navigation-item .vk-el-navigation .vk-el-navigation-item-link:hover {
  padding-left: 32px;
}

.vk-el-navigation-item .vk-el-navigation .vk-el-navigation-item-icon {
  fill: var(--color-text);
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.vk-el-navigation-item .vk-el-navigation .vk-el-navigation {
  top: -16px;
  left: 100%;
}

.vk-el-navigation-item-link {
  display: block;
  padding: 32px 20px;
  color: var(--color-text);
  font-size: 1rem;
  font-weight: 700;
}

.vk-el-navigation-item-icon {
  margin-left: 8px;
  fill: #fff;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.vk-el-navigation-mobile {
  width: 300px;
  height: 100%;
  padding: 28px 0 80px;
  background-color: #fff;
  position: fixed;
  top: 0;
  opacity: 0;
  visibility: hidden;
  overflow-y: auto;
  z-index: 100000;
  transition: opacity .2s ease-in-out, visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out, opacity .2s ease-in-out, visibility .2s ease-in-out;
  transition: transform .2s ease-in-out, opacity .2s ease-in-out, visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.vk-el-navigation-mobile.vk-el-navigation-mobile-left {
  left: 0;
  -webkit-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}

.vk-el-navigation-mobile.vk-el-navigation-mobile-right {
  right: 0;
  -webkit-transform: translate(100%, 0);
          transform: translate(100%, 0);
}

.vk-el-navigation-mobile.vk-el-navigation-mobile-active {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
}

.vk-el-navigation-mobile-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 32px;
  position: relative;
}

.vk-el-navigation-mobile-header + .vk-el-navigation-mobile-menu {
  margin-top: 26px;
}

.vk-el-navigation-mobile-header .vk-el-navigation-mobile-logo + .vk-el-navigation-mobile-title {
  margin-left: 12px;
}

.vk-el-navigation-mobile-header .vk-el-navigation-mobile-title {
  font-family: var(--font-secondary);
  font-size: 1.25rem;
  font-weight: 900;
  text-transform: uppercase;
}

.vk-el-navigation-mobile-header .vk-el-navigation-mobile-trigger-close {
  position: absolute;
  top: 0;
  right: 32px;
}

.vk-el-navigation-mobile-trigger-open,
.vk-el-navigation-mobile-trigger-close {
  cursor: pointer;
}

.vk-el-navigation-mobile-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(21, 21, 31, 0.96);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
}

.vk-el-navigation-mobile-overlay.vk-el-navigation-mobile-overlay-active {
  opacity: 1;
  visibility: visible;
}

.vk-el-navigation-mobile-menu .vk-el-navigation-mobile-menu {
  padding-left: 16px;
}

.vk-el-navigation-mobile-menu-item-link {
  display: block;
  padding: 14px 32px;
  font-size: 0.875rem;
  font-weight: 700;
  transition: padding-left .2s ease-in-out;
}

.vk-el-navigation-mobile-menu-item-link:hover {
  padding-left: 38px;
}

/*------------------------------------------------------------------
[Table of contents]

1. .dropdown-box
2. .dropdown-box-category
3. .dropdown-box-list
4. .dropdown-box-actions
5. .dropdown-box-button
-------------------------------------------------------------------*/
/*----------------------
    1. DROPDOWN BOX
----------------------*/
.dropdown-box {
  width: 384px;
  padding-bottom: 60px;
  border-radius: 10px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-overbox-big-shadow);
  position: relative;
}

.dropdown-box > .loader-spinner-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 52px;
}

.dropdown-box.header-settings-dropdown, .dropdown-box.header-search-dropdown {
  opacity: 0;
  visibility: hidden;
}

.dropdown-box.padding-bottom-small {
  padding-bottom: 14px;
}

.dropdown-box.no-padding-bottom {
  padding-bottom: 0;
}

.dropdown-box .dropdown-box-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 28px 28px 20px;
}

.dropdown-box .dropdown-box-header .dropdown-box-header-title {
  font-size: 1rem;
  font-weight: 700;
}

.dropdown-box .dropdown-box-header .dropdown-box-header-title .highlighted {
  color: var(--color-primary-dark);
}

.dropdown-box .dropdown-box-header .dropdown-box-header-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
}

.dropdown-box .dropdown-box-header .dropdown-box-header-actions .dropdown-box-header-action {
  margin-right: 16px;
  color: var(--color-text-alt);
  font-size: 0.75rem;
  font-weight: 700;
  opacity: .6;
  cursor: pointer;
}

.dropdown-box .dropdown-box-header .dropdown-box-header-actions .dropdown-box-header-action.dropdown-box-header-action-tab {
  padding-bottom: 2px;
  border-bottom: 2px solid transparent;
  transition: opacity .2s ease-in-out, color .2s ease-in-out;
}

.dropdown-box .dropdown-box-header .dropdown-box-header-actions .dropdown-box-header-action.dropdown-box-header-action-tab.active {
  color: var(--color-text);
  opacity: 1;
  border-bottom: 2px solid var(--color-primary);
}

.dropdown-box .dropdown-box-header .dropdown-box-header-actions .dropdown-box-header-action.dropdown-box-header-action-tab:hover {
  color: var(--color-text);
  opacity: 1;
}

.dropdown-box .dropdown-box-header .dropdown-box-header-actions .dropdown-box-header-action:hover {
  color: var(--color-primary-dark);
}

.dropdown-box .dropdown-box-header .dropdown-box-header-actions .dropdown-box-header-action:last-child {
  margin-right: 0;
}

.dropdown-box .dropdown-box-category {
  padding-top: 20px;
}

.dropdown-box .dropdown-box-category:first-child {
  padding-top: 28px;
}

.dropdown-box .dropdown-box-category + .no-results-text,
.dropdown-box .dropdown-box-category + .loader-spinner-wrap {
  margin: 16px 0;
}

.dropdown-box .dropdown-box-button {
  position: absolute;
  bottom: 0;
  left: 0;
}

.dropdown-box .dropdown-box-actions:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/*------------------------------
    2. DROPDOWN BOX CATEGORY
------------------------------*/
.dropdown-box-category {
  padding: 0 28px 4px;
}

.dropdown-box-category .dropdown-box-category-title {
  color: var(--color-text-alt-2);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

/*----------------------------
    3. DROPDOWN BOX LIST
----------------------------*/
.dropdown-box-list {
  height: 420px;
}

.dropdown-box-list.no-scroll {
  height: auto;
}

.dropdown-box-list.scroll-small {
  height: 286px;
}

.dropdown-box-list.medium .dropdown-box-list-item {
  padding: 20px 28px;
}

.dropdown-box-list.small .dropdown-box-list-item {
  padding: 10px 28px;
}

.dropdown-box-list.no-hover .dropdown-box-list-item:hover {
  background-color: transparent;
}

.dropdown-box-list .no-results-text {
  padding-top: 20px;
}

.dropdown-box-list .dropdown-box-list-item {
  display: block;
  padding: 16px 28px;
}

.dropdown-box-list .dropdown-box-list-item.unread {
  background-color: var(--color-box-highlight-background);
}

.dropdown-box-list .dropdown-box-list-item.unread .user-status-icon {
  fill: var(--color-icon);
  opacity: 1;
}

.dropdown-box-list .dropdown-box-list-item:focus, .dropdown-box-list .dropdown-box-list-item:hover {
  background-color: var(--color-box-hover-background);
}

/*------------------------------
    4. DROPDOWN BOX ACTIONS
------------------------------*/
.dropdown-box-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 32px 0;
  background-color: var(--color-box-background-alt);
}

.dropdown-box-actions .dropdown-box-action {
  margin-right: 16px;
}

.dropdown-box-actions .dropdown-box-action .button {
  width: 156px;
}

.dropdown-box-actions .dropdown-box-action:last-child {
  margin-right: 0;
}

/*------------------------------
    5. DROPDOWN BOX BUTTON
------------------------------*/
.dropdown-box-button {
  width: 100%;
  height: 60px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #3e3f5e;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  line-height: 60px;
  transition: background-color .2s ease-in-out;
}

.dropdown-box-button:hover {
  color: #fff;
}

.dropdown-box-button.primary {
  background-color: var(--color-primary);
}

.dropdown-box-button.primary:hover {
  background-color: var(--color-primary-hover);
}

.dropdown-box-button.secondary {
  background-color: var(--color-secondary);
}

.dropdown-box-button.secondary:hover {
  background-color: var(--color-secondary-hover);
}

/*------------------------------------------------------------------
[Table of contents]

1. .dropdown-navigation
-------------------------------------------------------------------*/
/*----------------------------
    1. DROPDOWN NAVIGATION
----------------------------*/
.dropdown-navigation {
  min-width: 360px;
  padding: 20px 28px;
  border-radius: 10px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-overbox-big-shadow);
}

.dropdown-navigation.header-settings-dropdown {
  opacity: 0;
  visibility: hidden;
}

.dropdown-navigation .dropdown-navigation-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.dropdown-navigation .dropdown-navigation-header .dropdown-navigation-button {
  width: auto;
  padding: 0 32px;
  margin-top: 2px;
}

.dropdown-navigation .dropdown-navigation-header .vikinger-user-tag + .vikinger-user-tag,
.dropdown-navigation .dropdown-navigation-header .vikinger-user-tag + .vikinger-pmpro-level-tag,
.dropdown-navigation .dropdown-navigation-header .vikinger-pmpro-level-tag + .vikinger-user-tag,
.dropdown-navigation .dropdown-navigation-header .vikinger-pmpro-level-tag + .vikinger-pmpro-level-tag {
  margin-left: 0;
}

.dropdown-navigation .dropdown-navigation-sections {
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}

.dropdown-navigation .dropdown-navigation-sections .dropdown-navigation-section {
  width: 200px;
}

.dropdown-navigation .dropdown-navigation-sections .dropdown-navigation-section .dropdown-navigation-category:first-child {
  margin-top: 0;
}

.dropdown-navigation .dropdown-navigation-category {
  margin: 20px 0 10px;
  color: var(--color-text-alt-2);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.dropdown-navigation .dropdown-navigation-link {
  display: block;
  padding: 8px 0;
  font-size: 0.875rem;
  font-weight: 700;
  transition: padding .2s ease-in-out, color .2s ease-in-out;
}

.dropdown-navigation .dropdown-navigation-link .highlighted {
  float: right;
  color: var(--color-primary-dark);
}

.dropdown-navigation .dropdown-navigation-link:hover {
  padding-left: 4px;
}

/*------------------------------------------------------------------
[Table of contents]

1. .navigation-widget
-------------------------------------------------------------------*/
/*----------------------------
    1. NAVIGATION WIDGET
----------------------------*/
.navigation-widget {
  width: 300px;
  padding-bottom: 80px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
  position: relative;
}

.navigation-widget .navigation-widget-close-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  fill: var(--color-icon-highlighted);
  width: 70px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.navigation-widget .navigation-widget-close-button + .navigation-widget-section {
  margin-top: 40px;
}

.navigation-widget .navigation-widget-actions {
  margin: 80px 28px 60px;
}

.navigation-widget .navigation-widget-actions .button + .button {
  margin-top: 12px;
}

.navigation-widget .navigation-widget-cover {
  width: 100%;
  height: 76px;
}

.navigation-widget .navigation-widget-info-wrap {
  padding: 32px 50px 0 30px;
  margin-bottom: 40px;
}

.navigation-widget .navigation-widget-info-wrap .navigation-widget-info {
  min-height: 44px;
  padding: 8px 0 0 50px;
  position: relative;
}

.navigation-widget .navigation-widget-info-wrap .navigation-widget-info .user-avatar,
.navigation-widget .navigation-widget-info-wrap .navigation-widget-info .user-avatar-circle {
  position: absolute;
  top: 0;
  left: 0;
}

.navigation-widget .navigation-widget-info-wrap .navigation-widget-info .navigation-widget-info-title {
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 700;
}

.navigation-widget .navigation-widget-info-wrap .navigation-widget-info .navigation-widget-info-title a {
  color: var(--color-text);
  font-weight: 700;
}

.navigation-widget .navigation-widget-info-wrap .navigation-widget-info .navigation-widget-info-title .vikinger-user-tag,
.navigation-widget .navigation-widget-info-wrap .navigation-widget-info .navigation-widget-info-title .vikinger-pmpro-level-tag {
  margin: 0 2px 4px 6px;
  display: inline-block;
  -ms-flex-pack: start;
      justify-content: flex-start;
  position: relative;
  top: -2px;
}

.navigation-widget .navigation-widget-info-wrap .navigation-widget-info .navigation-widget-info-title .vikinger-user-tag + .vikinger-user-tag,
.navigation-widget .navigation-widget-info-wrap .navigation-widget-info .navigation-widget-info-title .vikinger-user-tag + .vikinger-pmpro-level-tag,
.navigation-widget .navigation-widget-info-wrap .navigation-widget-info .navigation-widget-info-title .vikinger-pmpro-level-tag + .vikinger-user-tag,
.navigation-widget .navigation-widget-info-wrap .navigation-widget-info .navigation-widget-info-title .vikinger-pmpro-level-tag + .vikinger-pmpro-level-tag {
  margin-left: 2px;
}

.navigation-widget .navigation-widget-info-wrap .navigation-widget-info .navigation-widget-info-text {
  margin-top: 4px;
  color: var(--color-text-alt);
  font-size: 0.75rem;
  font-weight: 500;
}

.navigation-widget .navigation-widget-info-wrap .point-item-list {
  margin-top: 16px;
}

.navigation-widget .navigation-widget-info-wrap .navigation-widget-info-button {
  margin-top: 20px;
  width: 140px;
}

.navigation-widget .action-item-wrap {
  padding-left: 28px;
  margin-bottom: 32px;
}

.navigation-widget .action-item-wrap .action-item {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.navigation-widget .action-item-wrap .action-item.hoverable .action-item-icon {
  fill: var(--color-icon);
}

.navigation-widget .action-item-wrap .action-item.hoverable:hover .action-item-icon {
  fill: var(--color-icon-highlighted);
}

.navigation-widget .navigation-widget-section + .navigation-widget-section {
  margin-top: 40px;
}

.navigation-widget .navigation-widget-section.space-top {
  margin-top: 40px;
}

.navigation-widget .navigation-widget-section:last-child {
  margin-bottom: 60px;
}

.navigation-widget .navigation-widget-section-title {
  padding-left: 30px;
  color: var(--color-text-alt-2);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.navigation-widget .navigation-widget-section-title + .navigation-widget-section-menu,
.navigation-widget .navigation-widget-section-title + .menu {
  margin-top: 26px;
}

.navigation-widget .navigation-widget-section-title + .navigation-widget-section-link {
  margin-top: 14px;
}

.navigation-widget .navigation-widget-section-menu .navigation-widget-section-menu-item .navigation-widget-section-menu {
  padding-left: 12px;
}

.navigation-widget .navigation-widget-section-menu .navigation-widget-section-menu-item .navigation-widget-section-menu-item-link {
  display: block;
  padding: 12px 30px;
  font-size: 0.875rem;
  font-weight: 700;
  transition: padding .2s ease-in-out, color .2s ease-in-out;
}

.navigation-widget .navigation-widget-section-menu .navigation-widget-section-menu-item .navigation-widget-section-menu-item-link .highlighted {
  float: right;
  color: var(--color-primary-dark);
}

.navigation-widget .navigation-widget-section-menu .navigation-widget-section-menu-item .navigation-widget-section-menu-item-link:hover {
  padding-left: 34px;
}

.navigation-widget .badge-list {
  margin-top: 36px;
}

.navigation-widget .no-results-text {
  margin-top: 36px;
  line-height: 35px;
}

.navigation-widget .user-stats {
  margin-top: 44px;
}

.navigation-widget .menu {
  margin: 60px 0;
}

.navigation-widget .menu:first-child {
  margin-top: 32px;
}

.navigation-widget.navigation-widget-closed {
  width: 80px;
  padding-top: 20px;
}

.navigation-widget.navigation-widget-closed .user-avatar,
.navigation-widget.navigation-widget-closed .user-avatar-circle {
  margin: 0 auto;
}

.navigation-widget.navigation-widget-closed .menu {
  margin-top: 26px;
}

.navigation-widget.navigation-widget-closed .menu:first-child {
  margin-top: 12px;
}

/*------------------------------------------------------------------
[Table of contents]

1. .chat-widget-wrap
2. .chat-widget
3. .chat-widget-header
4. .chat-widget-messages
5. .chat-widget-conversation
6. .chat-widget-form
7. .chat-widget-button
-------------------------------------------------------------------*/
/*--------------------------
    1. CHAT WIDGET WRAP
--------------------------*/
.chat-widget-wrap {
  display: -ms-flexbox;
  display: flex;
  border-radius: 12px;
  box-shadow: var(--color-box-shadow);
}

.chat-widget-wrap .chat-widget {
  box-shadow: none;
}

.chat-widget-wrap .chat-widget .chat-widget-messages {
  height: 522px;
}

.chat-widget-wrap .chat-widget .chat-widget-conversation {
  height: 500px;
}

.chat-widget-wrap .chat-widget .chat-widget-conversation.with-recipient {
  height: 467px;
}

.chat-widget-wrap .chat-widget:first-child {
  width: 43.4389140271%;
  border-right: 1px solid var(--color-divider);
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.chat-widget-wrap .chat-widget:first-child .chat-widget-form {
  border-bottom-left-radius: 12px;
}

.chat-widget-wrap .chat-widget:last-child {
  width: 56.5610859729%;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.chat-widget-wrap .chat-widget:last-child .chat-widget-form {
  border-bottom-right-radius: 12px;
}

/*----------------------
    2. CHAT WIDGET
----------------------*/
.chat-widget {
  width: 300px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
  transition: -webkit-transform .4s ease-in-out;
  transition: transform .4s ease-in-out;
  transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
}

.chat-widget .chat-widget-filters {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 1px solid var(--color-divider);
}

.chat-widget .chat-widget-filters .chat-widget-filter {
  width: 100%;
  height: 66px;
  border-right: 1px solid var(--color-divider);
  background-color: var(--color-box-background-alt);
  color: var(--color-text-alt);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 66px;
  text-align: center;
  cursor: pointer;
}

.chat-widget .chat-widget-filters .chat-widget-filter:first-child {
  border-top-left-radius: 12px;
}

.chat-widget .chat-widget-filters .chat-widget-filter:last-child {
  border-right: none;
}

.chat-widget .chat-widget-filters .chat-widget-filter.active {
  background-color: var(--color-box-background);
  color: var(--color-text);
}

.chat-widget.static .chat-widget-messages .chat-widget-message {
  padding: 20px 28px 20px 24px;
  border-left: 4px solid transparent;
}

.chat-widget.static .chat-widget-messages .chat-widget-message.active, .chat-widget.static .chat-widget-messages .chat-widget-message:hover {
  background-color: var(--color-box-hover-background);
  border-left-color: var(--color-primary);
}

.chat-widget.chat-widget-overlay {
  padding-bottom: 92px;
}

.chat-widget.hidden .chat-widget-button-icon .burger-icon .burger-icon-bar:nth-child(1) {
  width: 100%;
}

.chat-widget.hidden .chat-widget-button-icon .burger-icon .burger-icon-bar:nth-child(2) {
  width: 14px;
}

.chat-widget.hidden .chat-widget-button-icon .burger-icon .burger-icon-bar:nth-child(3) {
  width: 10px;
}

.chat-widget.closed .chat-widget-messages .chat-widget-message {
  padding: 11px 20px;
}

.chat-widget.closed .chat-widget-messages .chat-widget-message:first-child {
  padding-top: 20px;
}

.chat-widget.closed .chat-widget-messages .chat-widget-message:hover {
  background-color: var(--color-box-background);
}

.chat-widget.closed .chat-widget-messages .chat-widget-message .user-status .user-status-title,
.chat-widget.closed .chat-widget-messages .chat-widget-message .user-status .user-status-text,
.chat-widget.closed .chat-widget-messages .chat-widget-message .user-status .user-status-timestamp {
  opacity: 0;
  visibility: hidden;
}

.chat-widget.closed .chat-widget-form {
  opacity: 0;
  visibility: hidden;
}

.chat-widget.closed .chat-widget-button .chat-widget-button-icon .burger-icon .burger-icon-bar:nth-child(1) {
  width: 100%;
}

.chat-widget.closed .chat-widget-button .chat-widget-button-icon .burger-icon .burger-icon-bar:nth-child(2) {
  width: 14px;
}

.chat-widget.closed .chat-widget-button .chat-widget-button-icon .burger-icon .burger-icon-bar:nth-child(3) {
  width: 10px;
}

.chat-widget.closed .chat-widget-button .chat-widget-button-text {
  display: none;
}

.chat-widget .chat-widget-messages .chat-widget-message .user-status .user-status-title,
.chat-widget .chat-widget-messages .chat-widget-message .user-status .user-status-text,
.chat-widget .chat-widget-messages .chat-widget-message .user-status .user-status-timestamp {
  transition: opacity .4s ease-in-out, visibility .4s ease-in-out;
}

/*----------------------------
    3. CHAT WIDGET HEADER
----------------------------*/
.chat-widget-header {
  padding: 20px 28px;
  border-bottom: 1px solid var(--color-divider);
  position: relative;
}

.chat-widget-header.no-padding {
  padding: 0;
}

.chat-widget-header .chat-widget-settings {
  position: absolute;
  top: 12px;
  right: 14px;
  z-index: 2;
}

.chat-widget-header .chat-widget-header-title {
  height: 60px;
  padding: 0 28px;
  border-bottom: 1px solid var(--color-divider);
  font-size: 1rem;
  font-weight: 700;
  line-height: 60px;
}

.chat-widget-header .chat-widget-header-form {
  background-color: var(--color-box-background-alt);
}

.chat-widget-header .chat-widget-header-form .chat-widget-header-recipient {
  height: 58px;
  padding: 0 28px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.chat-widget-header .chat-widget-header-form .form-textarea.small textarea {
  padding: 18px 28px;
}

.chat-widget-header .chat-widget-header-form .form-textarea textarea {
  border: none;
  background-color: transparent;
}

.chat-widget-header .chat-widget-close-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 70px;
  height: 50px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

.chat-widget-header .chat-widget-close-button .chat-widget-close-button-icon {
  fill: #3e3f5e;
}

/*------------------------------
    3. CHAT WIDGET MESSAGES
------------------------------*/
.chat-widget-messages {
  height: 700px;
  overflow-y: auto;
}

.chat-widget-messages > .loader-spinner-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 60px;
}

.chat-widget-messages .no-results-text {
  margin-top: 60px;
}

.chat-widget-messages .chat-widget-message {
  display: block;
  padding: 14px 28px;
  cursor: pointer;
  transition: padding .4s ease-in-out;
}

.chat-widget-messages .chat-widget-message.active, .chat-widget-messages .chat-widget-message:hover {
  background-color: var(--color-box-hover-background);
}

.chat-widget-messages .chat-widget-message.unread {
  background-color: var(--color-box-highlight-background);
}

/*----------------------------------
    4. CHAT WIDGET CONVERSATION
----------------------------------*/
.chat-widget-conversation {
  height: 615px;
  background-color: var(--color-box-background-alt);
  overflow-y: auto;
}

.chat-widget-conversation .chat-widget-speaker {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex-align: start;
      align-items: flex-start;
  position: relative;
}

.chat-widget-conversation .chat-widget-speaker + .chat-widget-speaker {
  margin-top: 16px;
}

.chat-widget-conversation .chat-widget-speaker.left {
  padding: 0 26px 0 36px;
}

.chat-widget-conversation .chat-widget-speaker.left .chat-widget-speaker-avatar {
  left: 0;
}

.chat-widget-conversation .chat-widget-speaker.left .chat-widget-speaker-message {
  border-top-left-radius: 0;
}

.chat-widget-conversation .chat-widget-speaker.right {
  padding-left: 64px;
  -ms-flex-align: end;
      align-items: flex-end;
}

.chat-widget-conversation .chat-widget-speaker.right .chat-widget-speaker-message {
  border-top-right-radius: 0;
  background-color: var(--color-secondary);
  color: #fff;
}

.chat-widget-conversation .chat-widget-speaker .chat-widget-speaker-avatar {
  position: absolute;
  top: 0;
}

.chat-widget-conversation .chat-widget-speaker .chat-widget-speaker-message {
  display: inline-block;
  padding: 12px;
  border-radius: 10px;
  background-color: var(--color-primary);
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.1428571429em;
  word-break: break-word;
}

.chat-widget-conversation .chat-widget-speaker .chat-widget-speaker-message + .chat-widget-speaker-message {
  margin-top: 8px;
}

.chat-widget-conversation .chat-widget-speaker .chat-widget-speaker-timestamp {
  margin-top: 12px;
  color: #adafca;
  font-size: 0.75rem;
  font-weight: 500;
}

/*--------------------------
    5. CHAT WIDGET FORM
--------------------------*/
.chat-widget-form {
  padding: 22px 28px;
  background-color: var(--color-box-background-alt);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0 0 40px 0 rgba(94, 92, 154, 0.1);
  transition: opacity .4s ease-in-out, visibility .4s ease-in-out, bottom .4s ease-in-out;
}

.chat-widget-form.disabled {
  opacity: .5;
}

/*----------------------------
    6. CHAT WIDGET BUTTON
----------------------------*/
.chat-widget-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 80px;
  padding-left: 28px;
  background-color: var(--color-primary);
  cursor: pointer;
}

.chat-widget-button .chat-widget-button-icon {
  margin-right: 30px;
}

.chat-widget-button .chat-widget-button-text {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
}

/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (max-width: 960px) {
  .chat-widget-wrap {
    display: block;
    box-shadow: none;
  }
  .chat-widget-wrap .chat-widget {
    border-radius: 12px;
  }
  .chat-widget-wrap .chat-widget:first-child, .chat-widget-wrap .chat-widget:last-child {
    width: 100%;
    box-shadow: var(--color-box-shadow);
  }
  .chat-widget-wrap .chat-widget:first-child {
    border-right: none;
    margin-bottom: 26px;
  }
  .chat-widget-wrap .chat-widget:first-child .chat-widget-form {
    border-bottom-right-radius: 12px;
  }
  .chat-widget-wrap .chat-widget:last-child .chat-widget-form {
    border-bottom-left-radius: 12px;
  }
  .chat-widget-wrap .chat-widget .chat-widget-conversation + .chat-widget-form .button {
    width: 100%;
  }
}

/*------------------------------------------------------------------
[Table of contents]

1. .profile-header
-------------------------------------------------------------------*/
/*--------------------------
    1. PROFILE HEADER
--------------------------*/
.profile-header {
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.profile-header + .alert-box {
  margin-top: 32px;
}

.profile-header + .section-navigation {
  margin-bottom: 16px;
}

.profile-header.v2 .profile-header-info {
  height: 112px;
}

.profile-header.v2 .profile-header-info .user-short-description {
  min-height: 164px;
  padding: 84px 0 0 164px;
  position: absolute;
  left: 32px;
  bottom: 0;
}

.profile-header.v2 .profile-header-info .user-short-description .user-short-description-avatar {
  top: 0;
  left: 0;
  margin-left: 0;
}

.profile-header.v2 .profile-header-info .user-short-description .user-short-description-avatar.user-short-description-avatar-mobile {
  top: -54px;
  margin-left: -60px;
}

.profile-header.v2 .profile-header-info .user-short-description .user-short-description-title,
.profile-header.v2 .profile-header-info .user-short-description .user-short-description-text {
  text-align: left;
}

.profile-header.v2 .profile-header-info .user-stats {
  left: auto;
  top: 38px;
  right: 164px;
}

.profile-header.v2 .profile-header-info > .tag-sticker {
  position: absolute;
  top: -12px;
  right: 28px;
  display: none;
}

.profile-header.v2 .profile-header-info .profile-header-info-actions {
  top: 32px;
}

.profile-header.v2 .profile-header-info .profile-header-info-actions .profile-header-info-action.button {
  width: 58px;
}

.profile-header.v2 .vikinger-user-tag-list {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.profile-header .profile-header-cover {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  height: 300px;
}

.profile-header .profile-header-info {
  padding-bottom: 32px;
  position: relative;
}

.profile-header .profile-header-info .user-short-description .user-short-description-avatar-mobile {
  display: none;
  top: -54px;
  margin-left: -60px;
}

.profile-header .profile-header-info .social-links {
  position: absolute;
  top: 54px;
  right: 32px;
}

.profile-header .profile-header-info .social-links.mobile {
  display: none;
}

.profile-header .profile-header-info .profile-header-social-links-wrap {
  width: 364px;
  height: 44px;
  margin: 0 auto;
  position: absolute;
  top: 54px;
  right: 32px;
}

.profile-header .profile-header-info .profile-header-social-links-wrap.mobile {
  width: 160px;
  height: 36px;
  display: none;
}

.profile-header .profile-header-info .profile-header-social-links-wrap.mobile .slider-controls {
  width: 214px;
  top: 10px;
}

.profile-header .profile-header-info .profile-header-social-links-wrap .profile-header-social-links {
  padding-top: 4px;
  position: relative;
  z-index: 2;
}

.profile-header .profile-header-info .profile-header-social-links-wrap .slider-controls {
  width: 416px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  top: 14px;
  left: -28px;
}

.profile-header .profile-header-info .user-stats {
  position: absolute;
  top: 54px;
  left: 40px;
}

.profile-header .profile-header-info .user-stats .user-stat {
  padding: 0 30px;
}

.bp-verified-member-request-button_wrap {
  display: flex;
  justify-content: center;
  margin-top: 12px;
}

.bp-verified-member-request-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  border-radius: 10px;
  background-color: var(--color-secondary);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  box-shadow: var(--color-secondary-shadow);
  transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out;
}

.profile-header .profile-header-info .profile-header-info-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  top: -40px;
  right: 32px;
}

.profile-header .profile-header-info .profile-header-info-actions > .loader-spinner-wrap {
  margin-top: 12px;
}

.profile-header .profile-header-info .profile-header-info-actions .profile-header-info-action {
  margin-right: 16px;
}

.profile-header .profile-header-info .profile-header-info-actions .profile-header-info-action.button {
  width: 180px;
}

.profile-header .profile-header-info .profile-header-info-actions .profile-header-info-action:last-child {
  margin-right: 0;
}

/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (max-width: 1365px) {
  .profile-header .profile-header-cover {
    height: 200px;
  }
  .profile-header.v2 .profile-header-info {
    height: auto;
    padding-bottom: 32px;
  }
  .profile-header.v2 .profile-header-info .user-short-description {
    min-height: auto;
    padding: 52px 0 0;
    position: static;
  }
  .profile-header.v2 .profile-header-info .user-short-description .user-short-description-avatar {
    top: -116px;
    left: 50%;
    margin-left: -74px;
  }
  .profile-header.v2 .profile-header-info .user-short-description .user-short-description-title,
  .profile-header.v2 .profile-header-info .user-short-description .user-short-description-text {
    text-align: center;
  }
  .profile-header.v2 .vikinger-user-tag-list {
    -ms-flex-pack: center;
        justify-content: center;
  }
  .profile-header .profile-header-info {
    padding-bottom: 0;
  }
  .profile-header .profile-header-info .user-stats,
  .profile-header .profile-header-info .profile-header-info-actions {
    position: static;
  }
  .profile-header .profile-header-info .social-links,
  .profile-header .profile-header-info .profile-header-social-links-wrap {
    margin-top: 32px;
    position: relative;
    top: auto;
    right: auto;
  }
  .profile-header .profile-header-info .user-stats,
  .profile-header .profile-header-info .profile-header-info-actions {
    margin-top: 40px;
  }
  .profile-header .profile-header-info .profile-header-info-actions .profile-header-info-action.button {
    margin-bottom: 40px;
  }
  .profile-header .profile-header-info .profile-header-info-actions .profile-header-info-action.button:last-child {
    margin-bottom: 0;
  }
  .bp-verified-member-request-button_wrap {
    margin-top: 32px;
  }
}

@media screen and (max-width: 480px) {
  .profile-header .profile-header-cover {
    height: 76px;
  }
  .profile-header.v2 .profile-header-info .user-short-description {
    padding-top: 84px;
  }
  .profile-header.v2 .profile-header-info .user-stats .user-stat:first-child {
    display: none;
  }
  .profile-header.v2 .profile-header-info .user-stats .user-stat:nth-last-child(2)::after {
    display: block;
  }
  .profile-header.v2 .profile-header-info .user-stats .user-stat:last-child {
    display: block;
  }
  .profile-header.v2 .profile-header-info .tag-sticker {
    display: -ms-flexbox;
    display: flex;
  }
  .profile-header .profile-header-info .user-short-description {
    padding-top: 84px;
  }
  .profile-header .profile-header-info .user-short-description .user-short-description-avatar {
    display: none;
  }
  .profile-header .profile-header-info .user-short-description .user-short-description-avatar-mobile {
    display: block;
  }
  .profile-header .profile-header-info .user-short-description .user-short-description-title {
    font-size: 1.125rem;
  }
  .profile-header .profile-header-info .user-short-description .user-short-description-text {
    font-size: 0.6875rem;
  }
  .profile-header .profile-header-info .social-links {
    display: none;
  }
  .profile-header .profile-header-info .social-links.mobile {
    display: -ms-flexbox;
    display: flex;
  }
  .profile-header .profile-header-info .profile-header-social-links-wrap {
    position: relative;
    top: auto;
    right: auto;
    display: none;
  }
  .profile-header .profile-header-info .profile-header-social-links-wrap.mobile {
    display: block;
  }
  .profile-header .profile-header-info .user-stats .user-stat:nth-last-child(2)::after {
    display: none;
  }
  .profile-header .profile-header-info .user-stats .user-stat:last-child {
    display: none;
  }
  .profile-header .profile-header-info .user-stats .user-stat .user-stat-title {
    font-size: 0.875rem;
  }
  .profile-header .profile-header-info .user-stats .user-stat .user-stat-text {
    font-size: 0.6875rem;
  }
  .profile-header .profile-header-info .profile-header-info-actions .profile-header-info-action.button:not(.with-only-icon) {
    width: auto;
    padding: 0 28px;
  }
}

/*------------------------------------------------------------------
[Table of contents]

1. .post-preview
2. .post-peek-list
3. .post-peek
4. .post-preview-line-list
5. .post-preview-line
-------------------------------------------------------------------*/
/*----------------------
    1. POST PREVIEW
----------------------*/
.post-preview {
  min-height: 516px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.post-preview.post-preview-type-iframe .post-preview-image {
  cursor: pointer;
  position: relative;
}

.post-preview.post-preview-type-iframe .post-preview-image::before {
  content: '';
  width: 100%;
  height: 100%;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: rgba(21, 21, 31, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}

.post-preview.post-preview-type-iframe .post-preview-image .post-preview-image-action {
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.post-preview.post-preview-type-iframe .post-preview-image:hover::before {
  opacity: 1;
  visibility: visible;
}

.post-preview.post-preview-type-iframe .post-preview-image:hover .post-preview-image-action {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.post-preview.post-preview-type-gallery {
  position: relative;
}

.post-preview .gallery-popup-button {
  position: absolute;
  top: -8px;
  right: 16px;
  z-index: 3;
}

.post-preview .post-preview-gallery {
  height: 210px;
  position: relative;
}

.post-preview .post-preview-gallery .post-preview-gallery-slider-item {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  height: 210px;
}

.post-preview .post-preview-gallery-controls {
  width: 72px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  position: absolute;
  right: 44px;
  bottom: 28px;
  z-index: 3;
}

.post-preview.post-preview-no-cover {
  padding-top: 16px;
}

.post-preview.post-preview-no-cover .post-preview-info {
  margin: 0 auto;
}

.post-preview.post-preview-no-cover .post-preview-info.fixed-height {
  height: 466px;
}

.post-preview.post-preview-no-cover .post-format-tag {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-bottom: 28px;
  box-shadow: 3px 5px 20px 0px rgba(94, 92, 154, 0.1);
}

.post-preview.sticky {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  min-height: auto;
  height: 390px;
  position: relative;
  margin: 32px 0;
}

.post-preview.sticky:first-child {
  margin-top: 0;
}

.post-preview.sticky .tag-sticker {
  position: absolute;
  top: -12px;
  right: 12px;
  z-index: 3;
}

.post-preview.sticky.post-preview-no-cover {
  padding: 28px 28px 0;
}

.post-preview.sticky.post-preview-no-cover .post-preview-info {
  width: 100%;
  margin: 0 auto;
}

.post-preview.sticky.post-preview-no-cover .content-actions {
  padding-right: 0;
}

.post-preview.sticky .post-preview-image-mobile-link,
.post-preview.sticky .post-preview-image-mobile {
  display: none;
}

.post-preview.sticky .post-preview-image-mobile {
  width: 100%;
  height: auto;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.post-preview.sticky .post-preview-image-mobile-solid {
  width: 100%;
  height: 320px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: var(--color-primary);
}

.post-preview.sticky .post-preview-image {
  width: 49.3243243243%;
  height: 100%;
  border-top-right-radius: 0;
  border-bottom-left-radius: 12px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.post-preview.sticky .post-preview-info {
  margin: 28px 28px 0 0;
  width: 616px;
  height: 300px;
  position: relative;
  z-index: 2;
}

.post-preview.sticky .post-preview-info.fixed-height {
  height: 300px;
}

.post-preview.sticky .post-preview-info .post-preview-title {
  font-size: 1.5rem;
  line-height: 1.3333333333em;
}

.post-preview.sticky .post-preview-info .post-preview-title.medium {
  font-size: 1.75rem;
  line-height: 1.1428571429em;
}

.post-preview.sticky .content-actions {
  width: 50.6756756757%;
}

.post-preview.small {
  min-height: auto;
  height: 230px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
}

.post-preview.small.post-preview-no-cover {
  padding: 16px 16px 0;
}

.post-preview.small.post-preview-no-cover .post-preview-info {
  width: 100%;
  margin: 0 auto;
}

.post-preview.small.post-preview-no-cover .post-format-tag {
  position: absolute;
  top: -16px;
  right: 16px;
  z-index: 3;
}

.post-preview.small.post-preview-no-cover .content-actions {
  padding-right: 0;
}

.post-preview.small .gallery-popup-button {
  left: 16px;
  right: auto;
}

.post-preview.small .post-preview-gallery {
  width: 260px;
  height: 230px;
  position: absolute;
  top: 0;
  left: 0;
}

.post-preview.small .post-preview-gallery .post-preview-gallery-slider-item {
  width: 260px;
  height: 230px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 12px;
}

.post-preview.small .post-preview-gallery-controls {
  top: 8px;
  right: 36px;
  bottom: auto;
}

.post-preview.small .post-preview-image {
  width: 260px;
  height: 100%;
  border-top-right-radius: 0;
  border-bottom-left-radius: 12px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.post-preview.small .post-preview-image .post-preview-image-action {
  top: 85px;
  left: 85px;
  margin-left: 0;
}

.post-preview.small .post-preview-info {
  margin: 16px 16px 0 0;
  width: 352px;
  height: 156px;
  position: relative;
  z-index: 2;
}

.post-preview.small .content-actions {
  width: 55.4794520548%;
}

.post-preview.medium {
  min-height: auto;
  box-shadow: none;
}

.post-preview.medium.post-preview-no-cover {
  padding-top: 28px;
}

.post-preview.medium.post-preview-no-cover .post-preview-info {
  margin-top: 0;
}

.post-preview.medium.post-preview-no-cover .post-preview-info.fixed-height {
  height: 484px;
}

.post-preview.medium.post-preview-normal {
  min-height: 596px;
  box-shadow: var(--color-box-shadow);
}

.post-preview.medium.post-preview-normal .post-preview-image {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.post-preview.medium.post-preview-normal .post-preview-image .post-preview-image-action {
  top: 60px;
}

.post-preview.medium.post-preview-normal .tag-list {
  min-height: 36px;
  margin-top: 16px;
  padding: 0 28px;
}

.post-preview.medium.post-preview-normal .content-actions {
  margin: 26px 28px 0;
  padding: 0;
  border-top: 1px solid var(--color-divider);
}

.post-preview.medium .post-preview-gallery {
  height: 320px;
}

.post-preview.medium .post-preview-gallery .post-preview-gallery-slider-item {
  height: 320px;
}

.post-preview.medium .post-preview-gallery-controls {
  right: 52px;
  bottom: 120px;
}

.post-preview.medium .post-preview-image {
  height: 320px;
  border-radius: 0;
}

.post-preview.medium .post-preview-info {
  width: 90.4109589041%;
  margin-top: -140px;
}

.post-preview.medium .post-preview-info .post-preview-title {
  font-size: 1.5rem;
  line-height: 1.3333333333em;
}

.post-preview.medium .post-preview-info .post-preview-title.medium {
  font-size: 1.75rem;
  line-height: 1.1428571429em;
}

.post-preview.medium .post-preview-info .post-preview-text {
  margin-top: 24px;
}

.post-preview .post-preview-image {
  height: 210px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  position: relative;
  z-index: 1;
  background-color: var(--color-primary);
}

.post-preview .post-preview-image .post-preview-image-action {
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -30px;
}

.post-preview .post-preview-info {
  width: 91.6666666667%;
  padding: 28px;
  margin: -48px auto 0;
  border-radius: 12px;
  background-color: var(--color-box-over-box-background);
  box-shadow: var(--color-overbox-big-shadow);
  position: relative;
  z-index: 2;
  word-break: break-word;
}

.post-preview .post-preview-info.fixed-height {
  height: 320px;
  padding: 28px 28px 22px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.post-preview .post-preview-info.fixed-height .post-preview-text {
  margin-top: 0;
}

.post-preview .post-preview-info .post-preview-timestamp {
  color: var(--color-text-alt-2);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.post-preview .post-preview-info .post-preview-title {
  margin-top: 10px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2em;
  word-wrap: break-word;
}

.post-preview .post-preview-info .post-preview-title a {
  color: var(--color-text);
  font-weight: 700;
}

.post-preview .post-preview-info .post-preview-text {
  margin-top: 16px;
  font-size: 0.875rem;
  line-height: 1.7142857143em;
  font-weight: 500;
}

.post-preview .post-preview-info .post-preview-link {
  margin-top: 20px;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  transition: color .2s ease-in-out;
}

.post-preview .content-actions {
  margin-top: 10px;
  padding: 0 28px;
}

/*------------------------
    1. POST PEEK LIST
------------------------*/
.post-peek-list .post-peek {
  margin-bottom: 22px;
}

.post-peek-list .post-peek:last-child {
  margin-bottom: 0;
}

/*-------------------
    1. POST PEEK
-------------------*/
.post-peek {
  min-height: 40px;
  padding-left: 52px;
  position: relative;
}

.post-peek .post-format-tag {
  width: 40px;
  height: 40px;
  position: absolute;
  top: -2px;
  left: 0;
  box-shadow: none;
}

.post-peek .post-peek-image {
  position: absolute;
  top: -1px;
  left: 0;
}

.post-peek .post-peek-image .picture {
  background-color: var(--color-primary);
}

.post-peek .post-peek-title {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.1428571429em;
}

.post-peek .post-peek-title a {
  color: var(--color-text);
  font-weight: 700;
}

.post-peek .post-peek-text {
  margin-top: 8px;
  color: var(--color-text-alt);
  font-size: 0.75rem;
  font-weight: 500;
}

/*----------------------------
    POST PREVIEW LINE LIST
----------------------------*/
.post-preview-line-list .post-preview-line {
  margin-bottom: 22px;
}

.post-preview-line-list .post-preview-line:last-child {
  margin-bottom: 0;
}

/*------------------------
    POST PREVIEW LINE
------------------------*/
.post-preview-line .post-preview-line-title {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.1428571429em;
}

.post-preview-line .post-preview-line-title a {
  color: var(--color-text);
  font-weight: 700;
}

.post-preview-line .post-preview-line-meta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 8px;
}

.post-preview-line .user-avatar,
.post-preview-line .user-avatar-circle {
  margin-right: 8px;
}

.post-preview-line .post-preview-line-author {
  margin-right: 6px;
  font-size: 0.75rem;
  font-weight: 700;
}

.post-preview-line .post-preview-line-author a {
  color: var(--color-text);
  font-weight: 700;
}

.post-preview-line .post-preview-line-timestamp {
  color: var(--color-text-alt);
  font-size: 0.75rem;
  font-weight: 500;
}

/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (max-width: 960px) {
  .post-preview.sticky {
    display: block;
    height: auto;
  }
  .post-preview.sticky.post-preview-no-cover {
    padding: 28px 0 0;
  }
  .post-preview.sticky.post-preview-no-cover .post-preview-info {
    width: 95%;
  }
  .post-preview.sticky.post-preview-no-cover .content-actions {
    padding-right: 28px;
  }
  .post-preview.sticky .post-preview-image {
    display: none;
  }
  .post-preview.sticky .post-preview-image-mobile-link,
  .post-preview.sticky .post-preview-image-mobile {
    display: block;
  }
  .post-preview.sticky .post-preview-info {
    margin: -64px auto 0;
    width: 95%;
    height: auto;
  }
  .post-preview.sticky .post-preview-info.fixed-height {
    height: auto;
  }
  .post-preview.sticky .content-actions {
    width: 100%;
  }
  .post-preview.small {
    height: auto;
    display: block;
  }
  .post-preview.small.post-preview-no-cover .post-format-tag {
    position: static;
  }
  .post-preview.small .post-preview-image {
    width: 100%;
    height: 210px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 0px;
    position: relative;
  }
  .post-preview.small .post-preview-image .post-preview-image-action {
    top: 51px;
    left: 50%;
    margin-left: -30px;
  }
  .post-preview.small .post-preview-gallery {
    width: 100%;
    height: 210px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 0px;
    position: relative;
  }
  .post-preview.small .post-preview-gallery-controls {
    top: 154px;
  }
  .post-preview.small .post-preview-info {
    margin: -48px auto 0;
    width: 100%;
    height: auto;
  }
  .post-preview.small .content-actions {
    width: 100%;
  }
}

@media screen and (max-width: 680px) {
  .post-preview {
    min-height: auto;
  }
  .post-preview.post-preview-no-cover .post-preview-info.fixed-height {
    height: auto;
  }
  .post-preview.medium.post-preview-normal {
    min-height: auto;
  }
  .post-preview.medium.post-preview-no-cover .post-preview-info.fixed-height {
    height: auto;
  }
  .post-preview .post-preview-info.fixed-height {
    display: block;
    height: auto;
    padding: 28px;
  }
  .post-preview .post-preview-info.fixed-height .post-preview-text {
    margin-top: 16px;
  }
}

/*------------------------------------------------------------------
[Table of contents]

1. .post-comment
2. .post-comment-heading
3. .post-comment-form
4. .post-comment-list
-------------------------------------------------------------------*/
/*-----------------------
    1. POST COMMENT
-----------------------*/
.post-comment {
  padding: 26px 28px 28px 80px;
  background-color: var(--color-box-background);
  position: relative;
}

.post-comment.reply-2, .post-comment.reply-3, .post-comment.reply-4, .post-comment.reply-5, .post-comment.reply-6, .post-comment.reply-7, .post-comment.reply-8, .post-comment.reply-9, .post-comment.reply-10 {
  background-color: var(--color-box-background-alt);
}

.post-comment.reply-2 .post-comment-form, .post-comment.reply-3 .post-comment-form, .post-comment.reply-4 .post-comment-form, .post-comment.reply-5 .post-comment-form, .post-comment.reply-6 .post-comment-form, .post-comment.reply-7 .post-comment-form, .post-comment.reply-8 .post-comment-form, .post-comment.reply-9 .post-comment-form, .post-comment.reply-10 .post-comment-form {
  background-color: var(--color-box-background-alt);
}

.post-comment.reply-2 .post-comment-form textarea, .post-comment.reply-3 .post-comment-form textarea, .post-comment.reply-4 .post-comment-form textarea, .post-comment.reply-5 .post-comment-form textarea, .post-comment.reply-6 .post-comment-form textarea, .post-comment.reply-7 .post-comment-form textarea, .post-comment.reply-8 .post-comment-form textarea, .post-comment.reply-9 .post-comment-form textarea, .post-comment.reply-10 .post-comment-form textarea {
  background-color: var(--color-box-background-alt);
}

.post-comment.reply-2 {
  padding-left: 108px;
}

.post-comment.reply-2 .user-avatar,
.post-comment.reply-2 .user-avatar-circle {
  left: 56px;
}

.post-comment.reply-3 {
  padding-left: 136px;
}

.post-comment.reply-3 .user-avatar,
.post-comment.reply-3 .user-avatar-circle {
  left: 84px;
}

.post-comment.reply-4 {
  padding-left: 164px;
}

.post-comment.reply-4 .user-avatar,
.post-comment.reply-4 .user-avatar-circle {
  left: 112px;
}

.post-comment.reply-5 {
  padding-left: 192px;
}

.post-comment.reply-5 .user-avatar,
.post-comment.reply-5 .user-avatar-circle {
  left: 140px;
}

.post-comment.reply-6 {
  padding-left: 220px;
}

.post-comment.reply-6 .user-avatar,
.post-comment.reply-6 .user-avatar-circle {
  left: 168px;
}

.post-comment.reply-7 {
  padding-left: 248px;
}

.post-comment.reply-7 .user-avatar,
.post-comment.reply-7 .user-avatar-circle {
  left: 196px;
}

.post-comment.reply-8 {
  padding-left: 276px;
}

.post-comment.reply-8 .user-avatar,
.post-comment.reply-8 .user-avatar-circle {
  left: 224px;
}

.post-comment.reply-9 {
  padding-left: 304px;
}

.post-comment.reply-9 .user-avatar,
.post-comment.reply-9 .user-avatar-circle {
  left: 252px;
}

.post-comment.reply-10 {
  padding-left: 332px;
}

.post-comment.reply-10 .user-avatar,
.post-comment.reply-10 .user-avatar-circle {
  left: 280px;
}

.post-comment .user-avatar,
.post-comment .user-avatar-circle {
  position: absolute;
  top: 28px;
  left: 28px;
}

.post-comment .post-comment-text-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.post-comment .post-comment-text-wrap .rating-list {
  margin-right: 12px;
}

.post-comment .post-comment-text {
  font-size: 0.875rem;
  line-height: 1.7142857143em;
  font-weight: 500;
  color: var(--color-text);
  white-space: pre-line;
  word-break: break-word;
}

.post-comment .post-comment-text .vikinger-user-tag,
.post-comment .post-comment-text .vikinger-pmpro-level-tag {
  margin: 0 2px 0 6px;
  display: inline-block;
  -ms-flex-pack: start;
      justify-content: flex-start;
  position: relative;
  top: -2px;
}

.post-comment .post-comment-text .vikinger-user-tag .vikinger-user-tag-text,
.post-comment .post-comment-text .vikinger-user-tag .vikinger-pmpro-level-tag-text,
.post-comment .post-comment-text .vikinger-pmpro-level-tag .vikinger-user-tag-text,
.post-comment .post-comment-text .vikinger-pmpro-level-tag .vikinger-pmpro-level-tag-text {
  line-height: 1em;
}

.post-comment .post-comment-text .vikinger-user-tag + .vikinger-user-tag,
.post-comment .post-comment-text .vikinger-user-tag + .vikinger-pmpro-level-tag,
.post-comment .post-comment-text .vikinger-pmpro-level-tag + .vikinger-user-tag,
.post-comment .post-comment-text .vikinger-pmpro-level-tag + .vikinger-pmpro-level-tag {
  margin-left: 2px;
}

.post-comment .post-comment-text .bold {
  font-weight: 700;
}

.post-comment .post-comment-text .highlighted {
  color: var(--color-primary-dark);
  font-weight: 700;
}

.post-comment .post-comment-text .post-comment-text-author {
  margin-right: 6px;
  color: var(--color-text);
  font-weight: 700;
}

.post-comment .post-comment-text .post-comment-text-content a {
  color: var(--color-primary-dark);
}

.post-comment .post-comment-text .post-comment-form {
  padding: 0;
  margin-top: 8px;
  background-color: transparent;
}

.post-comment .post-comment-text .post-comment-form .form-textarea-limit {
  margin-top: 0;
}

.post-comment .post-comment-text.user-tag::after {
  display: inline-block;
  height: 20px;
  padding: 0 8px;
  border-radius: 200px;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 20px;
  position: relative;
  top: -1px;
}

.post-comment .post-comment-text.user-tag.purchased::after {
  content: 'Purchased!';
  background-color: var(--color-secondary);
}

.post-comment .post-comment-text.user-tag.author::after {
  content: 'Author';
  background-color: var(--color-primary);
}

.post-comment .post-comment-notification {
  margin-top: 12px;
  color: var(--color-primary-dark);
  font-size: 0.875rem;
  font-weight: 500;
}

.post-comment .content-actions {
  height: 20px;
  margin-top: 14px;
}

.post-comment .post-comment-form {
  padding: 26px 0 0 30px;
}

.post-comment .post-comment-form .user-avatar,
.post-comment .post-comment-form .user-avatar-circle {
  left: -24px;
}

.post-comment .post-comment-form .mention-list .mention-list-item .user-avatar,
.post-comment .post-comment-form .mention-list .mention-list-item .user-avatar-circle {
  left: auto;
}

/*------------------------------
    2. POST COMMENT HEADING
------------------------------*/
.post-comment-heading {
  height: 53px;
  background-color: var(--color-box-background);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 53px;
  text-align: center;
  cursor: pointer;
}

.post-comment-heading .highlighted {
  color: var(--color-primary-dark);
}

.post-comment-heading.reply-2, .post-comment-heading.reply-3, .post-comment-heading.reply-4, .post-comment-heading.reply-5, .post-comment-heading.reply-6 {
  height: 45px;
  background-color: var(--color-box-background-alt);
  line-height: 45px;
  text-align: left;
}

.post-comment-heading.reply-2 {
  padding-left: 80px;
}

.post-comment-heading.reply-3 {
  padding-left: 108px;
}

.post-comment-heading.reply-4 {
  padding-left: 136px;
}

.post-comment-heading.reply-5 {
  padding-left: 164px;
}

.post-comment-heading.reply-6 {
  padding-left: 192px;
}

/*---------------------------
    3. POST COMMENT FORM
---------------------------*/
.post-comment-form {
  padding: 26px 28px 26px 80px;
  position: relative;
  background-color: var(--color-box-background);
}

.post-comment-form.bordered-top {
  border-top: 1px solid var(--color-divider);
}

.post-comment-form.guest-form {
  padding-left: 28px;
  padding-top: 60px;
}

.post-comment-form.with-title {
  padding-top: 80px;
}

.post-comment-form.with-title .user-avatar,
.post-comment-form.with-title .user-avatar-circle {
  top: 82px;
}

.post-comment-form.with-title .mention-list .mention-list-item .user-avatar,
.post-comment-form.with-title .mention-list .mention-list-item .user-avatar-circle {
  top: auto;
}

.post-comment-form .post-comment-form-title {
  font-size: 1rem;
  font-weight: 700;
  position: absolute;
  top: 32px;
  left: 28px;
}

.post-comment-form .post-comment-form-text {
  margin-bottom: 32px;
  font-size: 0.875rem;
  font-weight: 500;
}

.post-comment-form .post-comment-form-error,
.post-comment-form .post-comment-form-notification {
  margin-top: 8px;
  font-size: 0.875rem;
  font-weight: 500;
}

.post-comment-form .post-comment-form-error {
  color: #f9515c;
}

.post-comment-form .post-comment-form-notification {
  color: var(--color-primary);
}

.post-comment-form .loader-spinner-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-top: 8px;
}

.post-comment-form .user-avatar,
.post-comment-form .user-avatar-circle {
  position: absolute;
  top: 28px;
  left: 28px;
}

.post-comment-form .post-comment-form-actions {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.post-comment-form .post-comment-form-actions .button {
  width: 140px;
}

.post-comment-form .post-comment-form-actions .button:first-child {
  width: 120px;
  margin-right: 6px;
}

/*---------------------------
    4. POST COMMENT LIST
---------------------------*/
.post-comments {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.post-comments .post-comment,
.post-comments .post-comment-heading {
  border-top: 1px solid var(--color-divider);
}

.post-comments > .post-comment-form {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-top: 1px solid var(--color-divider);
}

.post-comments > .loader-spinner-wrap {
  padding: 32px 0;
  border-top: 1px solid var(--color-divider);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.post-comment-list-wrap .post-comment-list.post-comment-list-deleted {
  -webkit-filter: grayscale(0.8);
          filter: grayscale(0.8);
  opacity: .7;
  pointer-events: none;
}

.post-comment-list-wrap .post-comment-list:last-child > .post-comment:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.post-comment-list-wrap .post-comment-heading:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (max-width: 460px) {
  .post-comment .content-actions {
    height: auto;
  }
}

/*------------------------------------------------------------------
[Table of contents]

1. .post-open
-------------------------------------------------------------------*/
/*--------------------
    1. POST OPEN
--------------------*/
.post-open {
  margin-bottom: 80px;
}

.post-open.v3 {
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.post-open.v3.full .post-open-body .post-open-content .post-open-content-body {
  width: 100%;
}

.post-open.v3 .post-gallery {
  width: 100%;
  height: 480px;
  position: relative;
}

.post-open.v3 .post-gallery .gallery-popup-button {
  position: absolute;
  top: -8px;
  right: 16px;
  z-index: 2;
}

.post-open.v3 .post-gallery .post-gallery-slider-item {
  height: 480px;
}

.post-open.v3 .post-gallery .post-gallery-controls .slider-control {
  position: absolute;
  top: 224px;
  z-index: 1;
}

.post-open.v3 .post-gallery .post-gallery-controls .slider-control.left {
  left: -8px;
}

.post-open.v3 .post-gallery .post-gallery-controls .slider-control.right {
  right: -8px;
}

.post-open.v3 .post-open-heading {
  padding: 60px 0;
  text-align: center;
}

.post-open.v3 .post-open-heading .post-open-title {
  width: 62.2171945701%;
  margin: 22px auto 0;
}

.post-open.v3 .post-open-heading .post-open-heading-meta {
  margin-top: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.post-open.v3 .post-open-heading .post-open-heading-meta .post-open-heading-meta-title {
  margin-right: 16px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.post-open.v3 .post-open-heading .post-open-heading-meta .author-preview-text {
  text-align: left;
}

.post-open.v3 .post-open-heading + .post-open-body {
  padding-top: 0;
}

.post-open.v3 .post-open-cover {
  height: 480px;
}

.post-open.v3 .post-open-body {
  width: 100%;
  max-width: 100%;
  padding-top: 80px;
  margin: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
}

.post-open.v3 .post-open-body .post-open-content {
  margin-top: 0;
  padding: 0 84px;
}

.post-open.v3 .post-open-body .post-open-content .post-open-content-sidebar {
  width: 13.9664804469%;
}

.post-open.v3 .post-open-body .post-open-content .post-open-content-body {
  width: 86.0335195531%;
}

.post-open.v2.full .post-open-body {
  width: 90%;
  max-width: 100%;
  margin: -100px auto 0;
}

.post-open.v2.full .post-open-body .post-open-content .post-open-content-sidebar {
  width: 14.3835616438%;
  max-width: 84px;
}

.post-open.v2.full .post-open-body .post-open-content .post-open-content-body {
  width: 85.6164383562%;
}

.post-open.v2.no-cover {
  padding-top: 0;
}

.post-open.v2.no-cover .post-open-body {
  margin-top: 0;
}

.post-open.v2.no-cover .post-open-body .post-open-heading {
  margin-bottom: 70px;
}

.post-open.v2.no-cover .post-open-sidebar {
  padding-top: 0;
}

.post-open.v2 .grid {
  margin-top: 0;
  justify-items: end;
}

.post-open.v2 .post-open-cover {
  min-height: 662px;
  height: auto;
  border-radius: 12px;
}

.post-open.v2 .post-open-cover-overlay {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  width: 100%;
  height: 100%;
  min-height: inherit;
  padding: 80px 100px 160px;
  border-radius: 12px;
  background-color: rgba(32, 33, 49, 0.6);
}

.post-open.v2 .post-open-cover-overlay .post-open-heading {
  width: 100%;
}

.post-open.v2 .post-open-cover-overlay .post-open-heading .post-open-timestamp {
  color: #fff;
}

.post-open.v2 .post-open-cover-overlay .post-open-heading .post-open-timestamp .highlighted {
  color: #fff;
}

.post-open.v2 .post-open-cover-overlay .post-open-heading .post-open-timestamp a {
  font-weight: 700;
}

.post-open.v2 .post-open-cover-overlay .post-open-heading .post-open-title {
  width: 75%;
  color: #fff;
  font-size: 3.375rem;
}

.post-open.v2 .post-open-body {
  width: 88.6877828054%;
  max-width: 784px;
  padding-top: 80px;
  margin: -100px 0 0;
}

.post-open.v2 .post-open-body .post-open-content {
  margin-top: 0;
}

.post-open.v2 .post-open-sidebar {
  width: 100%;
  padding-top: 32px;
}

.post-open.no-cover {
  padding-top: 32px;
}

.post-open.no-cover .post-open-body {
  margin-top: 0;
}

.post-open .post-open-cover {
  width: 100%;
  height: 560px;
}

.post-open .post-open-heading .post-open-timestamp {
  color: var(--color-text-alt-2);
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
}

.post-open .post-open-heading .post-open-timestamp .highlighted {
  margin-right: 12px;
}

.post-open .post-open-heading .post-open-title {
  margin-top: 22px;
  font-size: 2.875rem;
  font-weight: 700;
  word-wrap: break-word;
}

.post-open .post-open-body {
  width: 65%;
  max-width: 784px;
  margin: -220px auto 0;
  padding-top: 90px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.post-open .post-open-body .post-open-heading {
  padding: 0 100px;
}

.post-open .post-open-body .post-open-heading .post-open-timestamp {
  color: var(--color-text-alt-2);
}

.post-open .post-open-body .post-open-heading .post-open-timestamp .highlighted {
  color: var(--color-text);
}

.post-open .post-open-body .post-open-content {
  display: -ms-flexbox;
  display: flex;
  margin-top: 70px;
  padding: 0 100px;
}

.post-open .post-open-body .post-open-content .post-open-content-sidebar {
  width: 84px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.post-open .post-open-body .post-open-content .post-open-content-sidebar .author-preview {
  padding-right: 16px;
}

.post-open .post-open-body .post-open-content .post-open-content-sidebar .post-open-sidebar-title {
  width: 40px;
  margin-top: 24px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}

.post-open .post-open-body .post-open-content .post-open-content-sidebar .social-links {
  margin-top: 26px;
}

.post-open .post-open-body .post-open-content .post-open-content-body {
  width: 500px;
  padding-bottom: 80px;
}

.post-open .post-open-body .post-open-content .post-open-content-body .post-open-excerpt {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.5454545455em;
}

.post-open .post-open-body .post-open-content .post-open-content-body .post-open-paragraph {
  margin-top: 36px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 2em;
}

.post-open .post-open-body .post-open-content .post-open-content-body .post-open-paragraph:first-child {
  margin-top: 0;
}

.post-open .post-open-body .post-open-content .post-open-content-body .post-open-image {
  width: 100%;
  height: 320px;
  margin-top: 50px;
}

.post-open .post-open-body .post-open-content .post-open-content-body .post-open-image-caption {
  margin-top: 20px;
  color: #8f91ac;
  font-size: 0.875rem;
  line-height: 1.7142857143em;
  font-weight: 500;
  text-align: center;
}

.post-open .post-open-body .post-open-content .post-open-content-body .tag-list {
  margin-top: 60px;
}

.post-open .post-open-body .post-open-content .post-open-content-body .tag-list:first-child {
  margin-top: 160px;
}

.post-open .post-open-body .page-loader-indicator {
  margin: 0;
  padding-bottom: 40px;
}

.post-open .post-open-body .post-options {
  padding: 0 100px;
}

.post-open .post-footer > .content-actions {
  margin: 0 28px;
  border-top: 1px solid var(--color-divider);
}

.post-open-content-body {
  word-wrap: break-word;
}

/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (max-width: 1365px) {
  .post-open .post-open-body {
    width: 95%;
    max-width: 100%;
  }
  .post-open .post-open-body .post-open-content .post-open-content-sidebar {
    width: 15%;
  }
  .post-open .post-open-body .post-open-content .post-open-content-body {
    width: 85%;
  }
  .post-open.v3 .post-open-heading .post-open-title {
    width: 90%;
  }
  .post-open.v2 .grid {
    justify-items: center;
  }
  .post-open.v2 .post-open-cover-overlay {
    padding: 80px 40px 160px;
  }
  .post-open.v2 .post-open-heading .post-open-title {
    width: 100%;
  }
  .post-open.v2 .post-open-body {
    width: 95%;
    max-width: 100%;
  }
}

@media screen and (max-width: 960px) {
  .post-open.v2 .post-open-cover {
    min-height: auto;
  }

  .post-open.v2 .post-open-cover-overlay {
    padding-top: 60px;
  }

  .post-open.v2 .post-open-body {
    padding-top: 40px;
  }
  .post-open.v2 .post-open-body .post-open-content .post-open-content-sidebar {
    margin-bottom: 40px;
  }
  .post-open.v3 .post-open-body .post-open-content {
    padding: 0 40px;
  }
  .post-open.v3 .post-open-body .post-open-content .post-open-content-body,
  .post-open.v3 .post-open-body .post-open-content .post-open-content-sidebar {
    width: 100%;
  }
  .post-open .post-open-body .post-open-heading {
    padding: 0 40px;
  }
  .post-open .post-open-body .post-open-content {
    padding: 0 40px;
    margin-top: 40px;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .post-open .post-open-body .post-open-content .post-open-content-sidebar,
  .post-open .post-open-body .post-open-content .post-open-content-body {
    width: 100%;
  }
  .post-open .post-open-body .post-open-content .post-open-content-sidebar {
    margin-bottom: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
  .post-open .post-open-body .post-open-content .post-open-content-sidebar .post-open-sidebar-title {
    width: auto;
    margin: 0 0 0 16px;
    line-height: 40px;
    text-align: left;
  }
  .post-open .post-open-body .post-open-content .post-open-content-sidebar .social-links {
    margin: 0 0 0 26px;
  }
  .post-open .post-open-body .post-open-content .post-open-content-sidebar .social-links.vertical {
    -ms-flex-direction: row;
        flex-direction: row;
  }
  .post-open .post-open-body .post-open-content .post-open-content-sidebar .social-links.vertical .social-link {
    margin: 0 16px 0 0;
  }
  .post-open .post-open-body .post-open-content .post-open-content-body .tag-list:first-child {
    margin-top: 60px;
  }
  .post-open .post-open-body .post-options {
    padding: 0 28px;
  }
}

@media screen and (max-width: 460px) {
  .post-open .post-open-cover {
    height: 320px;
  }
  .post-open .post-open-body {
    margin-top: -100px;
    padding-top: 60px;
  }
  .post-open .post-open-body .post-open-heading,
  .post-open .post-open-body .post-open-content {
    padding: 0 28px;
  }
  .post-open .post-open-body .post-open-heading .post-open-title {
    font-size: 2.25rem;
  }
}

/*------------------------------------------------------------------
[Table of contents]

1. .page-open
-------------------------------------------------------------------*/
/*--------------------
    1. PAGE OPEN
--------------------*/
.page-open {
  padding-top: 46px;
}

.page-open .page-open-title {
  font-size: 2.875rem;
  font-weight: 700;
  text-align: center;
}

.page-open .page-open-cover {
  margin-top: 64px;
  width: 100%;
  height: 480px;
}

.page-open .page-open-content {
  margin-top: 64px;
  padding-bottom: 90px;
}

.page-open .page-open-comments {
  clear: both;
}

/*------------------------------------------------------------------
[Table of contents]

1. .product-preview
2. .product-category-box
-------------------------------------------------------------------*/
/*--------------------------
    1. PRODUCT PREVIEW
--------------------------*/
.product-preview {
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.product-preview.fixed-height {
  height: 360px;
}

.product-preview.small {
  background-color: transparent;
  box-shadow: none;
}

.product-preview.small .product-preview-image {
  height: 144px;
  border-radius: 12px;
}

.product-preview.small .product-preview-info {
  padding: 20px 0 0;
}

.product-preview.small .product-preview-info .text-sticker {
  right: -8px;
}

.product-preview.small .product-preview-info .product-preview-title {
  font-size: 0.875rem;
}

.product-preview.tiny {
  display: -ms-flexbox;
  display: flex;
  background-color: transparent;
  box-shadow: none;
}

.product-preview.tiny .product-preview-image {
  width: 94px;
  height: 60px;
  margin-right: 20px;
  border-radius: 12px;
}

.product-preview.tiny .product-preview-image.short {
  width: 60px;
}

.product-preview.tiny .product-preview-info {
  padding: 4px 0 0;
}

.product-preview.tiny .product-preview-info .product-preview-title {
  font-size: 0.875rem;
}

.product-preview.tiny .product-preview-info .product-preview-category {
  margin-top: 6px;
}

.product-preview.tiny .product-preview-info .product-preview-creator {
  margin-top: 6px;
  color: var(--color-text-alt-2);
  font-size: 0.75rem;
  font-weight: 700;
}

.product-preview.tiny .product-preview-info .product-preview-creator a {
  color: var(--color-text-alt-2);
  font-weight: 700;
}

.product-preview.micro {
  display: -ms-flexbox;
  display: flex;
  background-color: transparent;
  box-shadow: none;
}

.product-preview.micro .product-preview-image {
  width: 68px;
  height: 44px;
  margin-right: 12px;
  border-radius: 12px;
}

.product-preview.micro .product-preview-info {
  padding: 6px 0 0;
}

.product-preview.micro .product-preview-info .product-preview-title {
  font-size: 0.875rem;
}

.product-preview.micro .product-preview-info .product-preview-category {
  margin-top: 6px;
}

.product-preview .product-preview-image {
  height: 180px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.product-preview .product-preview-info {
  padding: 28px;
  position: relative;
}

.product-preview .product-preview-info .text-sticker {
  position: absolute;
  top: -14px;
  right: 14px;
}

.product-preview .product-preview-info .product-preview-title a,
.product-preview .product-preview-info .product-preview-category a {
  color: var(--color-text);
  font-weight: 700;
}

.product-preview .product-preview-info .product-preview-title {
  font-size: 1rem;
  font-weight: 700;
}

.product-preview .product-preview-info .product-preview-category {
  margin-top: 8px;
  padding-left: 14px;
  font-size: 0.75rem;
  font-weight: 700;
  position: relative;
}

.product-preview .product-preview-info .product-preview-category.digital::before {
  border-color: #3ad2fe;
}

.product-preview .product-preview-info .product-preview-category.physical::before {
  border-color: #23d2e2;
}

.product-preview .product-preview-info .product-preview-category::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 2px solid #3e3f5e;
  position: absolute;
  top: 1px;
  left: 0;
}

.product-preview .product-preview-info .product-preview-text {
  margin-top: 20px;
  color: var(--color-text-alt);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4285714286em;
}

.product-preview .product-preview-info .button {
  margin-top: 36px;
}

.product-preview .product-preview-meta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  height: 53px;
  padding: 0 28px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background-color: var(--color-box-background-alt);
  border-top: 1px solid var(--color-divider);
}

.product-preview .product-preview-author {
  padding-left: 26px;
  position: relative;
}

.product-preview .product-preview-author .product-preview-author-image {
  position: absolute;
  top: 1px;
  left: 0;
}

.product-preview .product-preview-author .product-preview-author-title {
  font-size: 0.625rem;
  font-weight: 500;
}

.product-preview .product-preview-author .product-preview-author-text {
  margin-top: 1px;
  font-size: 0.75rem;
  font-weight: 700;
}

.product-preview .product-preview-author .product-preview-author-text a {
  color: var(--color-text);
  font-weight: 700;
}

/*-----------------------------
    1. PRODUCT CATEGORY BOX
-----------------------------*/
.product-category-box {
  display: block;
  height: 142px;
  padding: 26px 0 0 28px;
  border-radius: 12px;
  box-shadow: var(--color-box-shadow);
}

.product-category-box.category-all {
  background: url("../img/marketplace/category/01.png") no-repeat right top, linear-gradient(to right, #615dfa, #8d7aff);
}

.product-category-box.category-all .product-category-box-tag {
  color: #615dfa;
}

.product-category-box.category-featured {
  background: url("../img/marketplace/category/02.png") no-repeat right top, linear-gradient(to right, #417ae1, #5aafff);
}

.product-category-box.category-featured .product-category-box-tag {
  color: #4f8dff;
}

.product-category-box.category-digital {
  background: url("../img/marketplace/category/03.png") no-repeat right top, linear-gradient(to right, #2ebfef, #4ce4ff);
}

.product-category-box.category-digital .product-category-box-tag {
  color: #3ad2fe;
}

.product-category-box.category-physical {
  background: url("../img/marketplace/category/04.png") no-repeat right top, linear-gradient(to right, #17cada, #2becfe);
}

.product-category-box.category-physical .product-category-box-tag {
  color: #23d2e2;
}

.product-category-box .product-category-box-title {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
}

.product-category-box .product-category-box-text {
  margin-top: 4px;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
}

.product-category-box .product-category-box-tag {
  display: inline-block;
  height: 20px;
  margin-top: 36px;
  padding: 0 8px;
  border-radius: 200px;
  background-color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 20px;
}

/*------------------------------------------------------------------
[Table of contents]

1. .stream-box
-------------------------------------------------------------------*/
/*----------------------
    1. STREAM BOX
----------------------*/
.stream-box {
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
  position: relative;
  transition: border-radius .2s ease-in-out;
}

.stream-box.no-video-radius:hover .stream-box-info {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.stream-box.no-video-radius .stream-box-video iframe {
  border-radius: 0;
}

.stream-box.big:hover .stream-box-info {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.stream-box.big .stream-box-video {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

.stream-box.big .stream-box-video iframe {
  position: absolute;
  top: 0;
  left: 0;
}

.stream-box.big .stream-box-info {
  padding: 28px 28px 28px 88px;
}

.stream-box.big .stream-box-info .stream-box-game-image {
  width: 44px;
  height: 60px;
  position: absolute;
  top: 28px;
  left: 28px;
}

.stream-box.big .stream-box-info .stream-box-title {
  font-size: 1.125rem;
}

.stream-box.big .stream-box-info .stream-box-category {
  margin-top: 6px;
  font-size: 0.875rem;
}

.stream-box.big .stream-box-info .stream-box-views {
  margin-top: 10px;
  color: var(--color-text-alt);
  font-size: 0.875rem;
  font-weight: 500;
}

.stream-box .stream-box-video {
  height: 160px;
}

.stream-box .stream-box-video iframe {
  width: 100%;
  height: 100%;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.stream-box .stream-box-image {
  border-radius: 50%;
  border: 4px solid var(--color-box-background);
  position: absolute;
  top: 138px;
  left: 24px;
  z-index: 3;
}

.stream-box .stream-box-info {
  padding: 22px 28px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  position: relative;
  z-index: 2;
  transition: border-radius .2s ease-in-out;
}

.stream-box .stream-box-info .stream-box-title {
  font-size: 0.875rem;
  font-weight: 700;
}

.stream-box .stream-box-info .stream-box-title a {
  color: var(--color-text);
  font-weight: 700;
}

.stream-box .stream-box-info .stream-box-text {
  margin-top: 6px;
  font-size: 0.75rem;
  font-weight: 500;
}

.stream-box .stream-box-info .stream-box-text a {
  color: var(--color-text-alt);
  font-weight: 500;
}

.stream-box .stream-box-info .stream-box-category {
  margin-top: 14px;
  font-size: 0.75rem;
  font-weight: 600;
}

.stream-box .stream-box-meta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 77px;
  border-top: 1px solid var(--color-divider);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background-color: var(--color-box-background-alt);
  box-shadow: 0 0 40px 0 rgba(94, 92, 154, 0.06);
  position: absolute;
  bottom: -77px;
  left: 0;
  z-index: 9999;
  -webkit-transform: translate(0, -20px);
          transform: translate(0, -20px);
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: transform .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

.stream-box:hover {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.stream-box:hover .stream-box-info {
  border-radius: 0;
}

.stream-box:hover .stream-box-meta {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
}

/*------------------------------------------------------------------
[Table of contents]

1. .video-box
2. .video-box-list
-------------------------------------------------------------------*/
/*-------------------
    1. VIDEO BOX
-------------------*/
.video-box {
  border-radius: 12px;
  box-shadow: var(--color-box-shadow);
}

.video-box .checkbox-box {
  cursor: pointer;
  position: absolute;
  top: 8px;
  right: 6px;
  z-index: 3;
  transition: none;
}

.video-box .checkbox-box .icon-cross {
  transition: none;
}

.video-box.video-box-cover-only .video-box-cover::after {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.video-box.video-box-cover-only .video-box-cover .video-box-cover-image {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.video-box.small .video-box-cover:hover .play-button {
  -webkit-transform: translate(0, -20px);
          transform: translate(0, -20px);
}

.video-box.small .video-box-cover:hover .video-box-info .video-box-title,
.video-box.small .video-box-cover:hover .video-box-info .video-box-text {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
}

.video-box.small .video-box-cover::after {
  border-radius: 12px;
}

.video-box.small .video-box-cover .video-box-cover-image {
  height: 128px;
  border-radius: 12px;
}

.video-box.small .video-box-cover .play-button {
  top: 40px;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

.video-box.small .video-box-cover .video-box-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding: 0 16px 14px;
  background-color: transparent;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.video-box.small .video-box-cover .video-box-info .video-box-title,
.video-box.small .video-box-cover .video-box-info .video-box-text {
  color: #fff;
  -webkit-transform: translate(20px, 0);
          transform: translate(20px, 0);
  opacity: 0;
  visibility: hidden;
  transition: visibility .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out, visibility .3s ease-in-out, opacity .3s ease-in-out;
  transition: transform .3s ease-in-out, visibility .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

.video-box.small .video-box-cover .video-box-info .video-box-title {
  font-size: 0.75rem;
}

.video-box.small .video-box-cover .video-box-info .video-box-text {
  margin-top: 4px;
  transition-delay: .15s;
}

.video-box .video-box-cover {
  cursor: pointer;
  position: relative;
}

.video-box .video-box-cover:hover::after {
  opacity: 1;
  visibility: visible;
}

.video-box .video-box-cover::after {
  content: '';
  width: 100%;
  height: 100%;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: rgba(21, 21, 31, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
}

.video-box .video-box-cover .video-wrap {
  border-radius: 12px;
}

.video-box .video-box-cover .video-wrap video {
  border-radius: 12px;
}

.video-box .video-box-cover .video-box-cover-image {
  height: 160px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.video-box .video-box-cover .play-button {
  position: absolute;
  top: 56px;
  left: 50%;
  margin-left: -23px;
  z-index: 2;
}

.video-box .video-box-info {
  padding: 22px 28px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background-color: var(--color-box-background);
}

.video-box .video-box-info .video-box-title {
  font-size: 0.875rem;
  font-weight: 700;
}

.video-box .video-box-info .video-box-text {
  margin-top: 6px;
  font-size: 0.75rem;
  font-weight: 500;
}

/*-----------------------
    2. VIDEO BOX LIST
-----------------------*/
.video-box-list .video-box {
  margin-bottom: 22px;
}

.video-box-list .video-box:last-child {
  margin-bottom: 0;
}

/*------------------------------------------------------------------
[Table of contents]

1. .video-status
-------------------------------------------------------------------*/
/*----------------------
    1. VIDEO STATUS
----------------------*/
.video-status {
  display: block;
  border-radius: 12px;
  box-shadow: var(--color-overbox-big-shadow);
}

.video-status.small {
  padding-left: 180px;
  position: relative;
}

.video-status.small .video-status-image {
  width: 180px;
  height: 180px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 12px;
  position: absolute;
  top: 0;
  left: 0;
}

.video-status.small .video-status-info {
  height: 180px;
  padding: 26px 28px 22px;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 0;
}

.video-status.small .video-status-info .video-status-title {
  margin-top: 0;
  font-size: 1rem;
}

.video-status.small .video-status-info .video-status-text {
  margin-top: 10px;
}

.video-status.small .video-status-info .video-status-meta {
  margin-top: 22px;
}

.video-status .video-status-image {
  width: 100%;
  height: auto;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.video-status .video-status-image.mobile {
  display: none;
}

.video-status .video-status-info {
  padding: 22px 28px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background-color: var(--color-box-background-alt);
}

.video-status .video-status-info .video-status-meta {
  color: var(--color-text-alt-2);
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
}

.video-status .video-status-info .video-status-title {
  margin-top: 12px;
  font-size: 1.125rem;
  font-weight: 500;
}

.video-status .video-status-info .video-status-title .bold {
  font-weight: 700;
}

.video-status .video-status-info .video-status-title .highlighted {
  color: var(--color-primary-dark);
  font-weight: 700;
}

.video-status .video-status-info .video-status-text {
  margin-top: 2px;
  color: var(--color-text-alt);
  font-size: 0.875rem;
  line-height: 1.7142857143em;
  font-weight: 500;
}

/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (max-width: 680px) {
  .video-status.small {
    padding-left: 0;
  }
  .video-status.small .video-status-image {
    display: none;
    width: 100%;
    height: auto;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 0;
    position: static;
  }
  .video-status.small .video-status-image.mobile {
    display: block;
  }
  .video-status.small .video-status-info {
    height: auto;
    padding: 22px 28px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 0;
  }
  .video-status.small .video-status-info .video-status-title {
    margin-top: 12px;
    font-size: 1.125rem;
  }
}

/*------------------------------------------------------------------
[Table of contents]

1. .content-actions
2. .reaction-item-list
3. .reaction-image
4. .user-avatar-list
-------------------------------------------------------------------*/
/*--------------------------
    1. CONTENT ACTIONS
--------------------------*/
.content-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  height: 52px;
}

.content-actions .content-action {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/*-----------------------------
    2. REACTION ITEM LIST
-----------------------------*/
.reaction-item-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.reaction-item-list.small .reaction-item {
  width: 20px;
  height: 20px;
}

.reaction-item-list.small .reaction-item .reaction-image {
  width: 16px;
  height: 16px;
}

.reaction-item-list .reaction-item-wrap {
  margin-left: -6px;
}

.reaction-item-list .reaction-item-wrap:last-child {
  margin-left: 0;
}

.reaction-item-list .reaction-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--color-box-background);
  margin-left: -6px;
}

.reaction-item-list .reaction-item .simple-dropdown .simple-dropdown-text:first-child {
  margin-bottom: 10px;
}

.reaction-item-list .reaction-item > .reaction-image {
  cursor: pointer;
}

.reaction-item-list .reaction-item:last-child {
  margin-left: 0;
}

/*-------------------------
    3. REACTION IMAGE
-------------------------*/
.reaction-image {
  width: 20px;
  height: 20px;
}

/*---------------------------
    4. USER AVATAR LIST
---------------------------*/
.user-avatar-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.user-avatar-list.reverse {
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.user-avatar-list.reverse.medium .user-avatar:last-child,
.user-avatar-list.reverse.medium .user-avatar-circle:last-child {
  margin-left: -10px;
}

.user-avatar-list.reverse.medium .user-avatar:first-child,
.user-avatar-list.reverse.medium .user-avatar-circle:first-child {
  margin-left: 0;
}

.user-avatar-list.centered {
  -ms-flex-pack: center;
      justify-content: center;
}

.user-avatar-list.medium .user-avatar,
.user-avatar-list.medium .user-avatar-circle {
  margin-left: -10px;
}

.user-avatar-list.medium .user-avatar:last-child,
.user-avatar-list.medium .user-avatar-circle:last-child {
  margin-left: 0;
}

.user-avatar-list .user-avatar,
.user-avatar-list .user-avatar-circle {
  margin-left: -8px;
}

.user-avatar-list .user-avatar .user-avatar-border,
.user-avatar-list .user-avatar-circle .user-avatar-border {
  z-index: 3;
}

.user-avatar-list .user-avatar:last-child,
.user-avatar-list .user-avatar-circle:last-child {
  margin-left: 0;
}

/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (max-width: 479px) {
  .content-actions .user-avatar-list {
    display: none;
  }
  .content-actions .user-avatar-list + .meta-line-text {
    display: none;
  }
}

/*------------------------------------------------------------------
[Table of contents]

1. .user-preview
-------------------------------------------------------------------*/
/*----------------------
    1. USER PREVIEW
----------------------*/
.user-preview {
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.user-preview:not(.landscape) {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.user-preview.fixed-height {
  height: 140px;
}

.user-preview.fixed-height-medium {
  height: 284px;
}

.user-preview.small .user-preview-cover {
  height: 70px;
}

.user-preview.small .user-preview-info .tag-sticker {
  right: 16px;
}

.user-preview.small .user-preview-info .user-short-description .user-short-description-title {
  font-size: 1.125rem;
}

.user-preview.small .user-preview-info .user-short-description .user-short-description-title.small {
  font-size: 0.875rem;
}

.user-preview.small .user-preview-info .user-stats,
.user-preview.small .user-preview-info .social-links {
  margin-top: 36px;
}

.user-preview.small .user-preview-info .no-results-text.no-results-social {
  margin-top: 32px;
}

.user-preview.small .user-preview-info .user-preview-social-links-wrap {
  width: 160px;
  margin: 32px auto 0;
}

.user-preview.small .user-preview-info .user-preview-social-links-wrap .slider-controls {
  width: 208px;
}

.user-preview.landscape {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-height: 100px;
  padding-left: 84px;
  position: relative;
}

.user-preview.landscape .user-stats .user-stat {
  padding: 0 24px;
}

.user-preview.landscape .user-preview-cover {
  width: 84px;
  height: 100%;
  border-top-right-radius: 0;
  border-bottom-left-radius: 12px;
  position: absolute;
  top: 0;
  left: 0;
}

.user-preview.landscape .user-preview-info {
  width: 100%;
  padding: 0 28px 0 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.user-preview.landscape .user-preview-info .no-results-text {
  width: 184px;
  margin-top: 0;
  line-height: auto;
}

.user-preview.landscape .user-preview-info .no-results-text.no-results-social {
  width: 160px;
  margin-top: 0;
}

.user-preview.landscape .user-preview-info .user-short-description {
  width: 200px;
}

.user-preview.landscape .user-preview-info .user-short-description .vikinger-user-tag,
.user-preview.landscape .user-preview-info .user-short-description .vikinger-pmpro-level-tag {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.user-preview.landscape .user-preview-info .user-short-description + .user-stats {
  margin-top: 0;
}

.user-preview.landscape .user-preview-info .user-avatar-list {
  width: 250px;
}

.user-preview.landscape .user-preview-info .user-avatar-list + .user-preview-actions {
  margin-top: 0;
}

.user-preview.landscape .user-preview-info .user-avatar-list,
.user-preview.landscape .user-preview-info .badge-list,
.user-preview.landscape .user-preview-info .user-preview-actions,
.user-preview.landscape .user-preview-info .social-links {
  margin-top: 0;
}

.user-preview.landscape .user-preview-info .social-links {
  width: 168px;
}

.user-preview.landscape .user-preview-info .badge-list {
  display: -ms-flexbox;
  display: flex;
  width: 184px;
}

.user-preview.landscape .user-preview-info .badge-list .badge-item {
  margin-right: 8px;
}

.user-preview.landscape .user-preview-info .badge-list .badge-item:last-child {
  margin-right: 0;
}

.user-preview.landscape .user-preview-info .vikinger-user-tag-list {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.user-preview.landscape .user-preview-info .user-preview-social-links-wrap {
  width: 160px;
  margin: 0 0 0 8px;
}

.user-preview.landscape .user-preview-info .user-preview-social-links-wrap .slider-controls {
  width: 208px;
}

.user-preview.landscape .user-preview-info .user-preview-actions {
  min-width: 140px;
  min-height: auto;
}

.user-preview.landscape .user-preview-info .user-preview-actions .button,
.user-preview.landscape .user-preview-info .user-preview-actions .tag-sticker {
  margin-right: 12px;
}

.user-preview.landscape .user-preview-info .user-preview-actions .button:last-child,
.user-preview.landscape .user-preview-info .user-preview-actions .tag-sticker:last-child {
  margin-right: 0;
}

.user-preview.landscape .user-preview-info .user-preview-actions .tag-sticker {
  position: static;
}

.user-preview.landscape .user-preview-info .user-preview-actions .button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 44px;
}

.user-preview .user-preview-cover {
  height: 96px;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  position: relative;
}

.user-preview .user-preview-cover .uploadable-item-remove-button {
  position: absolute;
  top: 0;
  right: 0;
}

.user-preview .vikinger-user-tag-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.user-preview .vikinger-user-tag-list > * {
  margin-right: 4px;
}

.user-preview .vikinger-user-tag-list > *:last-child {
  margin-right: 0;
}

.user-preview .user-preview-info {
  padding: 0 28px 32px;
  position: relative;
}

.user-preview .user-preview-info .uploadable-item-remove-button {
  position: absolute;
  top: -48px;
  right: 88px;
  z-index: 2;
}

.user-preview .user-preview-info > .tag-sticker {
  position: absolute;
  top: -12px;
  right: 28px;
}

.user-preview .user-preview-info .no-results-text {
  margin-top: 28px;
  line-height: 35px;
}

.user-preview .user-preview-info .no-results-text.no-results-social {
  margin-top: 20px;
  line-height: 36px;
}

.user-preview .user-preview-info .user-short-description.tiny .user-short-description-title {
  font-size: 0.875rem;
}

.user-preview .user-preview-info .user-short-description.tiny .user-short-description-text {
  font-size: 0.75rem;
}

.user-preview .user-preview-info .user-short-description .user-short-description-title {
  font-size: 1.25rem;
}

.user-preview .user-preview-info .user-short-description .user-short-description-text {
  font-size: 0.875rem;
}

.user-preview .user-preview-info .user-short-description + .user-stats {
  margin-top: 30px;
}

.user-preview .user-preview-info .user-short-description + .button {
  margin-top: 34px;
}

.user-preview .user-preview-info .badge-list {
  margin-top: 28px;
}

.user-preview .user-preview-info .user-preview-stats-slides {
  height: 60px;
  margin-top: 30px;
}

.user-preview .user-preview-info .user-preview-stats-roster {
  position: absolute;
  top: 22px;
  right: 28px;
}

.user-preview .user-preview-info .user-preview-text {
  width: 270px;
  margin: -5px auto 0;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4285714286em;
  text-align: center;
}

.user-preview .user-preview-info .social-links {
  margin-top: 24px;
  height: 32px;
}

.user-preview .user-preview-info .user-preview-social-links-wrap {
  width: 200px;
  height: 36px;
  margin: 20px auto 0;
  position: relative;
}

.user-preview .user-preview-info .user-preview-social-links-wrap .user-preview-social-links {
  padding-top: 4px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.user-preview .user-preview-info .user-preview-social-links-wrap .slider-controls {
  width: 248px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  top: 10px;
  left: -28px;
}

.user-preview .user-preview-info .user-avatar-list {
  margin-top: 34px;
  height: 36px;
}

.user-preview .user-preview-info .user-avatar-list + .user-preview-actions {
  margin-top: 36px;
}

.user-preview .user-preview-info .user-preview-actions {
  display: -ms-flexbox;
  display: flex;
  min-height: 48px;
  margin-top: 40px;
}

.user-preview .user-preview-info .user-preview-actions.user-preview-actions-tagged .tag-sticker {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.user-preview .user-preview-info .user-preview-actions.user-preview-actions-tagged .tag-sticker.button-tag {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.user-preview .user-preview-info .user-preview-actions .button-tag,
.user-preview .user-preview-info .user-preview-actions .button {
  width: 100%;
  height: 48px;
  margin-right: 16px;
}

.user-preview .user-preview-info .user-preview-actions .button-tag:last-child,
.user-preview .user-preview-info .user-preview-actions .button:last-child {
  margin-right: 0;
}

.user-preview .user-preview-info .user-preview-actions .button-tag .button-icon,
.user-preview .user-preview-info .user-preview-actions .button .button-icon {
  fill: #fff;
}

.user-preview .user-preview-info .user-preview-actions .button-tag.white .button-icon,
.user-preview .user-preview-info .user-preview-actions .button.white .button-icon {
  fill: var(--color-icon);
}

.user-preview .user-preview-info .user-preview-actions .button-tag.white:hover .button-icon,
.user-preview .user-preview-info .user-preview-actions .button.white:hover .button-icon {
  fill: #fff;
}

.user-preview .user-preview-info .user-preview-actions .button-tag.full,
.user-preview .user-preview-info .user-preview-actions .button.full {
  width: 100%;
}

.user-preview .user-preview-info .user-preview-actions .button-tag.full .button-icon,
.user-preview .user-preview-info .user-preview-actions .button.full .button-icon {
  position: relative;
  left: -12px;
}

.user-preview .user-preview-author {
  padding-left: 26px;
  position: relative;
}

.user-preview .user-preview-author .user-preview-author-image {
  position: absolute;
  top: 1px;
  left: 0;
}

.user-preview .user-preview-author .user-preview-author-title {
  font-size: 0.625rem;
  font-weight: 500;
}

.user-preview .user-preview-author .user-preview-author-text {
  margin-top: 1px;
  font-size: 0.75rem;
  font-weight: 700;
}

.user-preview .user-preview-author .user-preview-author-text a {
  color: var(--color-text);
  font-weight: 700;
}

.user-preview .user-preview-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 65px;
  border-top: 1px solid var(--color-divider);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background-color: var(--color-box-background-alt);
}

.user-preview .user-preview-footer.padded {
  height: auto;
  padding: 16px 28px;
}

.user-preview .user-preview-footer .user-preview-footer-action {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 50%;
  border-right: 1px solid var(--color-divider);
}

.user-preview .user-preview-footer .user-preview-footer-action:last-child {
  border-right: none;
}

.user-preview .user-preview-footer .user-preview-footer-action.full {
  width: 100%;
  padding: 0 28px;
}

.user-preview .user-preview-footer .user-preview-footer-action.full .tag-sticker,
.user-preview .user-preview-footer .user-preview-footer-action.full .button {
  width: 100%;
}

.user-preview .user-preview-footer .user-preview-footer-action .button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 64px;
  height: 44px;
}

/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (max-width: 1365px) {
  .user-preview.landscape .user-preview-info .badge-list {
    display: none;
  }
  .user-preview.landscape .user-preview-info .no-results-text {
    display: none;
  }
  .user-preview.landscape .user-preview-info .no-results-text.no-results-social {
    display: block;
  }
}

@media screen and (max-width: 1260px) {
  .user-preview.landscape .user-preview-info .social-links,
  .user-preview.landscape .user-preview-info .user-preview-social-links-wrap,
  .user-preview.landscape .user-preview-info .user-avatar-list {
    display: none;
  }
  .user-preview.landscape .user-preview-info .no-results-text.no-results-social {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  .user-preview.landscape .user-preview-info .user-stats {
    display: none;
  }
}

@media screen and (max-width: 460px) {
  .user-preview.landscape {
    padding-left: 60px;
  }
  .user-preview.landscape .user-preview-cover {
    width: 60px;
  }
  .user-preview.landscape .user-preview-info {
    height: 100px;
    padding: 0 68px 0 0;
  }
  .user-preview.landscape .user-preview-info .user-short-description {
    width: auto;
  }
  .user-preview.landscape .user-preview-info .user-preview-actions {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    position: absolute;
    top: 8px;
    right: 12px;
  }
  .user-preview.landscape .user-preview-info .user-preview-actions .button,
  .user-preview.landscape .user-preview-info .user-preview-actions .tag-sticker {
    width: 44px;
    height: 40px;
    margin: 0 0 4px 0;
  }
  .user-preview.landscape .user-preview-info .user-preview-actions .button:last-child,
  .user-preview.landscape .user-preview-info .user-preview-actions .tag-sticker:last-child {
    margin-bottom: 0;
  }
  .user-preview .user-preview-info .user-preview-stats-slides {
    height: 70px;
  }
  .user-preview .user-preview-info .user-preview-text {
    width: 95%;
  }
  .user-preview-widget .user-preview-widget-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    height: 60px;
    padding-top: 20px;
  }
  .user-preview-widget .user-preview-widget-footer .user-preview-widget-footer-action {
    position: static;
  }
  .user-preview-widget .user-preview-widget-footer .user-preview-widget-footer-action:first-child {
    display: none;
  }
}

/*------------------------------------------------------------------
[Table of contents]

1. .album-preview
2. .photo-preview
-------------------------------------------------------------------*/
/*----------------------
    1. ALBUM PREVIEW
----------------------*/
.album-preview {
  display: block;
  height: 340px;
  border-radius: 12px;
  box-shadow: var(--color-box-shadow);
  cursor: pointer;
  position: relative;
}

.album-preview .album-preview-image {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.album-preview .text-sticker {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 3;
  pointer-events: none;
}

.album-preview .album-preview-info {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  box-shadow: inset 0 -120px 50px -40px rgba(0, 0, 0, 0.8);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 0 28px 26px;
  position: relative;
  z-index: 2;
  transition: box-shadow .2s ease-in-out;
}

.album-preview .album-preview-info:hover {
  box-shadow: inset 0 -120px 50px -40px rgba(35, 210, 226, 0.9);
}

.album-preview .album-preview-info .album-preview-title,
.album-preview .album-preview-info .album-preview-text {
  color: #fff;
}

.album-preview .album-preview-info .album-preview-title {
  font-size: 1rem;
  font-weight: 700;
}

.album-preview .album-preview-info .album-preview-text {
  margin-top: 6px;
  font-size: 0.875rem;
  font-weight: 500;
}

/*----------------------
    2. PHOTO PREVIEW
----------------------*/
.photo-preview {
  display: block;
  border-radius: 12px;
  box-shadow: var(--color-box-shadow);
  cursor: pointer;
  position: relative;
}

.photo-preview.small {
  height: 184px;
}

.photo-preview:hover .photo-preview-info {
  opacity: 1;
  visibility: visible;
}

.photo-preview:hover .photo-preview-info .reaction-count-list .reaction-count {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.photo-preview .photo-preview-image {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.photo-preview .checkbox-box {
  position: absolute;
  top: 8px;
  right: 6px;
  z-index: 3;
  transition: none;
}

.photo-preview .checkbox-box .icon-cross {
  transition: none;
}

.photo-preview .photo-preview-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background-color: rgba(21, 21, 31, 0.96);
  position: relative;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
}

.photo-preview .photo-preview-info .reaction-count-list .reaction-count {
  -webkit-transform: scale(0);
          transform: scale(0);
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.photo-preview .photo-preview-info .reaction-count-list .reaction-count:first-child {
  transition-delay: .1s;
}

.photo-preview .photo-preview-info .reaction-count-list .reaction-count:last-child {
  transition-delay: .2s;
}

/*------------------------------------------------------------------
[Table of contents]

1. .popup-box
-------------------------------------------------------------------*/
/*--------------------
    1. POPUP BOX
--------------------*/
.popup-box {
  width: 90%;
  max-width: 984px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  opacity: 0;
  visibility: hidden;
}

.popup-box.mid {
  max-width: 784px;
}

.popup-box.small {
  max-width: 384px;
}

.popup-box .popup-box-title {
  padding: 32px 28px 0;
  font-size: 1rem;
  font-weight: 700;
}

.popup-box .popup-box-subtitle {
  padding: 0 28px;
  margin-top: 6px;
  font-size: 0.875rem;
  font-weight: 700;
}

.popup-box .popup-box-subtitle .light {
  color: var(--color-text-alt);
  font-weight: 500;
}

.popup-box .form {
  margin-top: 32px;
}

.popup-box .form .form-row {
  padding: 0 28px;
}

.popup-box .form .form-uploadables {
  margin-top: 32px;
  padding: 0 28px 40px;
  height: 406px;
  overflow-y: auto;
}

.popup-box .widget-box .form .form-row {
  padding: 0;
}

.popup-box .popup-box-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 32px 38px;
  box-shadow: var(--color-box-shadow);
}

.popup-box .popup-box-actions.void {
  box-shadow: none;
}

.popup-box .popup-box-actions.medium {
  padding: 40px 28px;
}

.popup-box .popup-box-actions.full {
  display: block;
  padding: 40px 28px 28px;
}

.popup-box .popup-box-actions .popup-box-action-text {
  margin-top: 24px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4285714286em;
}

.popup-box .popup-box-actions .popup-box-action {
  width: 180px;
  margin-right: 16px;
}

.popup-box .popup-box-actions .popup-box-action.full {
  width: 100%;
}

.popup-box .popup-box-actions .popup-box-action:last-child {
  margin-right: 0;
}

.popup-box-body {
  display: -ms-flexbox;
  display: flex;
  border-radius: 12px;
  background-color: var(--color-box-background);
}

.popup-box-body > .page-loader-indicator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 auto;
}

.popup-box-body .popup-box-sidebar {
  width: 36.2244897959%;
  border-right: 1px solid var(--color-divider);
}

.popup-box-body .popup-box-sidebar .sidebar-menu-item.limited {
  max-height: 260px;
  overflow: hidden auto;
}

.popup-box-body .popup-box-sidebar .popup-box-sidebar-footer {
  padding: 28px;
}

.popup-box-body .popup-box-sidebar .popup-box-sidebar-footer .button {
  margin-bottom: 16px;
}

.popup-box-body .popup-box-sidebar .popup-box-sidebar-footer .button:last-child {
  margin-bottom: 0;
}

.popup-box-body .popup-box-sidebar .popup-box-sidebar-footer .required-field-message {
  margin-bottom: 16px;
  text-align: center;
}

.popup-box-body .popup-box-sidebar .user-preview {
  box-shadow: none;
  border-top-right-radius: 0;
}

.popup-box-body .popup-box-sidebar .user-preview .user-preview-cover {
  border-top-right-radius: 0;
}

.popup-box-body .popup-box-sidebar .product-preview {
  box-shadow: none;
  border-top-right-radius: 0;
}

.popup-box-body .popup-box-sidebar .product-preview .product-preview-image {
  border-top-right-radius: 0;
}

.popup-box-body .popup-box-content {
  width: 63.7755102041%;
  border-bottom-right-radius: 12px;
}

.popup-box-body .popup-box-content.limited {
  max-height: 620px;
  overflow: hidden auto;
}

.popup-box-body .popup-box-content .widget-box {
  box-shadow: none;
}

/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (max-width: 680px) {
  .popup-box-body {
    display: block;
  }
  .popup-box-body .popup-box-sidebar,
  .popup-box-body .popup-box-content {
    width: 100%;
  }
  .popup-box-body .popup-box-sidebar {
    border-right: none;
  }
}

/*------------------------------------------------------------------
[Table of contents]

1. .badge-item-preview
-------------------------------------------------------------------*/
/*----------------------------
    1. BADGE ITEM PREVIEW
----------------------------*/
.badge-item-preview {
  display: -ms-flexbox;
  display: flex;
  height: 154px;
  padding: 32px 28px 0;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.badge-item-preview .badge-item-preview-image {
  width: 82px;
  height: 90px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.badge-item-preview .badge-item-preview-info {
  padding-left: 24px;
}

.badge-item-preview .badge-item-preview-info .badge-item-preview-title {
  font-size: 1.125rem;
  font-weight: 700;
}

.badge-item-preview .badge-item-preview-info .badge-item-preview-text {
  margin-top: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4285714286em;
}

.badge-item-preview .badge-item-preview-info .badge-item-preview-timestamp {
  margin-top: 14px;
  color: var(--color-text-alt-2);
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
}

/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (max-width: 460px) {
  .badge-item-preview {
    height: auto;
    padding-bottom: 32px;
  }
}

/*------------------------------------------------------------------
[Table of contents]

1. .badge-item-stat
-------------------------------------------------------------------*/
/*--------------------------
    1. BADGE ITEM STAT
--------------------------*/
.badge-item-stat {
  padding: 32px 28px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
  position: relative;
}

.badge-item-stat.void {
  padding: 20px 0 0;
  box-shadow: none;
}

.badge-item-stat .text-sticker {
  position: absolute;
  top: 10px;
  right: -6px;
}

.badge-item-stat .badge-item-stat-image-preview {
  position: absolute;
  top: 32px;
  left: 28px;
}

.badge-item-stat .badge-item-stat-image {
  display: block;
  margin: 0 auto;
}

.badge-item-stat .badge-item-stat-title {
  margin-top: 36px;
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
}

.badge-item-stat .badge-item-stat-text {
  width: 180px;
  margin: 16px auto 0;
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4285714286em;
  text-align: center;
}

.badge-item-stat .progress-stat {
  max-width: 204px;
  margin: 54px auto 0;
}

/*------------------------------------------------------------------
[Table of contents]

1. .streamer-box
-------------------------------------------------------------------*/
/*----------------------
    1. STREAMER BOX
----------------------*/
.streamer-box {
  background-color: var(--color-box-background);
  border-radius: 12px;
  box-shadow: var(--color-box-shadow);
}

.streamer-box.small .streamer-box-cover {
  height: 48px;
}

.streamer-box.small .streamer-box-info .streamer-box-image {
  top: -26px;
}

.streamer-box.small .streamer-box-info .streamer-box-title {
  font-size: 1rem;
}

.streamer-box.small .streamer-box-info .button {
  margin-top: 28px;
}

.streamer-box.small .streamer-box-info .button + .button {
  margin-top: 12px;
}

.streamer-box .streamer-box-cover {
  width: 100%;
  height: 70px;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
}

.streamer-box .streamer-box-info {
  padding: 50px 28px 32px;
  text-align: center;
  position: relative;
}

.streamer-box .streamer-box-info .streamer-box-image {
  width: 72px;
  height: 72px;
  border: 6px solid var(--color-box-background);
  border-radius: 50%;
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -36px;
}

.streamer-box .streamer-box-info .streamer-box-title {
  font-size: 1.125rem;
  font-weight: 700;
}

.streamer-box .streamer-box-info .streamer-box-text {
  margin-top: 4px;
  color: var(--color-text);
  font-size: 0.75rem;
  font-weight: 500;
}

.streamer-box .streamer-box-info .streamer-box-status {
  margin-top: 10px;
  display: inline-block;
  height: 18px;
  padding: 0 6px;
  border-radius: 4px;
  background-color: var(--color-text-alt-2);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 18px;
  text-transform: uppercase;
}

.streamer-box .streamer-box-info .streamer-box-status.active {
  background-color: #f1315e;
}

.streamer-box .streamer-box-info .user-stats {
  margin-top: 38px;
}

.streamer-box .streamer-box-info .button {
  margin-top: 40px;
  width: 100%;
}

/*------------------------------------------------------------------
[Table of contents]

1. .calendar
2. .calendar-weekly
3. .calendar-daily
4. .calendar-events-preview
5. .calendar-event-preview-list
6. .calendar-event-preview
7. .calendar-widget
-------------------------------------------------------------------*/
/*--------------------
    1. CALENDAR
--------------------*/
.calendar {
  background-color: var(--color-box-background);
}

.calendar.small {
  max-width: 215px;
}

.calendar.small .calendar-week {
  border: none;
}

.calendar.small .calendar-week .calendar-week-day {
  padding: 16px 0;
  font-size: 0.75rem;
}

.calendar.small .calendar-week .calendar-week-day .week-day-short {
  display: block;
}

.calendar.small .calendar-week .calendar-week-day .week-day-long {
  display: none;
}

.calendar.small .calendar-days .calendar-day-row .calendar-day {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 44px;
  padding: 0;
  border: none;
}

.calendar.small .calendar-days .calendar-day-row .calendar-day.inactive {
  background-color: var(--color-box-background);
}

.calendar.small .calendar-days .calendar-day-row .calendar-day.current .calendar-day-number, .calendar.small .calendar-days .calendar-day-row .calendar-day.active .calendar-day-number {
  width: 24px;
  height: 24px;
}

.calendar.small .calendar-days .calendar-day-row .calendar-day .calendar-day-number {
  font-size: 0.75rem;
  position: static;
}

.calendar.small .calendar-days .calendar-day-row .calendar-day .calendar-day-events {
  position: absolute;
  bottom: 2px;
}

.calendar.small .calendar-days .calendar-day-row .calendar-day .calendar-day-events .calendar-day-event {
  display: block;
  margin: 0 2px 0 0;
}

.calendar.small .calendar-days .calendar-day-row .calendar-day .calendar-day-events .calendar-day-event:last-child {
  margin: 0;
}

.calendar.small .calendar-days .calendar-day-row .calendar-day .calendar-day-event {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  padding: 0;
}

.calendar.small .calendar-days .calendar-day-row .calendar-day .calendar-day-event .calendar-day-event-text {
  display: none;
}

.calendar .calendar-week {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid var(--color-divider);
}

.calendar .calendar-week .calendar-week-day {
  width: 14.2857142857%;
  padding: 28px 0;
  color: var(--color-text-alt);
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
}

.calendar .calendar-week .calendar-week-day .week-day-short {
  display: none;
}

.calendar .calendar-days .calendar-day-row {
  display: -ms-flexbox;
  display: flex;
}

.calendar .calendar-days .calendar-day-row .calendar-day {
  width: 14.2857142857%;
  height: 120px;
  padding: 52px 12px 0 16px;
  border-right: 1px solid var(--color-divider);
  border-bottom: 1px solid var(--color-divider);
  position: relative;
}

.calendar .calendar-days .calendar-day-row .calendar-day:last-child {
  border-right: none;
}

.calendar .calendar-days .calendar-day-row .calendar-day.inactive {
  background-color: var(--color-box-background-alt);
}

.calendar .calendar-days .calendar-day-row .calendar-day.inactive .calendar-day-number {
  color: var(--color-text-alt);
  font-weight: 500;
}

.calendar .calendar-days .calendar-day-row .calendar-day.current .calendar-day-number, .calendar .calendar-days .calendar-day-row .calendar-day.active .calendar-day-number {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  top: 8px;
  left: 10px;
}

.calendar .calendar-days .calendar-day-row .calendar-day.current .calendar-day-number {
  box-shadow: 3px 5px 20px 0px rgba(94, 92, 154, 0.16);
}

.calendar .calendar-days .calendar-day-row .calendar-day.active .calendar-day-number {
  background-color: var(--color-secondary);
  color: #fff;
}

.calendar .calendar-days .calendar-day-row .calendar-day .calendar-day-number {
  font-size: 1rem;
  font-weight: 700;
  position: absolute;
  top: 20px;
  left: 18px;
  z-index: 1;
}

.calendar .calendar-days .calendar-day-row .calendar-day .calendar-day-events {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.calendar .calendar-days .calendar-day-row .calendar-day .calendar-day-events .calendar-day-event {
  display: none;
  margin-bottom: 6px;
}

.calendar .calendar-days .calendar-day-row .calendar-day .calendar-day-events .calendar-day-event:nth-child(1), .calendar .calendar-days .calendar-day-row .calendar-day .calendar-day-events .calendar-day-event:nth-child(2) {
  display: block;
}

.calendar .calendar-days .calendar-day-row .calendar-day .calendar-day-events .calendar-day-event:last-child {
  margin-bottom: 0;
}

.calendar .calendar-days .calendar-day-row .calendar-day .calendar-day-event {
  border-radius: 200px;
  padding: 6px 12px;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.calendar .calendar-days .calendar-day-row .calendar-day .calendar-day-event.primary {
  background-color: var(--color-primary);
}

.calendar .calendar-days .calendar-day-row .calendar-day .calendar-day-event.secondary {
  background-color: var(--color-secondary);
}

/*-------------------------
    2. CALENDAR WEEKLY
-------------------------*/
.calendar-weekly {
  background-color: var(--color-box-background);
}

.calendar-weekly .calendar-weekly-week {
  display: -ms-flexbox;
  display: flex;
  padding-left: 56px;
}

.calendar-weekly .calendar-weekly-week-day {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 14.2857142857%;
  padding: 28px 0;
}

.calendar-weekly .calendar-weekly-week-day.active .calendar-weekly-week-day-number {
  color: var(--color-secondary);
  font-weight: 700;
}

.calendar-weekly .calendar-weekly-week-day .calendar-weekly-week-day-text {
  color: var(--color-text-alt);
  font-size: 1rem;
  font-weight: 500;
}

.calendar-weekly .calendar-weekly-week-day .calendar-weekly-week-day-number {
  margin-top: 8px;
  font-size: 1.25rem;
  font-weight: 500;
}

.calendar-weekly .calendar-weekly-body-wrap {
  height: 640px;
  overflow-y: auto;
}

.calendar-weekly .calendar-weekly-body {
  padding: 6px 0 0 56px;
  position: relative;
}

.calendar-weekly .calendar-weekly-hours {
  position: absolute;
  top: 0;
  left: 0;
}

.calendar-weekly .calendar-weekly-hours .calendar-weekly-hour {
  height: 120px;
  color: var(--color-text-alt);
  font-size: 0.875rem;
  font-weight: 500;
}

.calendar-weekly .calendar-weekly-days {
  display: -ms-flexbox;
  display: flex;
}

.calendar-weekly .calendar-weekly-day-column {
  width: 14.2857142857%;
}

.calendar-weekly .calendar-weekly-day-column.active .calendar-weekly-day-interval {
  background-color: var(--color-box-background-alt);
}

.calendar-weekly .calendar-weekly-day-column:last-child .calendar-weekly-day-interval {
  border-right: none;
}

.calendar-weekly .calendar-weekly-day-interval {
  width: 100%;
  height: 120px;
  border-top: 1px solid var(--color-divider);
  border-right: 1px solid var(--color-divider);
}

.calendar-weekly .calendar-weekly-day-interval:last-child {
  border-bottom: 1px solid var(--color-divider);
}

.calendar-weekly .calendar-weekly-day-part {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 100%;
  height: 50%;
  padding: 0 10px;
  border-bottom: 1px solid rgba(234, 234, 245, 0.5);
}

.calendar-weekly .calendar-weekly-day-part:last-child {
  border-bottom: none;
}

.calendar-weekly .calendar-weekly-day-part .calendar-weekly-day-event {
  border-radius: 200px;
  padding: 6px 12px;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.calendar-weekly .calendar-weekly-day-part .calendar-weekly-day-event.span-3 {
  width: 100%;
  height: 180px;
  border-radius: 12px;
  position: relative;
  z-index: 1;
}

.calendar-weekly .calendar-weekly-day-part .calendar-weekly-day-event.primary {
  background-color: var(--color-primary);
}

.calendar-weekly .calendar-weekly-day-part .calendar-weekly-day-event.secondary {
  background-color: var(--color-secondary);
}

/*-------------------------
    3. CALENDAR DAILY
-------------------------*/
.calendar-daily {
  background-color: var(--color-box-background);
}

.calendar-daily .calendar-daily-body-wrap {
  height: 640px;
  overflow-y: auto;
}

.calendar-daily .calendar-daily-body {
  padding: 6px 0 0 56px;
  position: relative;
}

.calendar-daily .calendar-daily-hours {
  position: absolute;
  top: 0;
  left: 0;
}

.calendar-daily .calendar-daily-hours .calendar-daily-hour {
  height: 120px;
  color: var(--color-text-alt);
  font-size: 0.875rem;
  font-weight: 500;
}

.calendar-daily .calendar-daily-interval {
  width: 100%;
  height: 120px;
  border-top: 1px solid var(--color-divider);
}

.calendar-daily .calendar-daily-interval:last-child {
  border-bottom: 1px solid var(--color-divider);
}

.calendar-daily .calendar-daily-interval-part {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  width: 100%;
  height: 50%;
  border-bottom: 1px solid rgba(234, 234, 245, 0.5);
}

.calendar-daily .calendar-daily-interval-part:last-child {
  border-bottom: none;
}

.calendar-daily .calendar-daily-event {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  padding: 12px 14px;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.calendar-daily .calendar-daily-event.span-3 {
  height: 180px;
  position: relative;
  z-index: 1;
}

.calendar-daily .calendar-daily-event.primary {
  background-color: var(--color-primary);
}

.calendar-daily .calendar-daily-event.secondary {
  background-color: var(--color-secondary);
}

/*--------------------------------
    4. CALENDAR EVENTS PREVIEW
---------------------------------*/
.calendar-events-preview {
  padding: 32px 28px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.calendar-events-preview.small .calendar-events-preview-title {
  font-size: 0.875rem;
}

.calendar-events-preview.small .calendar-event-preview-list {
  margin-top: 36px;
}

.calendar-events-preview .calendar-events-preview-title {
  font-size: 1.125rem;
  font-weight: 700;
}

.calendar-events-preview .calendar-event-preview-list {
  margin-top: 48px;
}

/*-------------------------------------
    5. CALENDAR EVENT PREVIEW LIST
-------------------------------------*/
.calendar-event-preview-list .calendar-event-preview {
  margin-bottom: 28px;
}

.calendar-event-preview-list .calendar-event-preview:last-child {
  margin-bottom: 0;
}

/*--------------------------------
    6. CALENDAR EVENT PREVIEW
---------------------------------*/
.calendar-event-preview {
  padding-left: 72px;
  position: relative;
}

.calendar-event-preview.small .calendar-event-preview-start-time .calendar-event-preview-start-time-title {
  font-size: 0.875rem;
}

.calendar-event-preview.small .calendar-event-preview-start-time .calendar-event-preview-start-time-text {
  margin-top: 4px;
  font-size: 0.75rem;
}

.calendar-event-preview.small .calendar-event-preview-info::before {
  content: '';
  width: 8px;
  height: 8px;
  border: 2px solid transparent;
  top: 2px;
}

.calendar-event-preview.small .calendar-event-preview-info .calendar-event-preview-title {
  font-size: 0.875rem;
}

.calendar-event-preview.small .calendar-event-preview-info .calendar-event-preview-text {
  font-size: 0.75rem;
  line-height: 1.1666666667em;
}

.calendar-event-preview.primary .calendar-event-preview-info::before {
  border-color: var(--color-primary);
}

.calendar-event-preview.secondary .calendar-event-preview-info::before {
  border-color: var(--color-secondary);
}

.calendar-event-preview .calendar-event-preview-start-time {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.calendar-event-preview .calendar-event-preview-start-time .calendar-event-preview-start-time-title {
  font-size: 1rem;
  font-weight: 700;
}

.calendar-event-preview .calendar-event-preview-start-time .calendar-event-preview-start-time-text {
  margin-top: 2px;
  font-size: 0.875rem;
  font-weight: 500;
}

.calendar-event-preview .calendar-event-preview-info {
  position: relative;
}

.calendar-event-preview .calendar-event-preview-info::before {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 3px solid transparent;
  position: absolute;
  top: 0;
  left: -24px;
}

.calendar-event-preview .calendar-event-preview-info .calendar-event-preview-title {
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
}

.calendar-event-preview .calendar-event-preview-info .calendar-event-preview-text {
  margin-top: 6px;
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4285714286em;
}

.calendar-event-preview .calendar-event-preview-info .calendar-event-preview-time {
  margin-top: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}

.calendar-event-preview .calendar-event-preview-info .calendar-event-preview-time .bold {
  font-weight: 700;
}

/*------------------------
    7. CALENDAR WIDGET
------------------------*/
.calendar-widget {
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.calendar-widget .calendar-widget-header {
  padding: 28px 28px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.calendar-widget .calendar-widget-header .calendar-widget-header-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.calendar-widget .calendar-widget-header .calendar-widget-header-actions .slider-controls {
  margin-right: 25px;
}

.calendar-widget .calendar-widget-title {
  font-size: 1.25rem;
  font-weight: 700;
}

.calendar-widget .slider-controls {
  display: -ms-flexbox;
  display: flex;
}

.calendar-widget .slider-controls .slider-control {
  margin-right: 18px;
}

.calendar-widget .slider-controls .slider-control:last-child {
  margin-right: 0;
}

.calendar-widget .calendar,
.calendar-widget .calendar-weekly {
  margin-top: 26px;
  padding: 0 28px;
}

.calendar-widget .calendar-daily {
  margin-top: 60px;
  padding: 0 28px;
}

.calendar-widget .calendar-events-preview {
  margin-top: 60px;
}

/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (max-width: 680px) {
  .calendar.full .calendar-week {
    border: none;
  }
  .calendar.full .calendar-week .calendar-week-day {
    padding: 16px 0;
    font-size: 0.75rem;
  }
  .calendar.full .calendar-week .calendar-week-day .week-day-short {
    display: block;
  }
  .calendar.full .calendar-week .calendar-week-day .week-day-long {
    display: none;
  }
  .calendar.full .calendar-days .calendar-day-row .calendar-day {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    height: 44px;
    padding: 0;
    border: none;
  }
  .calendar.full .calendar-days .calendar-day-row .calendar-day.inactive {
    background-color: #fff;
  }
  .calendar.full .calendar-days .calendar-day-row .calendar-day.current .calendar-day-number, .calendar.full .calendar-days .calendar-day-row .calendar-day.active .calendar-day-number {
    width: 24px;
    height: 24px;
  }
  .calendar.full .calendar-days .calendar-day-row .calendar-day .calendar-day-number {
    font-size: 0.75rem;
    position: static;
  }
  .calendar.full .calendar-days .calendar-day-row .calendar-day .calendar-day-events {
    -ms-flex-direction: row;
        flex-direction: row;
    position: absolute;
    bottom: 2px;
  }
  .calendar.full .calendar-days .calendar-day-row .calendar-day .calendar-day-events .calendar-day-event {
    display: block;
    margin: 0 2px 0 0;
  }
  .calendar.full .calendar-days .calendar-day-row .calendar-day .calendar-day-events .calendar-day-event:last-child {
    margin: 0;
  }
  .calendar.full .calendar-days .calendar-day-row .calendar-day .calendar-day-event {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    padding: 0;
  }
  .calendar.full .calendar-days .calendar-day-row .calendar-day .calendar-day-event .calendar-day-event-text {
    display: none;
  }
}

@media screen and (max-width: 460px) {
  .calendar-widget .calendar-widget-header {
    display: block;
  }
  .calendar-widget .calendar-widget-header .calendar-widget-header-actions {
    -ms-flex-pack: center;
        justify-content: center;
  }
  .calendar-widget .calendar-widget-header .calendar-widget-header-actions:first-child {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .calendar-widget .calendar-widget-header .calendar-widget-header-actions:first-child .slider-controls {
    -ms-flex-order: 2;
        order: 2;
    margin: 12px 0 0;
  }
  .calendar-widget .calendar-widget-header .calendar-widget-header-actions:last-child {
    margin-top: 18px;
  }
  .calendar-widget .calendar-widget-title {
    font-size: 1rem;
  }
}

/*------------------------------------------------------------------
[Table of contents]

1. .event-preview-list
2. .event-preview
-------------------------------------------------------------------*/
/*----------------------------
    1. EVENT PREVIEW LIST
----------------------------*/
.event-preview-list .event-preview {
  margin-bottom: 32px;
}

.event-preview-list .event-preview:last-child {
  margin-bottom: 0;
}

/*------------------------
    2. EVENT PREVIEW
------------------------*/
.event-preview {
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.event-preview.small {
  box-shadow: none;
}

.event-preview.small .event-preview-cover {
  height: 80px;
  border-radius: 12px;
}

.event-preview.small .event-preview-info {
  display: block;
  height: auto;
  padding: 20px 0 0 42px;
}

.event-preview.small .event-preview-info .date-sticker {
  width: 30px;
  top: 22px;
  left: 0;
}

.event-preview.small .event-preview-info .date-sticker .date-sticker-day {
  padding: 6px 0 2px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-size: 1rem;
}

.event-preview.small .event-preview-info .date-sticker .date-sticker-month {
  padding: 2px 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  font-size: 0.625rem;
}

.event-preview.small .event-preview-title {
  font-size: 0.875rem;
}

.event-preview.small .event-preview-text {
  margin-top: 12px;
  font-size: 0.75rem;
  line-height: 1.1666666667em;
}

.event-preview.small .event-preview-timestamp {
  margin-top: 6px;
  color: var(--color-text-alt);
  font-size: 0.75rem;
}

.event-preview .event-preview-cover {
  width: 100%;
  height: 98px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.event-preview .event-preview-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 385px;
  padding: 40px 28px 32px;
  position: relative;
}

.event-preview .event-preview-info .date-sticker {
  position: absolute;
  top: -42px;
  left: 28px;
}

.event-preview .event-preview-title {
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
}

.event-preview .event-preview-timestamp {
  margin-top: 10px;
  font-size: 0.875rem;
  font-weight: 500;
}

.event-preview .event-preview-timestamp .bold {
  font-weight: 700;
}

.event-preview .event-preview-text {
  margin-top: 20px;
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4285714286em;
}

.event-preview .meta-line {
  margin-top: 26px;
}

.event-preview .button {
  width: 100%;
  margin-top: 38px;
}

/*------------------------------------------------------------------
[Table of contents]

1. .achievement-preview-list
2. .achievement-preview
-------------------------------------------------------------------*/
/*----------------------------
    1. ACHIEVEMENT PREVIEW LIST
----------------------------*/
.achievement-preview-list .achievement-preview {
  margin-bottom: 28px;
}

.achievement-preview-list .achievement-preview:last-child {
  margin-bottom: 0;
}

/*-----------------------
    2. ACHIEVEMENT PREVIEW
-----------------------*/
.achievement-preview .achievement-preview-info {
  padding: 2px 8px 0 44px;
  position: relative;
}

.achievement-preview .achievement-preview-info .achievement-preview-image {
  width: 32px;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.achievement-preview .achievement-preview-info .achievement-preview-title {
  font-size: 0.875rem;
  font-weight: 700;
}

.achievement-preview .achievement-preview-info .achievement-preview-text {
  margin-top: 4px;
  color: var(--color-text);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.3333333333em;
}

.achievement-preview .progress-stat {
  margin-top: 16px;
}

/*------------------------------------------------------------------
[Table of contents]

1. .quest-item
-------------------------------------------------------------------*/
/*---------------------
    1. QUEST ITEM
---------------------*/
.quest-item {
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
  position: relative;
}

.quest-item .quest-item-cover {
  width: 100%;
  height: 120px;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
}

.quest-item .text-sticker {
  position: absolute;
  top: 10px;
  right: -6px;
}

.quest-item .quest-item-info {
  padding: 44px 28px 0;
  position: relative;
}

.quest-item .quest-item-badge {
  border: 6px solid var(--color-box-background);
  border-radius: 50%;
  position: absolute;
  top: -28px;
  left: 22px;
}

.quest-item .quest-item-title {
  font-size: 1.125rem;
  font-weight: 700;
}

.quest-item .quest-item-text {
  margin-top: 18px;
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4285714286em;
}

.quest-item .progress-stat {
  max-width: 228px;
  margin-top: 48px;
}

.quest-item .quest-item-meta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 22px;
  padding: 14px 0;
  border-top: 1px solid var(--color-divider);
}

.quest-item .quest-item-meta .quest-item-meta-info {
  margin-left: 10px;
}

.quest-item .quest-item-meta .quest-item-meta-title {
  font-size: 0.75rem;
  font-weight: 700;
}

.quest-item .quest-item-meta .quest-item-meta-text {
  color: var(--color-text);
  font-size: 0.625rem;
  font-weight: 500;
}

/*------------------------------------------------------------------
[Table of contents]

1. .forum-post-header
2. .forum-post-list
3. .forum-post
-------------------------------------------------------------------*/
/*---------------------------
    1. FORUM POST HEADER
---------------------------*/
.forum-post-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 40px;
}

.forum-post-header .forum-post-header-title {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.forum-post-header .forum-post-header-title:first-child {
  width: 184px;
  padding-left: 28px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.forum-post-header .forum-post-header-title:last-child {
  width: 79.185520362%;
}

/*------------------------
    2. FORUM POST LIST
------------------------*/
.forum-post-list {
  box-shadow: var(--color-box-shadow);
}

.forum-post-list .forum-post {
  box-shadow: none;
}

.forum-post-list .forum-post:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.forum-post-list .forum-post:first-child .forum-post-meta {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.forum-post-list .forum-post:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

/*--------------------
    3. FORUM POST
--------------------*/
.forum-post {
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.forum-post .forum-post-meta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  min-height: 56px;
  padding: 0 28px;
  background-color: var(--color-box-background-alt);
}

.forum-post .forum-post-timestamp {
  color: var(--color-text-alt);
  font-size: 0.875rem;
  font-weight: 500;
}

.forum-post .forum-post-actions {
  display: -ms-flexbox;
  display: flex;
}

.forum-post .forum-post-actions .forum-post-action {
  margin-right: 32px;
}

.forum-post .forum-post-actions .forum-post-action:last-child {
  margin-right: 0;
}

.forum-post .forum-post-action {
  font-size: 0.875rem;
  font-weight: 700;
  cursor: pointer;
}

.forum-post .forum-post-action:hover {
  color: var(--color-primary-dark);
}

.forum-post .forum-post-action.light {
  color: var(--color-text-alt-2);
}

.forum-post .forum-post-action.light:hover {
  color: var(--color-text);
}

.forum-post .forum-post-content {
  display: -ms-flexbox;
  display: flex;
  min-height: 234px;
}

.forum-post .forum-post-content .forum-post-user {
  width: 184px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.forum-post .forum-post-content .forum-post-info {
  width: 79.185520362%;
}

.forum-post .forum-post-user {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 28px;
}

.forum-post .forum-post-user .user-avatar.small,
.forum-post .forum-post-user .user-avatar-circle.small {
  display: none;
}

.forum-post .forum-post-user .forum-post-user-title {
  margin-top: 8px;
  font-size: 0.875rem;
  font-weight: 700;
}

.forum-post .forum-post-user .forum-post-user-title a {
  color: var(--color-text);
  font-weight: 700;
}

.forum-post .forum-post-user .forum-post-user-text {
  margin-top: 4px;
  color: var(--color-text-alt);
  font-size: 0.75rem;
  font-weight: 500;
}

.forum-post .forum-post-user .forum-post-user-text a {
  color: var(--color-text-alt);
  font-weight: 500;
}

.forum-post .forum-post-user .forum-post-user-text a:hover {
  color: var(--color-primary-dark);
}

.forum-post .forum-post-user .forum-post-user-tag {
  height: 20px;
  margin-top: 12px;
  padding: 0 8px;
  border-radius: 200px;
  background-color: var(--color-secondary-dark);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}

.forum-post .forum-post-user .forum-post-user-tag.organizer {
  background-color: var(--color-secondary);
}

.forum-post .forum-post-info {
  padding: 32px 28px 32px 0;
}

.forum-post .forum-post-info .forum-post-paragraph {
  margin-top: 24px;
  font-size: 0.875rem;
  line-height: 1.7142857143em;
  font-weight: 500;
}

.forum-post .forum-post-info .forum-post-paragraph:first-child {
  margin-top: 0;
}

.forum-post .forum-post-info .forum-post-paragraph .bold {
  font-weight: 700;
}

.forum-post .forum-post-info .forum-post-image {
  margin-top: 24px;
  width: 75%;
  height: auto;
}

/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (max-width: 460px) {
  .forum-post-header {
    display: none;
  }
  .forum-post .forum-post-content {
    display: block;
  }
  .forum-post .forum-post-content .forum-post-user,
  .forum-post .forum-post-content .forum-post-info {
    width: 100%;
  }
  .forum-post .forum-post-actions .forum-post-action {
    margin-right: 16px;
  }
  .forum-post .forum-post-actions .forum-post-action:last-child {
    margin-right: 0;
  }
  .forum-post .forum-post-user {
    -ms-flex-align: start;
        align-items: flex-start;
    padding-left: 28px;
  }
  .forum-post .forum-post-user .user-avatar,
  .forum-post .forum-post-user .user-avatar-circle {
    display: none;
  }
  .forum-post .forum-post-user .user-avatar.small,
  .forum-post .forum-post-user .user-avatar-circle.small {
    display: block;
  }
  .forum-post .forum-post-info {
    padding-left: 28px;
  }
}

/*------------------------------------------------------------------
[Table of contents]

1. .slider-panel
2. .roster-pictures
3. .roster-picture
-------------------------------------------------------------------*/
/*----------------------
    1. SLIDER PANEL
----------------------*/
.slider-panel .slider-panel-slide {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

.slider-panel .slider-panel-slide-image {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  position: absolute;
  top: 0;
  left: 0;
}

.slider-panel .slider-panel-roster {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 100px;
  margin-top: 16px;
  padding: 0 46px 0 74px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
  position: relative;
}

.slider-panel .slider-panel-roster .slider-controls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 12px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.slider-panel .slider-panel-roster .slider-controls::before, .slider-panel .slider-panel-roster .slider-controls::after {
  content: '';
  width: 1px;
  height: 20px;
  background-color: var(--color-divider);
  position: absolute;
  top: 40px;
}

.slider-panel .slider-panel-roster .slider-controls::before {
  left: 46px;
}

.slider-panel .slider-panel-roster .slider-controls::after {
  display: none;
  right: 46px;
}

.slider-panel .slider-panel-roster .button {
  width: 180px;
  margin-right: 28px;
  position: relative;
  z-index: 2;
}

.slider-panel .slider-panel-roster .roster-pictures {
  position: relative;
  z-index: 2;
}

/*------------------------
    2. ROSTER PICTURES
------------------------*/
.roster-pictures {
  display: -ms-flexbox;
  display: flex;
  padding: 0 22px;
  position: relative;
}

.roster-pictures::before, .roster-pictures::after {
  content: '';
  width: 1px;
  height: 20px;
  background-color: var(--color-divider);
  position: absolute;
  top: 14px;
}

.roster-pictures::before {
  left: 0;
}

.roster-pictures::after {
  right: 0;
}

.roster-pictures .roster-picture {
  margin-right: 28px;
}

.roster-pictures .roster-picture:last-child {
  margin-right: 0;
}

/*------------------------
    3. ROSTER PICTURE
------------------------*/
.roster-picture {
  width: 48px;
  height: 48px;
  cursor: pointer;
  position: relative;
}

.roster-picture.tns-nav-active::before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 12px;
  border: 4px solid var(--color-secondary);
  position: absolute;
  top: 0;
  left: 0;
}

.roster-picture .roster-picture-image {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}

/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (max-width: 1365px) {
  .slider-panel .slider-panel-roster {
    -ms-flex-pack: center;
        justify-content: center;
  }
  .slider-panel .slider-panel-roster .roster-pictures {
    display: none;
  }
  .slider-panel .slider-panel-roster .slider-controls::after {
    display: block;
  }
}

/*------------------------------------------------------------------
[Table of contents]

1. .chart-wrap
2. .chart
-------------------------------------------------------------------*/
/*----------------------
    1. CHART WRAP
----------------------*/
.chart-wrap {
  width: 100%;
  height: 360px;
}

.chart-wrap.small {
  height: 210px;
}

/*---------------
    2. CHART
---------------*/
.chart {
  width: 100%;
  height: 100%;
  position: relative;
}

.demo-box {
  padding: 48px 28px 32px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
  position: relative;
}

.demo-box::before {
  content: '';
  width: 100%;
  height: 48px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-color: var(--color-secondary);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.demo-box:nth-child(2n+2)::before {
  background-color: var(--color-primary);
}

.demo-box .demo-box-icon-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: var(--color-box-background);
  margin: -26px auto 0;
  position: relative;
  z-index: 2;
}

.demo-box .demo-box-icon-wrap .demo-box-icon {
  fill: var(--color-icon-highlighted);
}

.demo-box .demo-box-title,
.demo-box .demo-box-text {
  text-align: center;
}

.demo-box .demo-box-title {
  margin-top: 8px;
  font-size: 1rem;
  font-weight: 700;
}

.demo-box .demo-box-text {
  margin-top: 4px;
  font-size: 0.75rem;
  font-weight: 500;
}

.demo-box .button {
  margin-top: 36px;
  overflow: hidden;
  position: relative;
}

.demo-box .button .active-text,
.demo-box .button .inactive-text {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

.demo-box .button .active-text {
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%);
}

.demo-box .button.active {
  background-color: var(--color-primary);
}

.demo-box .button.active .inactive-text {
  -webkit-transform: translate(0, -100%);
          transform: translate(0, -100%);
}

.demo-box .button.active .active-text {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

/*-------------
    PLUGIN
-------------*/
.tab-container .tab-item {
  display: none;
}

.tab-container .tab-item:first-child {
  display: block;
}

.xm-popup_container {
  width: 90%;
  max-width: 900px;
  position: relative;
}

.xm-popup_container.xm-popup_container-gallery {
  width: auto;
}

.xm-popup_overlay {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 100%;
  background-color: var(--color-overlay);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  overflow: hidden auto;
}

.xm-popup_overlay.xm-popup_overlay-premade {
  display: block;
}

.xm-popup_overlay.xm-popup_overlay-premade .xm-popup_container {
  margin: auto;
}

.xm-popup_gallery-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.xm-popup_gallery-image {
  max-width: 100%;
  height: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.xm-popup_button-next,
.xm-popup_button-previous {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 60px;
  height: 100%;
  position: absolute;
  top: 0;
  cursor: pointer;
}

.xm-popup_button-next {
  right: 0;
}

.xm-popup_button-previous {
  left: 0;
}

.xm-popup_button-next-icon,
.xm-popup_button-previous-icon {
  fill: #fff;
  width: 8px;
  height: 12px;
}

.xm-popup_button-previous-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.xm-popup_iframe-container {
  padding-top: 56.25%;
  background-color: black;
  position: relative;
}

.xm-popup_iframe-container iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.xm-popup_close-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background-color: var(--color-secondary-dark);
  cursor: pointer;
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 2;
  transition: background-color .2s ease-in-out;
}

.xm-popup_close-button:hover {
  background-color: var(--color-primary);
}

.xm-popup_close-button-icon {
  fill: #fff;
  width: 12px;
  height: 12px;
  pointer-events: none;
}

@media screen and (max-width: 980px) {
  .xm-popup_container.xm-popup_container-gallery {
    max-width: 80%;
  }
}

@media screen and (max-width: 680px) {
  .xm-popup_container {
    width: 85%;
  }
}

.xm-popup_container.reaction-box-popup {
  max-width: 484px;
}

.xm-popup_container.group-manage-popup {
  max-width: 984px;
}

.xm-popup_container.share-box-popup, .xm-popup_container.upload-box-popup {
  max-width: 584px;
}

.xm-popup_container.activity-media-popup {
  max-width: 100%;
  height: 100%;
  max-height: 80%;
}

.xm-popup_container.message-box-popup {
  max-width: 416px;
}

.xm-popup_container.form-popup {
  max-width: 484px;
}

.xm-popup_container.form-popup .form-box {
  width: 100%;
}

.activity :is(.bp-verified-badge, .bp-unverified-badge) {
  margin-right: 0;
}

.author-preview-title :is(.bp-verified-badge, .bp-unverified-badge),
.author-preview-text :is(.bp-verified-badge, .bp-unverified-badge),
.user-status-title.medium :is(.bp-verified-badge, .bp-unverified-badge),
.user-preview.small .user-short-description-title :is(.bp-verified-badge, .bp-unverified-badge),
.user-preview.small .user-short-description-text :is(.bp-verified-badge, .bp-unverified-badge),
.vikinger-forum-reply-author-title :is(.bp-verified-badge, .bp-unverified-badge),
.vikinger-forum-reply-author-text :is(.bp-verified-badge, .bp-unverified-badge),
.navigation-widget .user-short-description-title :is(.bp-verified-badge, .bp-unverified-badge),
.navigation-widget .user-short-description-text :is(.bp-verified-badge, .bp-unverified-badge),
.user-preview-widget .user-short-description-title :is(.bp-verified-badge, .bp-unverified-badge),
.user-preview-widget .user-short-description-text :is(.bp-verified-badge, .bp-unverified-badge) {
  width: 16px;
  height: 16px;
  background-size: 6px 6px;
}

.post-comment-text :is(.bp-verified-badge, .bp-unverified-badge),
.user-status-title :is(.bp-verified-badge, .bp-unverified-badge),
.user-status-text :is(.bp-verified-badge, .bp-unverified-badge),
.navigation-widget-info-title :is(.bp-verified-badge, .bp-unverified-badge),
.user-preview.landscape .user-short-description-title :is(.bp-verified-badge, .bp-unverified-badge),
.user-preview.landscape .user-short-description-text :is(.bp-verified-badge, .bp-unverified-badge),
.bbp-forum-description-author-title :is(.bp-verified-badge, .bp-unverified-badge),
.forum-topic-meta-author-title :is(.bp-verified-badge, .bp-unverified-badge),
.user-preview-author-text :is(.bp-verified-badge, .bp-unverified-badge),
.woocommerce-review__author :is(.bp-verified-badge, .bp-unverified-badge) {
  width: 14px;
  height: 14px;
  background-size: 6px 6px;
}

.post-comment-text :is(.bp-verified-badge, .bp-unverified-badge) {
  margin-left: -2px;
}

.theme-vikinger {
  --main-bm-color: var(--color-text-rgb);

  --bm-text-color: var(--color-text-rgb);
  --bm-placeholder: var(--color-text-rgb);

  --bm-bg-color: var(--color-box-background-rgb);
  --bm-bg-secondary: var(--color-box-background-alt-rgb);

  --bm-border-color: var(--color-divider-rgb);
  --bm-border-secondary-color: var(--color-divider-rgb);

  --bm-hover-bg: var(--color-box-hover-background-rgb);

  --bm-mention-bg: var(--color-box-hover-background-rgb);
  --bm-mention-color: var(--color-text-rgb);

  --bm-sticky-date-bg: #3e3f5e;
  --bm-sticky-date-color: #ffffff;

  --bm-tooltip-bg: 62, 63, 94;
  --bm-tooltip-color: 255, 255, 255;

  --left-message-nickname-color: var(--color-text-rgb);
  --left-message-text-color: var(--color-text-rgb);
  --left-message-bg-color: var(--color-box-hover-background-rgb);

  --right-message-nickname-color: var(--color-text-rgb);
  --right-message-text-color: 255, 255, 255;
  --right-message-bg-color: var(--color-secondary-rgb);
}

.bp-messages-wrap .threads-list .thread .unread-count {
  color: #ffffff;
  background: var(--color-secondary);
}

.bm-tooltip,
.bp-messages-wrap .bm-messages-list .bm-list .bm-sticky-date,
.bp-messages-wrap .bm-messages-list .bm-list .bm-conversation-start {
  opacity: 1;
}

.bp-messages-wrap button {
  color: var(--color-text) !important;
  background: var(--color-box-background) !important;
}

.contexify_item:not(.contexify_item-disabled):hover>.contexify_itemContent, .contexify_item:not(.contexify_item-disabled):focus>.contexify_itemContent {
  color: var(--color-text);
  background-color: var(--color-box-hover-background);
}

/*****************************/
.pmpro,
.pmpro .pmpro_card_title {
  color: var(--color-text);
}

.pmpro :is(.pmpro_message, .pmpro_card) {
  box-shadow: var(--color-box-shadow);
}

.pmpro .pmpro_card {
  background-color: var(--color-box-background);
  border-color: var(--color-border);
}

#pmpro_login .pmpro_actions_nav {
  margin-top: 0;
}

.pmpro :is(.pmpro_form_field-password-toggle button, .pmpro_form_field-password-toggle button:hover, .pmpro_form_field-password-toggle button:focus, .pmpro_form_field-password-toggle button:active) {
  color: var(--color-text);
}

.pmpro .pmpro_section #loginform .login-submit .button,
.pmpro .pmpro_btn {
  color: #fff;
  background-color: var(--color-secondary);
  border: none;
  box-shadow: var(--color-secondary-shadow);
  transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out;
}

.pmpro .pmpro_section #loginform .login-submit .button:hover,
.pmpro .pmpro_section #loginform .login-submit .button:focus,
.pmpro .pmpro_btn:hover,
.pmpro .pmpro_btn:focus {
  color: #fff;
  background-color: var(--color-secondary-hover);
}

.pmpro .pmpro_section #loginform .input,
.pmpro .pmpro_form_input {
  background-color: var(--color-box-background);
  border: 1px solid var(--color-border);
  color: var(--color-text);
  transition: border-color .2s ease-in-out;
}

.pmpro :is(.pmpro_form_input-text:focus, .pmpro_form_input-email:focus, .pmpro_form_input-url:focus, .pmpro_form_input-password:focus, .pmpro_form_input-search:focus, .pmpro_form_input-select:focus, .pmpro_form_input-checkbox:focus, .pmpro_form_input-radio:focus, .pmpro_form_input-multiselect:focus, .pmpro_form_input-number:focus, .pmpro_form_input-file:focus, .pmpro_form_input-date:focus, .pmpro_form_input-textarea:focus,
.pmpro_section #loginform .input:focus) {
  background-color: var(--color-box-background);
  border-color: var(--color-secondary);
  box-shadow: none;
}

.pmpro .pmpro_card_actions {
  background-color: var(--color-box-background-alt);
  border-color: var(--color-border);
}

.pmpro .pmpro_card_content + .pmpro_card_actions {
  border-color: var(--color-border);
}

.pmpro .pmpro_btn-print,
.pmpro .pmpro_btn-print:hover,
.pmpro .pmpro_btn-print:focus {
  color: var(--color-secondary-dark);
}

.pmpro .pmpro_table {
  background-color: var(--color-box-background);
}

.pmpro .pmpro_table :is(thead th, tbody th, tbody td, tfoot td) {
  background-color: var(--color-box-background);
  border-color: var(--color-border);
}

/*************************************************/

.section-banner + .vikinger-pmpro-page-wrap {
  margin-top: 64px;
}

.section-header + .pmpro,
.section-header + #pmpro_account,
.section-header + .pmpro_invoice_wrap,
.section-header + .pmpro_billing_wrap {
  margin-top: 32px;
}

.section-header + .pmpro .pmpro_font-x-large {
  font-size: 1.5em;
}

.grid + .membership-group-details_title {
  margin-top: 32px;
}

.membership-group-details_text {
  margin-top: 18px;
  color: var(--color-text-alt);
  font-weight: 500;
}

.pmpro_content_message {
  padding: 32px 28px;
  border-radius: 12px;
  background-color: var(--color-secondary);
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1em;
  text-align: center;
  box-shadow: var(--color-box-shadow);
}

.pmpro_content_message .pmpro_content_message_title {
  margin-bottom: 12px;
  color: #fff;
  font-size: 1.125rem;
}

.pmpro_content_message .pmpro_content_message_content {
  font-weight: 500;
}

.pmpro_content_message a,
.pmpro_content_message a:link {
  height: 48px;
  margin: 16px 0 0;
  padding: 0 40px;
  border-radius: 10px;
  border: none;
  background-color: #3e3f5e;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  line-height: 48px;
  cursor: pointer;
  transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out;
}

.pmpro_content_message a:hover,
.pmpro_content_message a:link:hover {
  color: #fff;
  background-color: #2e2e47;
}

.pmpro_content_message a:nth-child(2),
.pmpro_content_message a:link:nth-child(2) {
  background-color: var(--color-primary);
  box-shadow: var(--color-primary-shadow);
}

.pmpro_content_message a:nth-child(2):hover,
.pmpro_content_message a:link:nth-child(2):hover {
  background-color: var(--color-primary-hover);
}

.pmpro_content_message a + a,
.pmpro_content_message a + a:link,
.pmpro_content_message a:link + a,
.pmpro_content_message a:link + a:link {
  margin-left: 12px;
}

.vikinger-pmpro-page-wrap .vikinger-pmpro-page-title {
  margin-bottom: 32px;
  font-size: 2em;
}

.membership-preview {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 32px 40px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.membership-preview .membership-preview-price {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 3rem;
  font-weight: 700;
}

.membership-preview .membership-preview-price .membership-preview-price-currency {
  color: var(--color-primary);
  font-size: 1.75rem;
}

.membership-preview .membership-preview-name {
  margin-top: 18px;
  font-size: 2rem;
  font-weight: 700;
}

.membership-preview .membership-preview-period,
.membership-preview .membership-preview-description {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.7142857143em;
}

.membership-preview .membership-preview-period {
  margin-top: 12px;
}

.membership-preview .membership-preview-description {
  margin-top: 20px;
  color: var(--color-text);
}

.membership-preview .membership-preview-description blockquote,
.membership-preview .membership-preview-description ul, .membership-preview .membership-preview-description ol {
  margin-top: 20px;
  padding-left: 20px;
}

.membership-preview .membership-preview-description a {
  color: var(--color-primary);
  font-weight: 700;
}

.membership-preview .membership-preview-description ul ul, .membership-preview .membership-preview-description ul ol, .membership-preview .membership-preview-description ol ul, .membership-preview .membership-preview-description ol ol {
  padding-left: 0;
  margin: 12px;
}

.membership-preview .membership-preview-description ul li, .membership-preview .membership-preview-description ol li {
  margin-bottom: 12px;
  display: list-item;
}

.membership-preview .membership-preview-description ul li:last-child, .membership-preview .membership-preview-description ol li:last-child {
  margin-bottom: 0;
}

.membership-preview .membership-preview-description ul {
  list-style: disc;
}

.membership-preview .membership-preview-description ul ul {
  list-style: circle;
}

.membership-preview .membership-preview-description ul ol {
  list-style: lower-alpha;
}

.membership-preview .membership-preview-description ol {
  list-style: decimal;
}

.membership-preview .membership-preview-description ol ul {
  list-style: circle;
}

.membership-preview .membership-preview-description ol ol {
  list-style: lower-alpha;
}

.membership-preview .membership-preview-button,
.membership-preview .membership-preview-notice {
  margin-top: 46px;
}

.membership-preview .membership-preview-notice {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 48px;
  border-radius: 200px;
  background-color: var(--color-box-over-box-light-background);
  font-size: 0.875rem;
  font-weight: 700;
  box-shadow: var(--color-overbox-shadow);
}

.pmpro_actions_nav {
  margin-top: 32px;
  overflow: hidden;
}

.pmpro_actions_nav a {
  font-size: 0.875rem;
  font-weight: 700;
}

#pmpro_account .pmpro_box,
.pmpro_box,
.pmpro_invoice_wrap,
.pmpro_billing_wrap,
.pmpro_checkout,
.pmpro_cancel_wrap,
.pmpro_confirmation_wrap {
  margin: 0;
  padding: 32px 28px;
  border-radius: 12px;
  border-top: none;
  background-color: var(--color-box-background);
  font-size: 0.875rem;
  font-weight: 500;
  box-shadow: var(--color-box-shadow);
}

#pmpro_account .pmpro_box h3,
.pmpro_box h3,
.pmpro_invoice_wrap h3,
.pmpro_billing_wrap h3,
.pmpro_checkout h3,
.pmpro_cancel_wrap h3,
.pmpro_confirmation_wrap h3 {
  margin-bottom: 32px;
  font-size: 1rem;
}

#pmpro_account .pmpro_box p,
.pmpro_box p,
.pmpro_invoice_wrap p,
.pmpro_billing_wrap p,
.pmpro_checkout p,
.pmpro_cancel_wrap p,
.pmpro_confirmation_wrap p {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.7142857143em;
}

#pmpro_account .pmpro_box .pmpro_table p,
.pmpro_box .pmpro_table p,
.pmpro_invoice_wrap .pmpro_table p,
.pmpro_billing_wrap .pmpro_table p,
.pmpro_checkout .pmpro_table p,
.pmpro_cancel_wrap .pmpro_table p,
.pmpro_confirmation_wrap .pmpro_table p {
  line-height: 1em;
}

#pmpro_account .pmpro_box a,
.pmpro_box a,
.pmpro_invoice_wrap a,
.pmpro_billing_wrap a,
.pmpro_checkout a,
.pmpro_cancel_wrap a,
.pmpro_confirmation_wrap a {
  color: var(--color-primary);
  font-size: 0.875rem;
  font-weight: 700;
}

#pmpro_account .pmpro_box a.pmpro_a-print,
.pmpro_box a.pmpro_a-print,
.pmpro_invoice_wrap a.pmpro_a-print,
.pmpro_billing_wrap a.pmpro_a-print,
.pmpro_checkout a.pmpro_a-print,
.pmpro_cancel_wrap a.pmpro_a-print,
.pmpro_confirmation_wrap a.pmpro_a-print {
  font-size: 0.75rem;
  font-weight: 500;
}

#pmpro_account .pmpro_box ul,
.pmpro_box ul,
.pmpro_invoice_wrap ul,
.pmpro_billing_wrap ul,
.pmpro_checkout ul,
.pmpro_cancel_wrap ul,
.pmpro_confirmation_wrap ul {
  margin: 6px 0 28px;
}

#pmpro_account .pmpro_box ul li,
.pmpro_box ul li,
.pmpro_invoice_wrap ul li,
.pmpro_billing_wrap ul li,
.pmpro_checkout ul li,
.pmpro_cancel_wrap ul li,
.pmpro_confirmation_wrap ul li {
  margin-bottom: 4px;
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 700;
}

#pmpro_account .pmpro_box ul li strong,
.pmpro_box ul li strong,
.pmpro_invoice_wrap ul li strong,
.pmpro_billing_wrap ul li strong,
.pmpro_checkout ul li strong,
.pmpro_cancel_wrap ul li strong,
.pmpro_confirmation_wrap ul li strong {
  font-weight: 500;
}

#pmpro_account .pmpro_box ul li:last-child,
.pmpro_box ul li:last-child,
.pmpro_invoice_wrap ul li:last-child,
.pmpro_billing_wrap ul li:last-child,
.pmpro_checkout ul li:last-child,
.pmpro_cancel_wrap ul li:last-child,
.pmpro_confirmation_wrap ul li:last-child {
  margin-bottom: 0;
}

#pmpro_account .pmpro_box + .pmpro_box,
.pmpro_box + .pmpro_box,
.pmpro_invoice_wrap + .pmpro_box,
.pmpro_billing_wrap + .pmpro_box,
.pmpro_checkout + .pmpro_box,
.pmpro_cancel_wrap + .pmpro_box,
.pmpro_confirmation_wrap + .pmpro_box {
  margin-top: 16px;
}

.pmpro_billing_wrap .pmpro_checkout {
  margin: 32px 0;
  padding: 0;
  box-shadow: none;
}

#pmpro_account #pmpro_account-profile .pmpro_actionlinks {
  margin-top: 0;
}

.pmpro_invoice_wrap .pmpro_actions_nav {
  margin-top: 32px;
}

.pmpro_invoice_wrap > ul {
  margin-bottom: 0;
}

.pmpro_invoice_details {
  color: var(--color-text);
  font-size: 0.875rem;
}

.pmpro_invoice_details p {
  font-weight: 500;
}

.pmpro_invoice_details > div {
  margin-top: 32px;
}

.pmpro_table {
  color: var(--color-text);
  font-size: 0.875rem;
}

.pmpro_table p {
  line-height: 1em;
}

.pmpro_table a {
  color: var(--color-primary);
  font-weight: 700;
}

.pmpro_table thead tr th {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--color-divider);
  font-size: 0.75rem;
  text-transform: uppercase;
  text-align: left;
}

.pmpro_table tbody {
  vertical-align: top;
}

.pmpro_table tbody tr td {
  padding: 8px 0;
  font-weight: 700;
}

.pmpro_actionlinks {
  font-size: 0.875rem;
  font-weight: 700;
}

.pmpro_actionlinks a {
  color: var(--color-primary);
}

.pmpro_actionlinks a.pmpro_btn {
  color: #fff;
}

.pmpro_message {
  padding: 20px 28px;
  border: 2px solid var(--color-secondary);
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
  border-radius: 12px;
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 2em;
}

.pmpro_message.pmpro_alert {
  border: 2px solid var(--color-primary);
}

.pmpro_message a {
  color: var(--color-text);
  font-weight: 700;
  text-decoration: none;
}

.pmpro_message a:hover {
  color: var(--color-primary);
}

.pmpro_checkout {
  margin: 32px 0;
}

.pmpro_checkout .pmpro_checkout-h3-msg a {
  color: var(--color-primary);
  font-size: 0.875rem;
  font-weight: 700;
}

.pmpro_checkout .pmpro_checkout-fields {
  color: var(--color-text);
  font-size: 0.875rem;
  line-height: 2em;
}

#pmpro_form .pmpro_checkout h3 {
  margin: 0 0 28px;
}

#pmpro_form .pmpro_checkout h3 .pmpro_checkout-h3-name {
  margin: 0;
}

#pmpro_form .pmpro_checkout h3 .pmpro_checkout-h3-msg {
  font-size: 0.75rem;
  font-weight: 500;
}

#pmpro_form #pmpro_pricing_fields .pmpro_checkout-fields {
  font-weight: 500;
}

#pmpro_form #pmpro_pricing_fields p {
  font-weight: 500;
}

form.pmpro_form .pmpro_checkout-fields div {
  margin: 0;
}

form.pmpro_form .pmpro_checkout-fields .pmpro_checkout-field {
  margin-bottom: 28px;
}

form.pmpro_form .pmpro_checkout-fields .pmpro_checkout-field:last-child {
  margin-bottom: 0;
}

form.pmpro_form label {
  margin-bottom: 12px;
  font-weight: 500;
}

form.pmpro_form input[type="text"],
form.pmpro_form input[type="email"],
form.pmpro_form select {
  height: 48px;
  font-size: 0.875rem;
}

form.pmpro_form select {
  padding: 0 48px 0px 18px;
  cursor: pointer;
  background: url("img/form/select-arrow.png") no-repeat right 20px top 20px;
}

form.pmpro_form .pmpro_asterisk {
  color: var(--color-secondary);
  font-weight: 700;
}

form.pmpro_form .pmpro_payment-expiration select:nth-child(2) {
  margin-bottom: 12px;
}

form.pmpro_form #pmpro_processing_message {
  margin: 32px 0 0;
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 700;
}

#loginform p.login-submit {
  margin-top: 32px;
}

.page-open-content .pmpro_login_wrap #loginform label {
  margin-bottom: 8px;
}

.page-open-content .pmpro_login_wrap #loginform input[type="text"],
.page-open-content .pmpro_login_wrap #loginform input[type="password"] {
  max-width: 100%;
}

.page-open-content .pmpro_login_wrap hr:not(.wp-block-separator) {
  width: 100%;
  height: 1px;
  background-color: var(--color-divider);
}

.login-submit input[type="submit"] {
  height: 48px;
  padding: 0 40px;
  border-radius: 10px;
  border: none;
  background-color: var(--color-primary);
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  line-height: 48px;
  cursor: pointer;
  transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out;
  box-shadow: var(--color-primary-shadow);
}

.login-submit input[type="submit"]:hover {
  background-color: var(--color-primary-hover);
}

.pmpro_btn,
.pmpro_btn:link {
  height: 48px;
  padding: 0 40px;
  border-radius: 10px;
  border: none;
  background-color: var(--color-primary);
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  line-height: 48px;
  cursor: pointer;
  transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out;
  box-shadow: var(--color-primary-shadow);
}

.pmpro_btn.pmpro_btn-cancel, .pmpro_btn.pmpro_btn-cancel:link,
.pmpro_btn:link.pmpro_btn-cancel,
.pmpro_btn:link.pmpro_btn-cancel:link {
  color: #fff;
  text-decoration: none;
  background-color: #3e3f5e;
  box-shadow: 3px 5px 10px 0 rgba(62, 63, 94, 0.2);
}

.pmpro_btn.pmpro_btn-cancel:hover, .pmpro_btn.pmpro_btn-cancel:link:hover,
.pmpro_btn:link.pmpro_btn-cancel:hover,
.pmpro_btn:link.pmpro_btn-cancel:link:hover {
  color: #fff;
  background-color: #2e2e47;
  text-decoration: none;
}

.pmpro_btn:hover,
.pmpro_btn:link:hover {
  background-color: var(--color-primary-hover);
}

.pmpro_btn:focus,
.pmpro_btn:link:focus {
  outline: none;
}

.pmpro_btn.pmpro_btn-submit-checkout,
.pmpro_btn:link.pmpro_btn-submit-checkout {
  width: 100%;
  margin-top: 32px;
}

.pmpro_btn + .pmpro_btn,
.pmpro_btn:link + .pmpro_btn {
  margin-left: 8px;
}

#pmpro_message_bottom {
  margin: 0;
}

.pmpro_error {
  background-color: var(--color-box-background);
  border-color: var(--color-tertiary);
  color: var(--color-text);
}

input[type="text"].pmpro_error,
input[type="email"].pmpro_error,
input[type="url"].pmpro_error,
input[type="password"].pmpro_error,
input[type="number"].pmpro_error,
input[type="tel"].pmpro_error,
input[type="range"].pmpro_error,
input[type="date"].pmpro_error,
input[type="month"].pmpro_error,
input[type="week"].pmpro_error,
input[type="time"].pmpro_error,
input[type="datetime"].pmpro_error,
input[type="datetime-local"].pmpro_error,
input[type="color"].pmpro_error,
textarea.pmpro_error {
  background-color: transparent;
  border-color: var(--color-tertiary);
  color: var(--color-text);
}

.pmpro_cancel_wrap .pmpro_actionlinks,
.pmpro_cancel_wrap .pmpro_cancel_return_home {
  margin-top: 32px;
}

.pmpro_cancel_wrap .pmpro_message {
  margin: 0;
}

.pmpro_confirmation_wrap {
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 2em;
}

.pmpro_confirmation_wrap blockquote,
.pmpro_confirmation_wrap ul, .pmpro_confirmation_wrap ol {
  padding-left: 20px;
}

.pmpro_confirmation_wrap a {
  color: var(--color-primary);
  font-weight: 700;
}

.pmpro_confirmation_wrap ul ul, .pmpro_confirmation_wrap ul ol, .pmpro_confirmation_wrap ol ul, .pmpro_confirmation_wrap ol ol {
  padding-left: 0;
  margin: 12px;
}

.pmpro_confirmation_wrap ul li, .pmpro_confirmation_wrap ol li {
  margin-bottom: 12px;
  display: list-item;
}

.pmpro_confirmation_wrap ul li:last-child, .pmpro_confirmation_wrap ol li:last-child {
  margin-bottom: 0;
}

.pmpro_confirmation_wrap ul {
  list-style: disc;
}

.pmpro_confirmation_wrap ul ul {
  list-style: circle;
}

.pmpro_confirmation_wrap ul ol {
  list-style: lower-alpha;
}

.pmpro_confirmation_wrap ol {
  list-style: decimal;
}

.pmpro_confirmation_wrap ol ul {
  list-style: circle;
}

.pmpro_confirmation_wrap ol ol {
  list-style: lower-alpha;
}

.pmpro_confirmation_wrap h3 {
  margin: 32px 0 20px;
}

.pmpro_confirmation_wrap ul {
  margin-top: 12px;
}

.pmpro_price_part_label::after,
.pmpro_invoice-field-billing_city::after {
  display: inline;
}

.pmpro_price_part-total {
  margin-top: 4;
  padding-top: 12px;
  border-top: 1px solid var(--color-border);
}

/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (max-width: 1365px) {
  .section-banner + .vikinger-pmpro-page-wrap {
    margin-top: 32px;
  }
  .vikinger-pmpro-page-wrap .section-header:first-child {
    margin-top: 60px;
  }
}

@media screen and (max-width: 768px) {
  .page-open-content .pmpro_login_wrap form#loginform input[type="text"].input,
  .page-open-content .pmpro_login_wrap form#loginform input[type="password"].input {
    width: 100%;
  }
  form.pmpro_form .pmpro_submit .pmpro_btn,
  form.pmpro_form .pmpro_submit .pmpro_btn:link {
    display: block;
    width: 100%;
  }
  form.pmpro_form .pmpro_submit .pmpro_btn + .pmpro_btn,
  form.pmpro_form .pmpro_submit .pmpro_btn:link + .pmpro_btn {
    margin: 12px 0 0;
  }
  .pmpro_cancel_wrap .pmpro_actionlinks .pmpro_btn,
  .pmpro_cancel_wrap .pmpro_actionlinks .pmpro_btn:link {
    display: block;
    width: 100%;
  }
  .pmpro_cancel_wrap .pmpro_actionlinks .pmpro_btn + .pmpro_btn,
  .pmpro_cancel_wrap .pmpro_actionlinks .pmpro_btn:link + .pmpro_btn {
    margin: 12px 0 0;
  }
}

.pmpro_bbp_membership_msg {
  margin: 32px 0;
  padding: 32px 28px;
  border-radius: 12px;
  background-color: var(--color-secondary);
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1em;
  text-align: center;
  box-shadow: var(--color-box-shadow);
}

.vikinger-pmpro-level-tag {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.vikinger-pmpro-level-tag.vikinger-pmpro-level-tag_small .vikinger-pmpro-level-tag-text {
  padding-top: 5px;
  font-size: 0.6875rem;
}

.vikinger-pmpro-level-tag .vikinger-pmpro-level-tag-text {
  padding: 4px 8px;
  border-radius: 200px;
  background-color: var(--color-secondary);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
}

/*-------------
    LAYOUT
-------------*/
/*------------------------------------------------------------------
[Table of contents]

1. .header
2. .sidemenu-trigger
3. .floaty-bar
-------------------------------------------------------------------*/
/*-----------------
    1. HEADER
-----------------*/
.header {
  display: -ms-flexbox;
  display: flex;
border-radius: 10px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
    max-width: 1400px;
    margin: 0 auto;
  height: 80px;
  background-color: #ffffff;
  position: sticky;
  top: 0;
  z-index: 3;
  transition: transform .15s ease-out;
}

.header.header--hidden {
  transform: translateY(-100%);
}

.header .logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
margin-left: 25px;
}

.header .logo.logo-encased {
  background-color: var(--color-header-logo-background);
}

.header .header-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.header .header-actions.header-actions-full {
  height: 100%;
}

.header .header-actions.search-bar {
    width: 30%;
    margin-right: 26px;
    margin-left: auto;
}

.header .header-actions.search-bar #vk-search-form,
.header .header-actions.search-bar .header-search-dropdown {
  width: 100%;
  height: 100%;
}

.header .header-actions.search-bar .search-form-wrap {
  width: 100%;
  height: 100%;
}

.header .header-actions.search-bar .search-form-wrap .dropdown-box {
  width: 100%;
  padding-bottom: 0;
}

.header .header-actions.search-bar .search-form-wrap .dropdown-box .loader-spinner-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.header .header-actions .navigation {
  margin-right: 16px;
margin-left: 85px;
}

.header .header-actions .progress-stat {
  width: 110px;
  margin-right: 36px;
}

.header .header-actions .login-button,
.header .header-actions .register-button {
  padding: 0 26px;
  margin-right: 12px;
}

.header .header-actions .login-button:last-child,
.header .header-actions .register-button:last-child {
  margin-right: 28px;
}

.header .header-actions .login-form {
  margin: 0 14px 0 12px;
}

.header .header-actions .login-form .button {
  width: 52px;
  height: 52px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.header .header-actions .point-item-list {
  margin-right: 26px;
}

.header .header-brand {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.header .header-brand .header-brand-text {
  color: var(--color-header-text);
  font-family: var(--font-secondary);
  font-size: 1.25rem;
  font-weight: 900;
  text-transform: uppercase;
}

.header .header-brand .header-brand-text:first-child {
  margin-left: 20px;
}

.header .sidemenu-trigger,
.header .mobilemenu-trigger {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 80px;
  height: 80px;
  cursor: pointer;
}

.header .sidemenu-trigger.active .icon-grid, .header .sidemenu-trigger:hover .icon-grid {
  fill: var(--color-header-icon-hover);
}

.header .sidemenu-trigger .icon-grid {
  pointer-events: none;
  transition: fill .3s ease-in-out;
}

.header .mobilemenu-trigger {
  display: none;
}

.header .mobilemenu-trigger .burger-icon .burger-icon-bar {
  background-color: #000000;
}

.header .input-search {
  width: 100%;
}

.header .action-list {
  height: 80px;
}

.header .action-list.action-list-small {
  height: 60px;
}

.header .action-list.action-list-small::before, .header .action-list.action-list-small::after {
  display: none;
}

.header .action-list.action-list-small .action-list-item.unread::after {
  top: 16px;
}

.header .action-list.action-list-mobile {
  padding: 0;
  display: none;
}

.header .action-list::before, .header .action-list::after {
  top: 24px;
}

.header .action-item-wrap {
  margin-left: 18px;
}

.header .action-item-wrap:last-child {
  margin-right: 18px;
}

.header .action-item-wrap + .action-item-wrap {
  margin: 0 18px 0 0;
}

.header .action-item {
  height: 80px;
  padding: 0 14px;
}

.header .progress-stat .bar-progress-wrap .bar-progress-info {
  color: var(--color-header-text);
}

.header .point-item .point-item-text {
  color: var(--color-header-text);
}

/*--------------------------
    2. SIDEMENU TRIGGER
--------------------------*/
.sidemenu-trigger .icon-grid {
  fill: var(--color-header-icon);
}

.sidemenu-trigger.active .icon-grid {
  fill: var(--color-icon-highlighted);
}

/*---------------------
    3. FLOATY BAR
---------------------*/
.floaty-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 60px;
  background-color: var(--color-header-background);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10000;
  display: none;
}

.floaty-bar .login-button {
  padding: 0 26px;
}

/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (max-width: 1500px) {
  .header .header-brand .header-brand-text {
    display: none;
  }
}

@media screen and (max-width: 1365px) {
  .header.logged-out .header-actions .mobilemenu-trigger {
    display: -ms-flexbox;
    display: flex;
  }
  .header .header-actions .sidemenu-trigger,
  .header .header-actions .navigation,
  .header .header-actions .point-item-list {
    display: none;
  }
  .header .header-actions:last-child .action-item-wrap {
    display: none;
  }
  .header .header-actions #header-notifications .action-list::before {
    display: none;
  }
  .header .header-actions .mobilemenu-trigger {
    display: -ms-flexbox;
    display: flex;
  }
  .header .header-actions.search-bar {
    width: 50%;
  }
  .header .header-actions .progress-stat {
    margin-right: 26px;
  }
}

@media screen and (max-width: 960px) {
  .header {
    height: 60px;
  }

.header .header-actions.header-actions-full {
width: 100%;
    justify-content: space-between;
}
  .header.logged-out .header-actions:nth-last-child(2) {
    display: block;
  }
  /* .header.logged-out .header-actions:last-child {
    display: none;
  } */
  .header.logged-out .header-actions .navigation {
    display: none;
  }
  .header .action-list.action-list-mobile {
    display: -ms-flexbox;
    display: flex;
  }
  /* .header .header-actions:last-child {
    display: none;
  } */
  .header .header-actions .header-brand .logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    width: 260px;
    margin-left: 0;
  }
  .header .header-actions .mobilemenu-trigger {
    width: 60px;
    height: 60px;
  }
  .header .header-actions.search-bar {
    width: 100%;
    margin-right: 0;
    position: absolute;
    top: 60px;
    height: 60px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out, opacity .2s ease-in-out, visibility .2s ease-in-out;
    transition: transform .2s ease-in-out, opacity .2s ease-in-out, visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
  }
  .header .header-actions.search-bar.search-bar-active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .header .header-actions.search-bar .interactive-input {
    height: 100%;
  }
  .header .header-actions.search-bar .interactive-input input {
    border-radius: 0;
  }
  .header .header-actions.search-bar .interactive-input .interactive-input-action,
  .header .header-actions.search-bar .interactive-input .interactive-input-icon-wrap {
    display: none;
  }
  .header .header-actions .progress-stat {
    display: none;
  }
  .floaty-bar {
    display: -ms-flexbox;
    display: flex;
  }

}

/*------------------------------------------------------------------
[Table of contents]

1. .navigation
2. .menu-main
3. .menu
4. .section-navigation
5. .section-menu
-------------------------------------------------------------------*/
/*---------------------
    1. NAVIGATION
---------------------*/

/*---------------------
    2. MENU MAIN
---------------------*/
.menu-main {
  display: -ms-flexbox;
  display: flex;
    align-items: center;
}

.menu-main .menu-main-item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}

.menu-main .menu-main-item .menu-main-item-link {
  padding: 0 24px;
  display: block;
  color: #000;
     font-size: 16px;
    font-weight: 500;
  line-height: 80px;
  cursor: pointer;
  transition: color .2s ease-in-out;
  word-break: break-word;
}

.menu-main .menu-main-item .menu-main-item-link .icon-dots {
  transition: fill .2s ease-in-out;
}

.menu-main .menu-main-item .menu-main-item-link .menu-sub-item-icon {
  fill: var(--color-header-text);
  position: absolute;
  top: 11px;
  right: 10px;
  pointer-events: none;
  transition: fill .2s ease-in-out;
}

.menu-main .menu-main-item .menu-main-item-link .menu-main-item-link-icon {
  fill: var(--color-header-text);
  width: 6px;
  height: 6px;
  margin-left: 8px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  transition: fill .2s ease-in-out;
}

.menu-main .menu-main-item:hover > .menu-main-item-link {
  color: #a6a6a6;
}

.base-editor {
display: flex
;
}

.menu-main .menu-main-item:hover > .menu-main-item-link .menu-sub-item-icon,
.menu-main .menu-main-item:hover > .menu-main-item-link .menu-main-item-link-icon,
.menu-main .menu-main-item:hover > .menu-main-item-link .icon-dots {
  fill: var(--color-primary-light);
}

.menu-main .menu-main-item:hover > .menu-main,
.menu-main .menu-main-item:hover > .menu-wide {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
  -webkit-animation: .6s linear forwards menuSlideDownPointerEvents;
          animation: .6s linear forwards menuSlideDownPointerEvents;
}

.menu-main .menu-main-item:hover > .menu-main .menu-main-item:hover > .menu-main,
.menu-main .menu-main-item:hover > .menu-wide .menu-main-item:hover > .menu-main {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.menu-main .menu-main-item .menu-wide,
.menu-main .menu-main-item .menu-main {
  position: absolute;
  z-index: 99997;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
  transition: transform .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
  -webkit-transform: translate(0, -40px);
          transform: translate(0, -40px);
}

.menu-main .menu-main-item .menu-wide .menu-main,
.menu-main .menu-main-item .menu-main .menu-main {
  top: -8px;
  left: 100%;
  -webkit-transform: translate(-40px, 0);
          transform: translate(-40px, 0);
}


.menu-main .menu-main-item .menu-main {
  display: block;
  min-width: 120px;
  padding: 8px 0;
  border-radius: 10px;
  background-color: var(--color-header-background);
  top: 64px;
}

.menu-main .menu-main-item .menu-main .menu-main-item {
  display: block;
}

.menu-main .menu-main-item .menu-main .menu-main-item .menu-main-item-link {
  padding: 8px 18px;
  line-height: 1em;
  white-space: nowrap;
}

/*---------------
    3. MENU
---------------*/
.menu.small .menu-item.active .menu-item-link:hover {
  padding-left: 0;
}

.menu.small .menu-item .menu-item-link {
  padding-left: 0;
}

.menu.small .menu-item .menu-item-link:focus, .menu.small .menu-item .menu-item-link:hover {
  padding-left: 0;
}


.menu .menu-item:last-child {
  margin-bottom: 0;
}

.menu .menu-item.active > .menu-item-link {
  color: #fff;
  background-color: #28a745;
  box-shadow: var(--color-primary-shadow);
}


.menu .menu-item.active > .menu-item-link:hover .menu-item-link-icon {
  fill: #fff;
}

.menu .menu-item.active > .menu-item-link .menu-item-link-icon {
  fill: #fff;
}

.menu .menu-item .menu {
  margin: 12px 0;
}

.menu .menu-item .menu-item-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 48px;
  padding-left: 62px;
  border-radius: 12px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2857142857em;
  position: relative;
  transition: all .2s ease-in-out;
}


.menu .menu-item .menu-item-link:focus .menu-item-link-icon, .menu .menu-item .menu-item-link:hover .menu-item-link-icon {
  fill: var(--color-primary);
}

.menu .menu-item .menu-item-link .menu-item-link-icon {
  fill: var(--color-icon);
  position: absolute;
  top: 14px;
  left: 14px;
  pointer-events: none;
  transition: all .2s ease-in-out;
}

/*-----------------------------
    4. SECTION NAVIGATION
-----------------------------*/
.section-navigation {
  height: 80px;
  padding: 0 43px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
  position: relative;
}

.section-navigation .slider-controls .slider-control {
  width: 43px;
  height: 80px;
  position: absolute;
  top: 0;
}

.section-navigation .slider-controls .slider-control.left {
  left: 0;
}

.section-navigation .slider-controls .slider-control.right {
  right: 0;
}

/*----------------------
    5. SECTION MENU
----------------------*/
.section-menu {
  height: 80px;
}

.section-menu.secondary .section-menu-item.active, .section-menu.secondary .section-menu-item:hover {
  border-bottom: 4px solid var(--color-secondary);
}

.section-menu.secondary .section-menu-item.active .section-menu-item-icon {
  fill: var(--color-icon-highlighted);
}

.section-menu.medium .section-menu-item {
  width: 160px;
}

.section-menu .section-menu-item {
  float: left;
  width: 122px;
  height: 80px;
  position: relative;
}

.section-menu .section-menu-item.active {
  border-bottom: 4px solid var(--color-primary);
}

.section-menu .section-menu-item.active .section-menu-item-icon {
  fill: var(--color-icon-highlighted);
  opacity: 1;
}

.section-menu .section-menu-item:hover {
  border-bottom: 4px solid var(--color-primary);
}

.section-menu .section-menu-item:hover .section-menu-item-icon {
  -webkit-transform: translate(0, -20px);
          transform: translate(0, -20px);
  opacity: 0;
  visibility: hidden;
}

.section-menu .section-menu-item:hover .section-menu-item-text {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
}

.section-menu .section-menu-item.no-icon .section-menu-item-text {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: .6;
  visibility: visible;
}

.section-menu .section-menu-item.no-icon:hover .section-menu-item-text, .section-menu .section-menu-item.no-icon.active .section-menu-item-text {
  opacity: 1;
}

.section-menu .section-menu-item::after {
  content: '';
  width: 1px;
  height: 20px;
  background-color: var(--color-divider);
  position: absolute;
  top: 30px;
  right: 0;
}

.section-menu .section-menu-item:first-child::before {
  content: '';
  width: 1px;
  height: 20px;
  background-color: var(--color-divider);
  position: absolute;
  top: 30px;
  left: 0;
}

.section-menu .section-menu-item .section-menu-item-icon {
  fill: var(--color-icon);
  opacity: .6;
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -10px;
  transition: opacity .25s ease-in-out, visibility .25s ease-in-out, -webkit-transform .25s ease-in-out;
  transition: opacity .25s ease-in-out, visibility .25s ease-in-out, transform .25s ease-in-out;
  transition: opacity .25s ease-in-out, visibility .25s ease-in-out, transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
}

.section-menu .section-menu-item .section-menu-item-text {
  width: 100%;
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  position: absolute;
  top: 34px;
  -webkit-transform: translate(0, 20px);
          transform: translate(0, 20px);
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease-in-out, visibility .25s ease-in-out, -webkit-transform .25s ease-in-out;
  transition: opacity .25s ease-in-out, visibility .25s ease-in-out, transform .25s ease-in-out;
  transition: opacity .25s ease-in-out, visibility .25s ease-in-out, transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
}

/*---------------------
    6. MENU WIDE
---------------------*/
.menu-wide {
  display: -ms-flexbox;
  display: flex;
  padding: 20px 16px 50px 40px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.menu-wide .navigation-section {
  width: 184px;
  margin-right: 16px;
}

.menu-wide .navigation-section:last-child {
  margin-right: 0;
}

@-webkit-keyframes menuSlideDownPointerEvents {
  0% {
    pointer-events: none;
  }
  100% {
    pointer-events: auto;
  }
}

@keyframes menuSlideDownPointerEvents {
  0% {
    pointer-events: none;
  }
  100% {
    pointer-events: auto;
  }
}

/*------------------------------------------------------------------
[Table of contents]

1. .sidebar
-------------------------------------------------------------------*/
/*-------------------
    1. SIDEBAR
-------------------*/
.sidebar {
  height: 100%;
  padding-top: 80px;
  position: fixed;
  top: 0;
  z-index: 2;
}

.sidebar.right {
  right: 0;
}

.sidebar.left {
  left: 0;
}

.sidebar.navigation-widget {
  padding-top: 0;
  margin-top: 80px;
  overflow-y: auto;
  transition: -webkit-transform .35s ease-in-out, margin-top .15s ease-out;
  transition: transform .35s ease-in-out, margin-top .15s ease-out;
  transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out, margin-top .15s ease-out;
}

.sidebar.navigation-widget.navigation-widget--offset {
  margin-top: 0;
}

.sidebar.navigation-widget.navigation-widget-mobile {
  margin-top: 0;
  z-index: 100000;
}

.sidebar.navigation-widget.navigation-widget-closed {
  padding-top: 20px;
  overflow-y: visible;
}

.sidebar.navigation-widget.navigation-widget-delayed {
  transition: -webkit-transform .35s ease-in-out .25s, margin-top .15s ease-out;
  transition: transform .35s ease-in-out .25s, margin-top .15s ease-out;
  transition: transform .35s ease-in-out .25s, -webkit-transform .35s ease-in-out .25s, margin-top .15s ease-out;
}

.sidebar.navigation-widget.navigation-widget-hidden {
  -webkit-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}

.sidebar.chat-widget {
  height: 100%;
}

.sidebar.chat-widget.chat-widget-overlay {
  height: auto;
}

.sidebar.chat-widget.chat-widget-overlay .chat-widget-form {
  bottom: 0;
}

.sidebar.chat-widget.closed {
  -webkit-transform: translate(220px, 0);
          transform: translate(220px, 0);
}

.sidebar.chat-widget.closed .chat-widget-form {
  bottom: 0;
}

.sidebar.chat-widget.hidden {
  -webkit-transform: translate(100%, 0);
          transform: translate(100%, 0);
}

.sidebar.chat-widget .chat-widget-form,
.sidebar.chat-widget .chat-widget-button {
  position: absolute;
  left: 0;
  z-index: 9999;
}

.sidebar.chat-widget .chat-widget-form {
  bottom: 80px;
}

.sidebar.chat-widget .chat-widget-button {
  bottom: 0;
}

/*------------------------------------------------------------------
[Table of contents]

1. .section
2. .section-header
3. .section-header-info
4. .section-header-actions
5. .section-filters-bar
6. .section-pager-bar-wrap
7. .section-pager-bar
8. .section-pager
9. .section-results-text
10. .section-banner
-------------------------------------------------------------------*/
/*---------------------
    1. SECTION
---------------------*/
.section .section-filters-bar {
  margin-top: 30px;
}

/*-----------------------
    2. SECTION HEADER
-----------------------*/
.section-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.section-header .item-list-options {
  -ms-flex-align: end;
      align-items: flex-end;
}

/*-----------------------------
    3. SECTION HEADER INFO
-----------------------------*/
.section-header-info .section-pretitle {
  color: var(--color-text-alt);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}

.section-header-info .section-title {
  margin-top: 8px;
  font-size: 1.625rem;
  font-weight: 700;
}

.section-header-info .section-title .highlighted {
  color: var(--color-primary-dark);
}

.section-header-info .section-title .highlighted.secondary {
  color: var(--color-secondary);
}

.section-header-info .section-title.pinned::before {
  content: 'pinned';
  display: inline-block;
  margin-right: 12px;
  padding: 4px 8px;
  border-radius: 200px;
  background-color: var(--color-primary);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1em;
  text-transform: uppercase;
  position: relative;
  top: -4px;
}

/*--------------------------------
    4. SECTION HEADER ACTIONS
--------------------------------*/
.section-header-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  padding-bottom: 4px;
}

.section-header-actions .section-header-action {
  color: var(--color-text-alt-2);
  font-size: 0.875rem;
  font-weight: 700;
  cursor: pointer;
  transition: color .2s ease-in-out;
}

.section-header-actions .section-header-action:hover {
  color: var(--color-text);
}

.section-header-actions .section-header-action + .section-header-action {
  margin-left: 32px;
}

.section-header-actions .slider-controls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 60px;
}

.section-header-actions .section-header-subsection {
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 700;
}

.section-header-actions .section-header-subsection:last-child {
  color: var(--color-text-alt-2);
}

.section-header-actions .section-header-subsection + .section-header-subsection {
  margin-left: 26px;
  position: relative;
}

.section-header-actions .section-header-subsection + .section-header-subsection::before {
  content: '';
  width: 2px;
  height: 10px;
  background-color: var(--color-primary);
  position: absolute;
  top: 2px;
  left: -13px;
}

/*------------------------------
    5. SECTION FILTERS BAR
------------------------------*/
.section-filters-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  height: 96px;
  padding: 0 28px;
  border-radius: 12px;
  box-shadow: var(--color-box-shadow);
  background-color: var(--color-box-background);
}

.section-filters-bar .form + .button {
  margin-top: 0;
}

.section-filters-bar.centered {
  -ms-flex-pack: center;
      justify-content: center;
}

.section-filters-bar.v1 .form .form-select {
  display: none;
}

.section-filters-bar.v2 .form-row .form-item.small {
  max-width: 80px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.section-filters-bar.v2 .form-row .form-item:last-child {
  margin-right: 36px;
}

.section-filters-bar.v3 .form {
  display: none;
}

.section-filters-bar.v5 .section-filters-bar-actions:first-child .form {
  display: none;
}

.section-filters-bar .section-filters-bar-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.section-filters-bar .section-filters-bar-actions.full {
  width: 100%;
}

.section-filters-bar .section-filters-bar-actions .form + .filter-tabs {
  margin-left: 80px;
}

.section-filters-bar .section-filters-bar-actions .form + .button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 16px;
}

.section-filters-bar .filter-tabs {
  height: 96px;
}

.section-filters-bar .section-filters-bar-title {
  font-size: 1rem;
  font-weight: 700;
}

.section-filters-bar .section-filters-bar-title a {
  color: var(--color-text);
  font-weight: 700;
}

.section-filters-bar .section-filters-bar-title .separator {
  display: inline-block;
  width: 2px;
  height: 10px;
  margin: 0 12px;
  background-color: var(--color-primary);
}

/*--------------------------------
    6. SECTION PAGER BAR WRAP
--------------------------------*/
.section-pager-bar-wrap {
  margin-top: 32px;
}

.section-pager-bar-wrap.align-right {
  text-align: right;
}

.section-pager-bar-wrap.align-center {
  text-align: center;
}

.section-pager-bar-wrap .section-pager-bar {
  display: inline-block;
  margin: 0;
}

/*----------------------------
    7. SECTION PAGER BAR
----------------------------*/
.section-pager-bar {
  height: 60px;
  border-radius: 12px;
  background-color: var(--color-box-background);
  box-shadow: var(--color-box-shadow);
}

.section-pager-bar .section-pager {
  height: 100%;
}

.section-pager-bar .slider-control {
  width: 60px;
  height: 60px;
  background-color: var(--color-box-background);
}

.section-pager-bar .slider-control.left {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.section-pager-bar .slider-control.right {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

/*------------------------
    8. SECTION PAGER
------------------------*/
.section-pager {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.section-pager.secondary .section-pager-item.active .section-pager-item-text, .section-pager.secondary .section-pager-item:hover .section-pager-item-text {
  color: var(--color-secondary);
}

.section-pager .section-pager-item {
  padding: 0 8px;
  cursor: pointer;
  position: relative;
}

.section-pager .section-pager-item.section-pager-item-no-link {
  cursor: auto;
}

.section-pager .section-pager-item.section-pager-item-no-link:hover .section-pager-item-text {
  background-color: var(--color-box-background);
  color: var(--color-text);
  box-shadow: none;
}

.section-pager .section-pager-item::before {
  content: '';
  width: 1px;
  height: 20px;
  background-color: var(--color-divider);
  position: absolute;
  top: 12px;
  left: 0;
}

.section-pager .section-pager-item:last-child::after {
  content: '';
  width: 1px;
  height: 20px;
  background-color: var(--color-divider);
  position: absolute;
  top: 12px;
  right: 0;
}

.section-pager .section-pager-item.active .section-pager-item-text, .section-pager .section-pager-item:hover .section-pager-item-text {
  background-color: var(--color-box-over-box-background);
  color: var(--color-primary-dark);
  box-shadow: var(--color-overbox-shadow);
}

.section-pager .section-pager-item .section-pager-item-text {
  background-color: var(--color-box-background);
  padding: 16px;
  border-radius: 12px;
  font-size: 0.875rem;
  font-weight: 700;
  transition: color .2s ease-in-out, box-shadow .2s ease-in-out, background-color .2s ease-in-out;
}

/*------------------------------
    9. SECTION RESULTS TEXT
------------------------------*/
.section-results-text {
  margin-top: 12px;
  color: var(--color-text-alt);
  font-size: 0.875rem;
  font-weight: 500;
}

/*-------------------------
    10. SECTION BANNER
-------------------------*/
.section-banner {
  min-height: 160px;
  padding: 52px 60px 0 200px;
  border-radius: 12px;
  position: relative;
}

.section-banner .section-banner-icon {
  position: absolute;
  bottom: 0;
  left: 0;
}

.section-banner .section-banner-title,
.section-banner .section-banner-text {
  color: #fff;
}

.section-banner .section-banner-title {
  font-size: 2.25rem;
  font-weight: 700;
}

.section-banner .section-banner-text {
  margin-top: 10px;
  font-size: 1rem;
  font-weight: 500;
}

.section-banner + .post-preview.sticky {
  margin-top: 64px;
}

.section-banner + .forum-heading {
  margin-top: 64px;
}

/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (max-width: 1500px) {
  .section-filters-bar.v4 .form-item.split .form-select.small {
    width: 200px;
  }
}

@media screen and (max-width: 1365px) {
  .section-filters-bar.v1, .section-filters-bar.v3, .section-filters-bar.v4, .section-filters-bar.v5, .section-filters-bar.v7 {
    -ms-flex-direction: column;
        flex-direction: column;
    height: auto;
    padding: 32px 28px;
  }
  .section-filters-bar.v1 .filter-tabs, .section-filters-bar.v3 .filter-tabs, .section-filters-bar.v5 .filter-tabs {
    display: none;
  }
  .section-filters-bar.v1 .section-filters-bar-actions, .section-filters-bar.v4 .section-filters-bar-actions, .section-filters-bar.v7 .section-filters-bar-actions {
    margin-bottom: 40px;
  }
  .section-filters-bar.v1 .section-filters-bar-actions:last-child, .section-filters-bar.v4 .section-filters-bar-actions:last-child, .section-filters-bar.v7 .section-filters-bar-actions:last-child {
    margin-bottom: 0;
  }
  .section-filters-bar.v1 .section-filters-bar-actions .form {
    display: -ms-flexbox;
    display: flex;
  }
  .section-filters-bar.v1 .section-filters-bar-actions .form .form-select {
    display: block;
    width: 254px;
    margin-left: 16px;
  }
  .section-filters-bar.v3 .form {
    display: block;
  }
  .section-filters-bar.v4 .section-filters-bar-actions {
    margin-bottom: 40px;
  }
  .section-filters-bar.v5 .section-filters-bar-actions {
    width: 100%;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
  }
  .section-filters-bar.v5 .section-filters-bar-actions:first-child .form {
    display: block;
  }
  .section-filters-bar.v5 .section-filters-bar-actions:first-child .form .form-select {
    margin-bottom: 24px;
  }
  .section-filters-bar.v5 .section-filters-bar-actions .form-item.split {
    width: 100%;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
  }
  .section-filters-bar.v5 .section-filters-bar-actions .form-item.split .form-select {
    width: 100%;
    margin: 0 0 24px 0;
  }
  .section-results-text {
    margin-top: 24px;
    text-align: center;
  }
}

@media screen and (max-width: 960px) {
  .section-filters-bar.v1 .section-filters-bar-actions {
    width: 100%;
    -ms-flex-pack: center;
        justify-content: center;
  }
  .section-filters-bar.v1 .section-filters-bar-actions .form {
    display: block;
  }
  .section-filters-bar.v1 .section-filters-bar-actions .form .form-input.with-button {
    width: 100%;
  }
  .section-filters-bar.v1 .section-filters-bar-actions .form .form-select {
    width: 100%;
    margin: 24px 0 0 0;
  }
  .section-filters-bar.v2 {
    -ms-flex-direction: column;
        flex-direction: column;
    height: auto;
    padding: 32px 28px;
  }
  .section-filters-bar.v2 .form-row .form-item:last-child {
    max-width: 100%;
    margin-right: 0;
  }
  .section-filters-bar.v2 .section-filters-bar-actions {
    margin-bottom: 32px;
  }
  .section-filters-bar.v2 .section-filters-bar-actions:last-child {
    margin-bottom: 0;
  }
  .section-filters-bar.v4 .section-filters-bar-actions {
    width: 100%;
    margin-bottom: 0;
  }
  .section-filters-bar.v4 .section-filters-bar-actions .form-item.split {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
  }
  .section-filters-bar.v4 .section-filters-bar-actions .form-item.split .form-select,
  .section-filters-bar.v4 .section-filters-bar-actions .form-item.split .form-input {
    width: 100%;
    margin: 0 0 24px 0;
  }
  .section-filters-bar.v4 .section-filters-bar-actions:first-child .form-item.split {
    position: relative;
  }
  .section-filters-bar.v4 .section-filters-bar-actions:first-child .form-item.split .form-input {
    width: 100%;
  }
  .section-filters-bar.v4 .section-filters-bar-actions:first-child .form-item.split .form-input input {
    padding-right: 82px;
  }
  .section-filters-bar.v4 .section-filters-bar-actions:first-child .form-item.split .button {
    position: absolute;
    top: 0;
    right: 0;
  }
  .section-filters-bar.v6 {
    -ms-flex-direction: column;
        flex-direction: column;
    height: auto;
    padding: 32px 28px;
  }
  .section-filters-bar.v6.v6-2 .section-filters-bar-actions:first-child .form-item.split {
    -ms-flex-direction: column;
        flex-direction: column;
    position: relative;
  }
  .section-filters-bar.v6.v6-2 .section-filters-bar-actions:first-child .form-item.split .form-input {
    width: 100%;
  }
  .section-filters-bar.v6.v6-2 .section-filters-bar-actions:first-child .form-item.split .form-input input {
    padding-right: 0;
  }
  .section-filters-bar.v6.v6-2 .section-filters-bar-actions:first-child .form-item.split .button {
    width: 180px;
    margin: 0 auto 16px;
    position: static;
  }
  .section-filters-bar.v6 .section-filters-bar-actions {
    width: 100%;
    -ms-flex-pack: center;
        justify-content: center;
  }
  .section-filters-bar.v6 .section-filters-bar-actions:first-child .form-item.split {
    position: relative;
  }
  .section-filters-bar.v6 .section-filters-bar-actions:first-child .form-item.split .form-input {
    width: 100%;
    margin-bottom: 24px;
  }
  .section-filters-bar.v6 .section-filters-bar-actions:first-child .form-item.split .form-input input {
    padding-right: 82px;
  }
  .section-filters-bar.v6 .section-filters-bar-actions:first-child .form-item.split .button {
    position: absolute;
    top: 0;
    right: 0;
  }
  .section-filters-bar.v7 .section-filters-bar-actions {
    width: 100%;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
  }
  .section-filters-bar.v7 .section-filters-bar-actions .form + .button {
    margin-top: 24px;
  }
  .section-filters-bar.v7 .section-filters-bar-actions .form-item.split {
    position: relative;
  }
  .section-filters-bar.v7 .section-filters-bar-actions .form-item.split .form-input {
    width: 100%;
  }
  .section-filters-bar.v7 .section-filters-bar-actions .form-item.split .form-input input {
    padding-right: 82px;
  }
  .section-filters-bar.v7 .section-filters-bar-actions .form-item.split .button {
    position: absolute;
    top: 0;
    right: 0;
  }
  .section-banner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 86px;
    min-height: auto;
    padding: 0 28px 0 108px;
  }
  .section-banner .section-banner-icon {
    width: 92px;
    height: 86px;
  }
  .section-banner .section-banner-title {
    font-size: 1.5rem;
  }
  .section-banner .section-banner-text {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .section-filters-bar.v2 .form-item.split.medium .button {
    width: 100%;
  }
  .section-filters-bar .section-filters-bar-actions:last-child .form-item.split.medium .button {
    width: 100%;
  }
}

.footer-wrap {
  background-color: var(--color-box-background);
}

.footer {
  background-color: var(--color-box-background);
}

.footer.content-grid {
  padding-top: 0;
  padding-bottom: 0;
}

.footer-top {
  padding: 82px 0 94px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.footer-bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  min-height: 90px;
  border-top: 1px solid var(--color-divider);
}

.footer-bottom .footer-bottom-text {
  font-size: 0.875rem;
  font-weight: 700;
}

.footer-bottom .footer-bottom-text a {
  font-weight: 700;
}

.footer-info .footer-info-text {
  width: 284px;
  margin-top: 26px;
  color: var(--color-text-alt);
  font-size: 0.875rem;
  line-height: 1.7142857143em;
  font-weight: 500;
}

.footer-info .social-items {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 32px;
}

.footer-info .social-items .social-item {
  margin-top: 12px;
}

.footer-info-brand {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.footer-info-brand .footer-info-brand-image {
width: 240px;
    height: auto;
    margin-right: 20px;
}

.footer-info-brand .footer-info-brand-image + .footer-info-brand-info {
  margin-left: 12px;
}

.footer-info-brand .footer-info-brand-info {
  margin-top: -3px;
}

.footer-info-brand .footer-info-brand-title {
  font-family: var(--font-secondary);
  font-size: 1.375rem;
  font-weight: 900;
  text-transform: uppercase;
}

.footer-info-brand .footer-info-brand-subtitle {
  margin-top: 6px;
  color: var(--color-text-alt);
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
}

.footer-navigation {
  display: -ms-flexbox;
  display: flex;
}

.footer-navigation .navigation-section {
  width: 450px;
  margin-right: 16px;
}

.footer-navigation .navigation-section:last-child {
  margin-right: 0;
}

.navigation-section .navigation-section-title {
  font-size: 1rem;
  font-weight: 700;
}

.navigation-section .navigation-section-links {
  margin-top: 46px;
}

.navigation-section .navigation-section-links:first-child {
  margin-top: 25px;
}

.navigation-section .navigation-section-links .navigation-section-link {
  margin-bottom: 16px;
}

.navigation-section .navigation-section-links .navigation-section-link:last-child {
  margin-bottom: 0;
}

.navigation-section .navigation-section-link {
  display: block;
  color: var(--color-text-alt);
  font-size: 0.875rem;
  font-weight: 500;
}


/*--------------------
    MEDIA QUERIES
--------------------*/
@media screen and (max-width: 1365px) {
  .footer-top {
    padding: 64px 0;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
  }
  .footer-info .footer-info-text {
    text-align: center;
  }
  .footer-info .social-items {
    -ms-flex-pack: center;
        justify-content: center;
  }
  .footer-info-brand {
    -ms-flex-pack: center;
        justify-content: center;
  }
  .footer-navigation {
    padding: 0 32px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;

  }
  .footer-navigation .navigation-section {
    margin-top: 64px;
  }
}

@media screen and (max-width: 960px) {
  .footer-navigation .navigation-section {
    width: auto;
    margin-right: 64px;
  }
  .footer-bottom {
    padding: 32px 0;
    -ms-flex-direction: column;
        flex-direction: column;
  }

}

/*-------------------------
    WORDPRESS OVERRIDES
-------------------------*/
/*---------------
    ADMIN BAR
---------------*/
body.vikinger-top-space .header {
  top: 32px;
}

body.vikinger-top-space .sidebar {
  padding-top: 112px;
}

body.vikinger-top-space .sidebar.navigation-widget {
  margin-top: 112px;
  padding-top: 0;
}

body.vikinger-top-space .sidebar.navigation-widget.navigation-widget--offset {
  margin-top: 32px;
}

body.vikinger-top-space .sidebar.navigation-widget.navigation-widget-closed {
  padding-top: 20px;
}

body.vikinger-top-space .sidebar.navigation-widget-mobile {
  margin-top: 32px;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

/*----------------------------------
    WORDPRESS GENERATED CLASSES
----------------------------------*/
.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

.wp-caption {
  margin-top: 20px;
  max-width: 100%;
  /* Image does not overflow the content area */
}

.wp-caption .wp-caption-text {
  font-size: 0.875rem;
  line-height: 1.7142857143em;
  font-weight: 500;
  color: var(--color-text-alt);
  text-align: center;
}

.wp-caption .wp-caption-text a {
  color: var(--color-primary-dark);
  font-weight: 600;
}

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

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  -webkit-clip-path: none;
          clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

.gallery-caption {
  margin-top: 12px;
  width: 100%;
  color: var(--color-text-alt);
  font-size: 0.875rem;
  line-height: 1.7142857143em;
  font-weight: 500;
  text-align: center;
}

.gallery-caption a {
  color: var(--color-primary-dark);
  font-weight: 600;
}

.bypostauthor .comment-footer-meta .by-post-author {
  display: block;
}

.sticky .post-sticky {
  color: inherit;
}

/*-------------
    POSTS
-------------*/
.post-preview .post-preview-info.fixed-height {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.post-preview .post-preview-info.fixed-height .post-preview-info-bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  height: 100%;
}

.post-preview .post-preview-info.fixed-height .post-preview-text {
  margin-top: 16px;
}

.page-open-content figure > img,
.post-open-content-body figure > img,
.post-comment-text > div figure > img {
  max-width: 100%;
  height: auto;
}

.page-open-content > h1, .page-open-content > h2, .page-open-content > h3, .page-open-content > h4, .page-open-content > h5, .page-open-content > h6,
.post-open-content-body > h1,
.post-open-content-body > h2,
.post-open-content-body > h3,
.post-open-content-body > h4,
.post-open-content-body > h5,
.post-open-content-body > h6,
.post-comment-text > div > h1,
.post-comment-text > div > h2,
.post-comment-text > div > h3,
.post-comment-text > div > h4,
.post-comment-text > div > h5,
.post-comment-text > div > h6 {
  margin-top: 60px;
}

.page-open-content > h1:first-child, .page-open-content > h2:first-child, .page-open-content > h3:first-child, .page-open-content > h4:first-child, .page-open-content > h5:first-child, .page-open-content > h6:first-child,
.post-open-content-body > h1:first-child,
.post-open-content-body > h2:first-child,
.post-open-content-body > h3:first-child,
.post-open-content-body > h4:first-child,
.post-open-content-body > h5:first-child,
.post-open-content-body > h6:first-child,
.post-comment-text > div > h1:first-child,
.post-comment-text > div > h2:first-child,
.post-comment-text > div > h3:first-child,
.post-comment-text > div > h4:first-child,
.post-comment-text > div > h5:first-child,
.post-comment-text > div > h6:first-child {
  margin-top: 0;
}

.page-open-content > h1,
.post-open-content-body > h1,
.post-comment-text > div > h1 {
  font-size: 2.875rem;
  line-height: 1.0434782609em;
}

.page-open-content > h2,
.post-open-content-body > h2,
.post-comment-text > div > h2 {
  font-size: 2.5rem;
  line-height: 1.05em;
}

.page-open-content > h3,
.post-open-content-body > h3,
.post-comment-text > div > h3 {
  font-size: 2.125rem;
  line-height: 1.0588235294em;
}

.page-open-content > h4,
.post-open-content-body > h4,
.post-comment-text > div > h4 {
  font-size: 1.75rem;
  line-height: 1.1428571429em;
}

.page-open-content > h5,
.post-open-content-body > h5,
.post-comment-text > div > h5 {
  font-size: 1.375rem;
  line-height: 1.1818181818em;
}

.page-open-content > h6,
.post-open-content-body > h6,
.post-comment-text > div > h6 {
  font-size: 1.125rem;
  line-height: 1.2222222222em;
}

.page-open-content > p,
.post-open-content-body > p,
.post-comment-text > div > p {
  margin-top: 32px;
  font-weight: 500;
  line-height: 2em;
}

.page-open-content > p.has-drop-cap + *,
.post-open-content-body > p.has-drop-cap + *,
.post-comment-text > div > p.has-drop-cap + * {
  clear: both;
}

.page-open-content > p:first-child,
.post-open-content-body > p:first-child,
.post-comment-text > div > p:first-child {
  margin-top: 0;
}

.page-open-content > p.wp-block-tag-cloud,
.post-open-content-body > p.wp-block-tag-cloud,
.post-comment-text > div > p.wp-block-tag-cloud {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
}

.page-open-content > p.wp-block-tag-cloud .tag-cloud-link,
.post-open-content-body > p.wp-block-tag-cloud .tag-cloud-link,
.post-comment-text > div > p.wp-block-tag-cloud .tag-cloud-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin: 12px 12px 0 0;
  min-height: 24px;
  padding: 4px 12px;
  border-radius: 200px;
  background-color: var(--color-secondary);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  transition: background-color .2s ease-in-out;
}

.page-open-content > p.wp-block-tag-cloud .tag-cloud-link:hover,
.post-open-content-body > p.wp-block-tag-cloud .tag-cloud-link:hover,
.post-comment-text > div > p.wp-block-tag-cloud .tag-cloud-link:hover {
  color: #fff;
  background-color: var(--color-primary);
}

.page-open-content > p.wp-block-tag-cloud .tag-cloud-link:focus,
.post-open-content-body > p.wp-block-tag-cloud .tag-cloud-link:focus,
.post-comment-text > div > p.wp-block-tag-cloud .tag-cloud-link:focus {
  border: none;
  background-color: var(--color-primary);
}

.page-open-content > p code,
.post-open-content-body > p code,
.post-comment-text > div > p code {
  padding: 4px 8px;
  background-color: #eaeaf5;
}

.page-open-content > p img,
.post-open-content-body > p img,
.post-comment-text > div > p img {
  max-width: 100%;
  height: auto;
}

.page-open-content > p iframe,
.post-open-content-body > p iframe,
.post-comment-text > div > p iframe {
  width: 100%;
}

.page-open-content > img,
.post-open-content-body > img,
.post-comment-text > div > img {
  max-width: 100%;
  height: auto;
}

.page-open-content > code,
.post-open-content-body > code,
.post-comment-text > div > code {
  padding: 4px 8px;
  background-color: #eaeaf5;
}

.page-open-content > ul, .page-open-content > ol,
.post-open-content-body > ul,
.post-open-content-body > ol,
.post-comment-text > div > ul,
.post-comment-text > div > ol {
  padding-left: 20px;
}

.page-open-content > ul ul, .page-open-content > ul ol, .page-open-content > ol ul, .page-open-content > ol ol,
.post-open-content-body > ul ul,
.post-open-content-body > ul ol,
.post-open-content-body > ol ul,
.post-open-content-body > ol ol,
.post-comment-text > div > ul ul,
.post-comment-text > div > ul ol,
.post-comment-text > div > ol ul,
.post-comment-text > div > ol ol {
  padding-left: 0;
  margin: 18px;
}

.page-open-content > ul li, .page-open-content > ol li,
.post-open-content-body > ul li,
.post-open-content-body > ol li,
.post-comment-text > div > ul li,
.post-comment-text > div > ol li {
  margin-bottom: 16px;
  display: list-item;
  color: var(--color-text);
  font-size: 1rem;
  font-weight: 500;
}

.page-open-content > ul li:last-child, .page-open-content > ol li:last-child,
.post-open-content-body > ul li:last-child,
.post-open-content-body > ol li:last-child,
.post-comment-text > div > ul li:last-child,
.post-comment-text > div > ol li:last-child {
  margin-bottom: 0;
}

.page-open-content > ul,
.post-open-content-body > ul,
.post-comment-text > div > ul {
  list-style: disc;
}

.page-open-content > ul ul,
.post-open-content-body > ul ul,
.post-comment-text > div > ul ul {
  list-style: circle;
}

.page-open-content > ul ol,
.post-open-content-body > ul ol,
.post-comment-text > div > ul ol {
  list-style: lower-alpha;
}

.page-open-content > ol,
.post-open-content-body > ol,
.post-comment-text > div > ol {
  list-style: decimal;
}

.page-open-content > ol ul,
.post-open-content-body > ol ul,
.post-comment-text > div > ol ul {
  list-style: circle;
}

.page-open-content > ol ol,
.post-open-content-body > ol ol,
.post-comment-text > div > ol ol {
  list-style: lower-alpha;
}

.page-open-content > .post-nav-links,
.page-open-content > .wp-block-code,
.page-open-content > .wp-block-search,
.page-open-content > .wp-block-calendar,
.page-open-content > .wp-block-categories-dropdown,
.page-open-content > .wp-block-archives-dropdown,
.page-open-content > .wp-block-embed,
.page-open-content > .wp-block-cover,
.page-open-content > .wp-block-preformatted,
.page-open-content > .wp-block-file,
.page-open-content > .wp-block-audio,
.page-open-content > .wp-block-media-text,
.page-open-content > .wp-block-columns,
.page-open-content > .wp-block-gallery,
.page-open-content > .wp-block-table,
.page-open-content > .wp-block-quote,
.page-open-content > .wp-block-pullquote,
.page-open-content > ul, .page-open-content > ol,
.page-open-content > pre,
.page-open-content > blockquote,
.page-open-content > table,
.page-open-content > dl,
.page-open-content > div,
.page-open-content > address,
.post-open-content-body > .post-nav-links,
.post-open-content-body > .wp-block-code,
.post-open-content-body > .wp-block-search,
.post-open-content-body > .wp-block-calendar,
.post-open-content-body > .wp-block-categories-dropdown,
.post-open-content-body > .wp-block-archives-dropdown,
.post-open-content-body > .wp-block-embed,
.post-open-content-body > .wp-block-cover,
.post-open-content-body > .wp-block-preformatted,
.post-open-content-body > .wp-block-file,
.post-open-content-body > .wp-block-audio,
.post-open-content-body > .wp-block-media-text,
.post-open-content-body > .wp-block-columns,
.post-open-content-body > .wp-block-gallery,
.post-open-content-body > .wp-block-table,
.post-open-content-body > .wp-block-quote,
.post-open-content-body > .wp-block-pullquote,
.post-open-content-body > ul,
.post-open-content-body > ol,
.post-open-content-body > pre,
.post-open-content-body > blockquote,
.post-open-content-body > table,
.post-open-content-body > dl,
.post-open-content-body > div,
.post-open-content-body > address,
.post-comment-text > div > .post-nav-links,
.post-comment-text > div > .wp-block-code,
.post-comment-text > div > .wp-block-search,
.post-comment-text > div > .wp-block-calendar,
.post-comment-text > div > .wp-block-categories-dropdown,
.post-comment-text > div > .wp-block-archives-dropdown,
.post-comment-text > div > .wp-block-embed,
.post-comment-text > div > .wp-block-cover,
.post-comment-text > div > .wp-block-preformatted,
.post-comment-text > div > .wp-block-file,
.post-comment-text > div > .wp-block-audio,
.post-comment-text > div > .wp-block-media-text,
.post-comment-text > div > .wp-block-columns,
.post-comment-text > div > .wp-block-gallery,
.post-comment-text > div > .wp-block-table,
.post-comment-text > div > .wp-block-quote,
.post-comment-text > div > .wp-block-pullquote,
.post-comment-text > div > ul,
.post-comment-text > div > ol,
.post-comment-text > div > pre,
.post-comment-text > div > blockquote,
.post-comment-text > div > table,
.post-comment-text > div > dl,
.post-comment-text > div > div,
.post-comment-text > div > address {
  margin-top: 40px;
}

.page-open-content > .post-nav-links:first-child,
.page-open-content > .wp-block-code:first-child,
.page-open-content > .wp-block-search:first-child,
.page-open-content > .wp-block-calendar:first-child,
.page-open-content > .wp-block-categories-dropdown:first-child,
.page-open-content > .wp-block-archives-dropdown:first-child,
.page-open-content > .wp-block-embed:first-child,
.page-open-content > .wp-block-cover:first-child,
.page-open-content > .wp-block-preformatted:first-child,
.page-open-content > .wp-block-file:first-child,
.page-open-content > .wp-block-audio:first-child,
.page-open-content > .wp-block-media-text:first-child,
.page-open-content > .wp-block-columns:first-child,
.page-open-content > .wp-block-gallery:first-child,
.page-open-content > .wp-block-table:first-child,
.page-open-content > .wp-block-quote:first-child,
.page-open-content > .wp-block-pullquote:first-child,
.page-open-content > ul:first-child, .page-open-content > ol:first-child,
.page-open-content > pre:first-child,
.page-open-content > blockquote:first-child,
.page-open-content > table:first-child,
.page-open-content > dl:first-child,
.page-open-content > div:first-child,
.page-open-content > address:first-child,
.post-open-content-body > .post-nav-links:first-child,
.post-open-content-body > .wp-block-code:first-child,
.post-open-content-body > .wp-block-search:first-child,
.post-open-content-body > .wp-block-calendar:first-child,
.post-open-content-body > .wp-block-categories-dropdown:first-child,
.post-open-content-body > .wp-block-archives-dropdown:first-child,
.post-open-content-body > .wp-block-embed:first-child,
.post-open-content-body > .wp-block-cover:first-child,
.post-open-content-body > .wp-block-preformatted:first-child,
.post-open-content-body > .wp-block-file:first-child,
.post-open-content-body > .wp-block-audio:first-child,
.post-open-content-body > .wp-block-media-text:first-child,
.post-open-content-body > .wp-block-columns:first-child,
.post-open-content-body > .wp-block-gallery:first-child,
.post-open-content-body > .wp-block-table:first-child,
.post-open-content-body > .wp-block-quote:first-child,
.post-open-content-body > .wp-block-pullquote:first-child,
.post-open-content-body > ul:first-child,
.post-open-content-body > ol:first-child,
.post-open-content-body > pre:first-child,
.post-open-content-body > blockquote:first-child,
.post-open-content-body > table:first-child,
.post-open-content-body > dl:first-child,
.post-open-content-body > div:first-child,
.post-open-content-body > address:first-child,
.post-comment-text > div > .post-nav-links:first-child,
.post-comment-text > div > .wp-block-code:first-child,
.post-comment-text > div > .wp-block-search:first-child,
.post-comment-text > div > .wp-block-calendar:first-child,
.post-comment-text > div > .wp-block-categories-dropdown:first-child,
.post-comment-text > div > .wp-block-archives-dropdown:first-child,
.post-comment-text > div > .wp-block-embed:first-child,
.post-comment-text > div > .wp-block-cover:first-child,
.post-comment-text > div > .wp-block-preformatted:first-child,
.post-comment-text > div > .wp-block-file:first-child,
.post-comment-text > div > .wp-block-audio:first-child,
.post-comment-text > div > .wp-block-media-text:first-child,
.post-comment-text > div > .wp-block-columns:first-child,
.post-comment-text > div > .wp-block-gallery:first-child,
.post-comment-text > div > .wp-block-table:first-child,
.post-comment-text > div > .wp-block-quote:first-child,
.post-comment-text > div > .wp-block-pullquote:first-child,
.post-comment-text > div > ul:first-child,
.post-comment-text > div > ol:first-child,
.post-comment-text > div > pre:first-child,
.post-comment-text > div > blockquote:first-child,
.post-comment-text > div > table:first-child,
.post-comment-text > div > dl:first-child,
.post-comment-text > div > div:first-child,
.post-comment-text > div > address:first-child {
  margin-top: 0;
}

.page-open-content .post-nav-links,
.post-open-content-body .post-nav-links,
.post-comment-text > div .post-nav-links {
  clear: both;
}

.page-open-content .post-password-form p,
.post-open-content-body .post-password-form p,
.post-comment-text > div .post-password-form p {
  margin-top: 32px;
  font-weight: 500;
  line-height: 2em;
}

.page-open-content .post-password-form p:first-child,
.post-open-content-body .post-password-form p:first-child,
.post-comment-text > div .post-password-form p:first-child {
  margin-top: 0;
}

.page-open-content .post-password-form label,
.post-open-content-body .post-password-form label,
.post-comment-text > div .post-password-form label {
  color: var(--color-text-alt);
  font-size: 0.875rem;
  font-weight: 600;
}

.page-open-content .post-password-form input[type="password"],
.post-open-content-body .post-password-form input[type="password"],
.post-comment-text > div .post-password-form input[type="password"] {
  margin-top: 12px;
  height: 48px;
  line-height: 48px;
}

.page-open-content .post-password-form input[type="submit"],
.post-open-content-body .post-password-form input[type="submit"],
.post-comment-text > div .post-password-form input[type="submit"] {
  width: 100%;
  height: 40px;
  margin-top: 22px;
  border-radius: 10px;
  background-color: var(--color-primary);
  box-shadow: var(--color-primary-shadow);
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 40px;
  cursor: pointer;
  transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out;
}

.page-open-content .post-password-form input[type="submit"]:hover,
.post-open-content-body .post-password-form input[type="submit"]:hover,
.post-comment-text > div .post-password-form input[type="submit"]:hover {
  background-color: var(--color-primary-hover);
}

.page-open-content .wp-block-button,
.post-open-content-body .wp-block-button,
.post-comment-text > div .wp-block-button {
  margin-top: 32px;
}

.page-open-content .wp-block-button.is-style-squared .wp-block-button__link,
.post-open-content-body .wp-block-button.is-style-squared .wp-block-button__link,
.post-comment-text > div .wp-block-button.is-style-squared .wp-block-button__link {
  border-radius: 0;
}

.page-open-content hr:not(.wp-block-separator),
.post-open-content-body hr:not(.wp-block-separator),
.post-comment-text > div hr:not(.wp-block-separator) {
  width: 100%;
  height: 2px;
  margin: 32px auto 0;
  background-color: var(--color-text);
}

.page-open-content address,
.page-open-content dl,
.page-open-content table,
.post-open-content-body address,
.post-open-content-body dl,
.post-open-content-body table,
.post-comment-text > div address,
.post-comment-text > div dl,
.post-comment-text > div table {
  color: var(--color-text);
  font-weight: 500;
  line-height: 2em;
}

.page-open-content q::before, .page-open-content q::after,
.post-open-content-body q::before,
.post-open-content-body q::after,
.post-comment-text > div q::before,
.post-comment-text > div q::after {
  display: inline;
}

.page-open-content address,
.post-open-content-body address,
.post-comment-text > div address {
  line-height: 1.5em;
}

.page-open-content dl.gallery-item .gallery-caption,
.post-open-content-body dl.gallery-item .gallery-caption,
.post-comment-text > div dl.gallery-item .gallery-caption {
  padding-left: 0;
}

.page-open-content dl dt,
.post-open-content-body dl dt,
.post-comment-text > div dl dt {
  margin-top: 16px;
  font-weight: 700;
}

.page-open-content dl dt:first-child,
.post-open-content-body dl dt:first-child,
.post-comment-text > div dl dt:first-child {
  margin-top: 0;
}

.page-open-content dl dd,
.post-open-content-body dl dd,
.post-comment-text > div dl dd {
  padding-left: 28px;
  margin-top: 8px;
}

.page-open-content dl dd:first-child,
.post-open-content-body dl dd:first-child,
.post-comment-text > div dl dd:first-child {
  margin-top: 0;
}

.page-open-content table, .page-open-content th, .page-open-content td,
.post-open-content-body table,
.post-open-content-body th,
.post-open-content-body td,
.post-comment-text > div table,
.post-comment-text > div th,
.post-comment-text > div td {
  border: 1px solid var(--color-border);
}

.page-open-content table,
.post-open-content-body table,
.post-comment-text > div table {
  border-collapse: collapse;
}

.page-open-content th, .page-open-content td,
.post-open-content-body th,
.post-open-content-body td,
.post-comment-text > div th,
.post-comment-text > div td {
  padding: 8px 12px;
}

.page-open-content th a, .page-open-content td a,
.post-open-content-body th a,
.post-open-content-body td a,
.post-comment-text > div th a,
.post-comment-text > div td a {
  color: var(--color-primary-dark);
  font-weight: 700;
}

.page-open-content th a:hover, .page-open-content td a:hover,
.post-open-content-body th a:hover,
.post-open-content-body td a:hover,
.post-comment-text > div th a:hover,
.post-comment-text > div td a:hover {
  text-decoration: underline;
}

.page-open-content .wp-block-table.is-style-stripes th, .page-open-content .wp-block-table.is-style-stripes td,
.post-open-content-body .wp-block-table.is-style-stripes th,
.post-open-content-body .wp-block-table.is-style-stripes td,
.post-comment-text > div .wp-block-table.is-style-stripes th,
.post-comment-text > div .wp-block-table.is-style-stripes td {
  border: none;
}

.page-open-content .wp-block-separator,
.post-open-content-body .wp-block-separator,
.post-comment-text > div .wp-block-separator {
  width: 100px;
  height: 2px;
  margin: 32px auto 0;
}

.page-open-content .wp-block-separator:not(.has-background),
.post-open-content-body .wp-block-separator:not(.has-background),
.post-comment-text > div .wp-block-separator:not(.has-background) {
  color: var(--color-text);
  background-color: var(--color-text);
}

.page-open-content .wp-block-separator.is-style-wide,
.post-open-content-body .wp-block-separator.is-style-wide,
.post-comment-text > div .wp-block-separator.is-style-wide {
  width: 100%;
}

.page-open-content .wp-block-separator.is-style-dots,
.post-open-content-body .wp-block-separator.is-style-dots,
.post-comment-text > div .wp-block-separator.is-style-dots {
  width: auto;
  height: auto;
}

.page-open-content .wp-block-group,
.post-open-content-body .wp-block-group,
.post-comment-text > div .wp-block-group {
  padding: 32px 28px;
}

.page-open-content .wp-block-group p,
.post-open-content-body .wp-block-group p,
.post-comment-text > div .wp-block-group p {
  margin-top: 32px;
  font-weight: 500;
  line-height: 2em;
}

.page-open-content .wp-block-group p:first-child,
.post-open-content-body .wp-block-group p:first-child,
.post-comment-text > div .wp-block-group p:first-child {
  margin-top: 0;
}

.page-open-content .wp-block-group p img,
.post-open-content-body .wp-block-group p img,
.post-comment-text > div .wp-block-group p img {
  max-width: 100%;
  height: auto;
}

.page-open-content .wp-block-video,
.page-open-content .wp-block-image,
.page-open-content .wp-block-embed-youtube,
.post-open-content-body .wp-block-video,
.post-open-content-body .wp-block-image,
.post-open-content-body .wp-block-embed-youtube,
.post-comment-text > div .wp-block-video,
.post-comment-text > div .wp-block-image,
.post-comment-text > div .wp-block-embed-youtube {
  margin: 50px 0 0;
}

.page-open-content .wp-block-video .alignleft,
.page-open-content .wp-block-image .alignleft,
.page-open-content .wp-block-embed-youtube .alignleft,
.post-open-content-body .wp-block-video .alignleft,
.post-open-content-body .wp-block-image .alignleft,
.post-open-content-body .wp-block-embed-youtube .alignleft,
.post-comment-text > div .wp-block-video .alignleft,
.post-comment-text > div .wp-block-image .alignleft,
.post-comment-text > div .wp-block-embed-youtube .alignleft {
  float: left;
  margin: .5em 2em .5em 0;
}

.page-open-content .wp-block-video .alignright,
.page-open-content .wp-block-image .alignright,
.page-open-content .wp-block-embed-youtube .alignright,
.post-open-content-body .wp-block-video .alignright,
.post-open-content-body .wp-block-image .alignright,
.post-open-content-body .wp-block-embed-youtube .alignright,
.post-comment-text > div .wp-block-video .alignright,
.post-comment-text > div .wp-block-image .alignright,
.post-comment-text > div .wp-block-embed-youtube .alignright {
  float: right;
  margin: .5em 0 .5em 2em;
}

.page-open-content .wp-block-video figcaption,
.page-open-content .wp-block-image figcaption,
.page-open-content .wp-block-embed-youtube figcaption,
.post-open-content-body .wp-block-video figcaption,
.post-open-content-body .wp-block-image figcaption,
.post-open-content-body .wp-block-embed-youtube figcaption,
.post-comment-text > div .wp-block-video figcaption,
.post-comment-text > div .wp-block-image figcaption,
.post-comment-text > div .wp-block-embed-youtube figcaption {
  margin-top: 20px;
  color: var(--color-text-alt);
  font-size: 0.875rem;
  line-height: 1.7142857143em;
  font-weight: 500;
  text-align: center;
}

.page-open-content .wp-block-video figcaption a,
.page-open-content .wp-block-image figcaption a,
.page-open-content .wp-block-embed-youtube figcaption a,
.post-open-content-body .wp-block-video figcaption a,
.post-open-content-body .wp-block-image figcaption a,
.post-open-content-body .wp-block-embed-youtube figcaption a,
.post-comment-text > div .wp-block-video figcaption a,
.post-comment-text > div .wp-block-image figcaption a,
.post-comment-text > div .wp-block-embed-youtube figcaption a {
  color: var(--color-primary-dark);
  font-weight: 600;
}

.page-open-content .wp-block-embed-youtube .wp-block-embed__wrapper,
.post-open-content-body .wp-block-embed-youtube .wp-block-embed__wrapper,
.post-comment-text > div .wp-block-embed-youtube .wp-block-embed__wrapper {
  padding-top: 56.25%;
  position: relative;
}

.page-open-content .wp-block-embed-youtube .wp-block-embed__wrapper iframe,
.post-open-content-body .wp-block-embed-youtube .wp-block-embed__wrapper iframe,
.post-comment-text > div .wp-block-embed-youtube .wp-block-embed__wrapper iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.page-open-content div,
.post-open-content-body div,
.post-comment-text > div div {
  font-weight: 500;
  line-height: 2em;
}

.page-open-content pre,
.page-open-content .wp-block-preformatted,
.post-open-content-body pre,
.post-open-content-body .wp-block-preformatted,
.post-comment-text > div pre,
.post-comment-text > div .wp-block-preformatted {
  padding: 32px 28px;
  border: 1px solid var(--color-border);
  color: var(--color-text);
  line-height: 2em;
  overflow: auto;
}

.page-open-content .wp-block-search .wp-block-search__label,
.post-open-content-body .wp-block-search .wp-block-search__label,
.post-comment-text > div .wp-block-search .wp-block-search__label {
  margin-bottom: 6px;
  color: var(--color-text-alt);
  font-size: 0.875rem;
  font-weight: 600;
}

.page-open-content .wp-block-search .wp-block-search__input,
.post-open-content-body .wp-block-search .wp-block-search__input,
.post-comment-text > div .wp-block-search .wp-block-search__input {
  max-width: 100%;
  height: 48px;
  line-height: 48px;
}

.page-open-content .wp-block-search .wp-block-search__button,
.post-open-content-body .wp-block-search .wp-block-search__button,
.post-comment-text > div .wp-block-search .wp-block-search__button {
  width: 100%;
  height: 40px;
  margin: 22px 0 0;
  border-radius: 10px;
  background-color: var(--color-primary);
  box-shadow: var(--color-primary-shadow);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 40px;
  cursor: pointer;
  transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out;
}

.page-open-content .wp-block-search .wp-block-search__button:hover,
.post-open-content-body .wp-block-search .wp-block-search__button:hover,
.post-comment-text > div .wp-block-search .wp-block-search__button:hover {
  background-color: var(--color-primary-hover);
}

.page-open-content .wp-block-calendar .wp-calendar-table tbody tr td a,
.post-open-content-body .wp-block-calendar .wp-calendar-table tbody tr td a,
.post-comment-text > div .wp-block-calendar .wp-calendar-table tbody tr td a {
  text-decoration: none;
}

.page-open-content .wp-block-calendar .wp-calendar-table tbody tr td#today,
.post-open-content-body .wp-block-calendar .wp-calendar-table tbody tr td#today,
.post-comment-text > div .wp-block-calendar .wp-calendar-table tbody tr td#today {
  border-radius: 0;
}

.page-open-content .wp-block-categories-dropdown label,
.page-open-content .wp-block-archives-dropdown label,
.post-open-content-body .wp-block-categories-dropdown label,
.post-open-content-body .wp-block-archives-dropdown label,
.post-comment-text > div .wp-block-categories-dropdown label,
.post-comment-text > div .wp-block-archives-dropdown label {
  margin-bottom: 6px;
  color: var(--color-text-alt);
  font-size: 0.875rem;
  font-weight: 600;
}

.page-open-content .wp-block-categories-dropdown select,
.page-open-content .wp-block-archives-dropdown select,
.post-open-content-body .wp-block-categories-dropdown select,
.post-open-content-body .wp-block-archives-dropdown select,
.post-comment-text > div .wp-block-categories-dropdown select,
.post-comment-text > div .wp-block-archives-dropdown select {
  width: 100%;
  height: 48px;
  padding: 0 48px 0 20px;
  font-size: 0.875rem;
  cursor: pointer;
  background: url("img/form/select-arrow.png") no-repeat right 20px top 20px;
}

.page-open-content .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper,
.post-open-content-body .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper,
.post-comment-text > div .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
  padding-top: 56.25%;
  position: relative;
}

.page-open-content .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
.post-open-content-body .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
.post-comment-text > div .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.page-open-content .wp-block-embed figcaption,
.post-open-content-body .wp-block-embed figcaption,
.post-comment-text > div .wp-block-embed figcaption {
  width: 100%;
  color: var(--color-text-alt);
  font-size: 0.875rem;
  line-height: 1.7142857143em;
  font-weight: 500;
  text-align: center;
}

.page-open-content .wp-block-embed figcaption a,
.post-open-content-body .wp-block-embed figcaption a,
.post-comment-text > div .wp-block-embed figcaption a {
  color: var(--color-primary-dark);
  font-weight: 600;
}

.page-open-content .wp-block-cover,
.post-open-content-body .wp-block-cover,
.post-comment-text > div .wp-block-cover {
  width: 100%;
  height: auto;
}

.page-open-content .wp-block-cover.has-background-dim,
.post-open-content-body .wp-block-cover.has-background-dim,
.post-comment-text > div .wp-block-cover.has-background-dim {
  color: #fff;
}

.page-open-content .wp-block-cover.alignleft + *, .page-open-content .wp-block-cover.alignright + *,
.post-open-content-body .wp-block-cover.alignleft + *,
.post-open-content-body .wp-block-cover.alignright + *,
.post-comment-text > div .wp-block-cover.alignleft + *,
.post-comment-text > div .wp-block-cover.alignright + * {
  margin-top: 0;
}

.page-open-content .wp-block-gallery .blocks-gallery-caption,
.post-open-content-body .wp-block-gallery .blocks-gallery-caption,
.post-comment-text > div .wp-block-gallery .blocks-gallery-caption {
  width: 100%;
  color: var(--color-text-alt);
  font-size: 0.875rem;
  line-height: 1.7142857143em;
  font-weight: 500;
  text-align: center;
}

.page-open-content .wp-block-gallery .blocks-gallery-caption a,
.post-open-content-body .wp-block-gallery .blocks-gallery-caption a,
.post-comment-text > div .wp-block-gallery .blocks-gallery-caption a {
  color: var(--color-primary-dark);
  font-weight: 600;
}

.page-open-content .wp-block-gallery .blocks-gallery-item__caption,
.post-open-content-body .wp-block-gallery .blocks-gallery-item__caption,
.post-comment-text > div .wp-block-gallery .blocks-gallery-item__caption {
  pointer-events: none;
}

.page-open-content .wp-block-media-text p,
.post-open-content-body .wp-block-media-text p,
.post-comment-text > div .wp-block-media-text p {
  font-weight: 500;
  line-height: 2em;
}

.page-open-content .wp-block-column p,
.post-open-content-body .wp-block-column p,
.post-comment-text > div .wp-block-column p {
  font-size: 1rem;
  font-weight: 500;
  line-height: 2em;
}

.page-open-content .wp-block-column .wp-block-quote,
.post-open-content-body .wp-block-column .wp-block-quote,
.post-comment-text > div .wp-block-column .wp-block-quote {
  margin-top: 0;
}

.page-open-content .wp-block-column ul, .page-open-content .wp-block-column ol,
.post-open-content-body .wp-block-column ul,
.post-open-content-body .wp-block-column ol,
.post-comment-text > div .wp-block-column ul,
.post-comment-text > div .wp-block-column ol {
  padding-left: 20px;
}

.page-open-content .wp-block-column ul ul, .page-open-content .wp-block-column ul ol, .page-open-content .wp-block-column ol ul, .page-open-content .wp-block-column ol ol,
.post-open-content-body .wp-block-column ul ul,
.post-open-content-body .wp-block-column ul ol,
.post-open-content-body .wp-block-column ol ul,
.post-open-content-body .wp-block-column ol ol,
.post-comment-text > div .wp-block-column ul ul,
.post-comment-text > div .wp-block-column ul ol,
.post-comment-text > div .wp-block-column ol ul,
.post-comment-text > div .wp-block-column ol ol {
  padding-left: 0;
  margin: 18px;
}

.page-open-content .wp-block-column ul li, .page-open-content .wp-block-column ol li,
.post-open-content-body .wp-block-column ul li,
.post-open-content-body .wp-block-column ol li,
.post-comment-text > div .wp-block-column ul li,
.post-comment-text > div .wp-block-column ol li {
  margin-bottom: 16px;
  display: list-item;
  color: var(--color-text);
  font-size: 1rem;
  font-weight: 500;
}

.page-open-content .wp-block-column ul li:last-child, .page-open-content .wp-block-column ol li:last-child,
.post-open-content-body .wp-block-column ul li:last-child,
.post-open-content-body .wp-block-column ol li:last-child,
.post-comment-text > div .wp-block-column ul li:last-child,
.post-comment-text > div .wp-block-column ol li:last-child {
  margin-bottom: 0;
}

.page-open-content .wp-block-column ul,
.post-open-content-body .wp-block-column ul,
.post-comment-text > div .wp-block-column ul {
  list-style: disc;
}

.page-open-content .wp-block-column ul ul,
.post-open-content-body .wp-block-column ul ul,
.post-comment-text > div .wp-block-column ul ul {
  list-style: circle;
}

.page-open-content .wp-block-column ul ol,
.post-open-content-body .wp-block-column ul ol,
.post-comment-text > div .wp-block-column ul ol {
  list-style: lower-alpha;
}

.page-open-content .wp-block-column ol,
.post-open-content-body .wp-block-column ol,
.post-comment-text > div .wp-block-column ol {
  list-style: decimal;
}

.page-open-content .wp-block-column ol ul,
.post-open-content-body .wp-block-column ol ul,
.post-comment-text > div .wp-block-column ol ul {
  list-style: circle;
}

.page-open-content .wp-block-column ol ol,
.post-open-content-body .wp-block-column ol ol,
.post-comment-text > div .wp-block-column ol ol {
  list-style: lower-alpha;
}

.page-open-content blockquote,
.page-open-content .wp-block-quote,
.page-open-content .wp-block-pullquote,
.post-open-content-body blockquote,
.post-open-content-body .wp-block-quote,
.post-open-content-body .wp-block-pullquote,
.post-comment-text > div blockquote,
.post-comment-text > div .wp-block-quote,
.post-comment-text > div .wp-block-pullquote {
  padding: 0 16px;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.5454545455em;
}

.page-open-content blockquote p,
.page-open-content .wp-block-quote p,
.page-open-content .wp-block-pullquote p,
.post-open-content-body blockquote p,
.post-open-content-body .wp-block-quote p,
.post-open-content-body .wp-block-pullquote p,
.post-comment-text > div blockquote p,
.post-comment-text > div .wp-block-quote p,
.post-comment-text > div .wp-block-pullquote p {
  font-weight: 500;
  line-height: 1.5454545455em;
}

.page-open-content blockquote cite,
.page-open-content .wp-block-quote cite,
.page-open-content .wp-block-pullquote cite,
.post-open-content-body blockquote cite,
.post-open-content-body .wp-block-quote cite,
.post-open-content-body .wp-block-pullquote cite,
.post-comment-text > div blockquote cite,
.post-comment-text > div .wp-block-quote cite,
.post-comment-text > div .wp-block-pullquote cite {
  margin-top: 16px;
  display: block;
  font-size: 1rem;
}

.page-open-content .wp-block-quote.is-style-large p,
.post-open-content-body .wp-block-quote.is-style-large p,
.post-comment-text > div .wp-block-quote.is-style-large p {
  font-size: 1.75rem;
  line-height: 1.4285714286em;
}

.page-open-content .wp-block-quote.is-style-large cite,
.post-open-content-body .wp-block-quote.is-style-large cite,
.post-comment-text > div .wp-block-quote.is-style-large cite {
  font-size: 1.375rem;
}

.page-open-content .wp-block-pullquote,
.post-open-content-body .wp-block-pullquote,
.post-comment-text > div .wp-block-pullquote {
  padding: 32px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

.page-open-content .wp-block-pullquote.is-style-solid-color blockquote,
.post-open-content-body .wp-block-pullquote.is-style-solid-color blockquote,
.post-comment-text > div .wp-block-pullquote.is-style-solid-color blockquote {
  max-width: 100%;
}

.page-open-content .tag-list,
.post-open-content-body .tag-list,
.post-comment-text > div .tag-list {
  clear: both;
}

.post-comment-text > div .wp-block-code,
.post-comment-text > div .wp-block-search,
.post-comment-text > div .wp-block-calendar,
.post-comment-text > div .wp-block-categories-dropdown,
.post-comment-text > div .wp-block-archives-dropdown,
.post-comment-text > div .wp-block-embed,
.post-comment-text > div .wp-block-cover,
.post-comment-text > div .wp-block-preformatted,
.post-comment-text > div .wp-block-file,
.post-comment-text > div .wp-block-audio,
.post-comment-text > div .wp-block-media-text,
.post-comment-text > div .wp-block-columns,
.post-comment-text > div .wp-block-gallery,
.post-comment-text > div .wp-block-table,
.post-comment-text > div h1, .post-comment-text > div h2, .post-comment-text > div h3,
.post-comment-text > div h4, .post-comment-text > div h5, .post-comment-text > div h6,
.post-comment-text > div ul, .post-comment-text > div ol,
.post-comment-text > div blockquote,
.post-comment-text > div table,
.post-comment-text > div dl,
.post-comment-text > div div {
  white-space: normal;
}

.post-comment-text > div .wp-block-code,
.post-comment-text > div .wp-block-search,
.post-comment-text > div .wp-block-calendar,
.post-comment-text > div .wp-block-categories-dropdown,
.post-comment-text > div .wp-block-archives-dropdown,
.post-comment-text > div .wp-block-embed,
.post-comment-text > div .wp-block-cover,
.post-comment-text > div .wp-block-preformatted,
.post-comment-text > div .wp-block-file,
.post-comment-text > div .wp-block-audio,
.post-comment-text > div .wp-block-media-text,
.post-comment-text > div .wp-block-columns,
.post-comment-text > div .wp-block-gallery,
.post-comment-text > div .wp-block-table,
.post-comment-text > div ul, .post-comment-text > div ol,
.post-comment-text > div pre,
.post-comment-text > div blockquote,
.post-comment-text > div table,
.post-comment-text > div dl,
.post-comment-text > div div,
.post-comment-text > div address {
  margin-top: 16px;
}

.post-comment-text > div .wp-block-code:first-child,
.post-comment-text > div .wp-block-search:first-child,
.post-comment-text > div .wp-block-calendar:first-child,
.post-comment-text > div .wp-block-categories-dropdown:first-child,
.post-comment-text > div .wp-block-archives-dropdown:first-child,
.post-comment-text > div .wp-block-embed:first-child,
.post-comment-text > div .wp-block-cover:first-child,
.post-comment-text > div .wp-block-preformatted:first-child,
.post-comment-text > div .wp-block-file:first-child,
.post-comment-text > div .wp-block-audio:first-child,
.post-comment-text > div .wp-block-media-text:first-child,
.post-comment-text > div .wp-block-columns:first-child,
.post-comment-text > div .wp-block-gallery:first-child,
.post-comment-text > div .wp-block-table:first-child,
.post-comment-text > div ul:first-child, .post-comment-text > div ol:first-child,
.post-comment-text > div pre:first-child,
.post-comment-text > div blockquote:first-child,
.post-comment-text > div table:first-child,
.post-comment-text > div dl:first-child,
.post-comment-text > div div:first-child,
.post-comment-text > div address:first-child {
  margin-top: 0;
}

.post-comment-text > div h1, .post-comment-text > div h2, .post-comment-text > div h3,
.post-comment-text > div h4, .post-comment-text > div h5, .post-comment-text > div h6 {
  margin-top: 30px;
}

.post-comment-text > div h1:first-child, .post-comment-text > div h2:first-child, .post-comment-text > div h3:first-child,
.post-comment-text > div h4:first-child, .post-comment-text > div h5:first-child, .post-comment-text > div h6:first-child {
  margin-top: 0;
}

.post-comment-text > div table th a, .post-comment-text > div table td a {
  color: var(--color-primary-dark);
  font-weight: 700;
}

.post-comment-text > div table th a:hover, .post-comment-text > div table td a:hover {
  text-decoration: underline;
}

/*-----------------
    WP CALENDAR
-----------------*/
.wp-calendar-table {
  margin: 0 auto;
  border-collapse: collapse;
  border-spacing: 0;
}

.wp-calendar-table caption {
  margin-bottom: 16px;
  color: var(--color-text);
  font-size: 1rem;
  font-weight: 700;
}

.wp-calendar-table thead tr th {
  padding: 4px 8px;
  color: var(--color-text-alt);
  font-size: 0.75rem;
  font-weight: 500;
  text-align: center;
}

.wp-calendar-table tbody tr td {
  padding: 8px;
  color: var(--color-text);
  font-size: 0.75rem;
  font-weight: 700;
  text-align: center;
}

.wp-calendar-table tbody tr td a {
  color: var(--color-secondary);
  border-bottom: 1px solid var(--color-secondary);
}

.wp-calendar-table tbody tr td#today {
  border-radius: 50%;
  background-color: var(--color-secondary);
  color: #fff;
}

.wp-calendar-table tbody tr td#today a {
  color: #fff;
  text-decoration: none;
}

.wp-calendar-table + .wp-calendar-nav {
  margin-top: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.wp-calendar-table + .wp-calendar-nav span a {
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 700;
  text-decoration: none;
}

.wp-calendar-table + .wp-calendar-nav span a:hover {
  color: var(--color-primary);
}

/*-----------------
    WIDGET BOX
-----------------*/
.widget-box.widget_media_image {
  padding: 0;
}

.widget-box.widget_media_image .widget-box-title {
  margin: 32px 28px;
}

.widget-box.widget_media_image .widget-box-title + img {
  width: 100%;
  height: auto;
  padding: 0 28px 32px;
  border-radius: 0;
}

.widget-box.widget_media_image img {
  display: block;
  border-radius: 12px;
}

.widget-box.widget_calendar .widget-box-title, .widget-box.widget_archive .widget-box-title, .widget-box.widget_recent_comments .widget-box-title, .widget-box.widget_search .widget-box-title, .widget-box.widget_text .widget-box-title, .widget-box.widget_categories .widget-box-title, .widget-box.widget_meta .widget-box-title, .widget-box.widget_nav_menu .widget-box-title, .widget-box.widget_pages .widget-box-title, .widget-box.widget_recent_entries .widget-box-title, .widget-box.widget_media_video .widget-box-title, .widget-box.widget_tag_cloud .widget-box-title, .widget-box.widget_rss .widget-box-title {
  margin-bottom: 32px;
}

.widget-box.widget_recent_comments ul, .widget-box.widget_archive ul, .widget-box.widget_categories ul, .widget-box.widget_meta ul, .widget-box.widget_nav_menu ul, .widget-box.widget_pages ul, .widget-box.widget_recent_entries ul, .widget-box.widget_rss ul {
  padding-left: 16px;
  list-style: disc;
}

.widget-box.widget_recent_comments ul ul, .widget-box.widget_archive ul ul, .widget-box.widget_categories ul ul, .widget-box.widget_meta ul ul, .widget-box.widget_nav_menu ul ul, .widget-box.widget_pages ul ul, .widget-box.widget_recent_entries ul ul, .widget-box.widget_rss ul ul {
  list-style: circle;
  padding: 12px 0 0 16px;
}

.widget-box.widget_recent_comments ul li, .widget-box.widget_archive ul li, .widget-box.widget_categories ul li, .widget-box.widget_meta ul li, .widget-box.widget_nav_menu ul li, .widget-box.widget_pages ul li, .widget-box.widget_recent_entries ul li, .widget-box.widget_rss ul li {
  margin-bottom: 16px;
  padding-left: 0;
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 700;
}

.widget-box.widget_recent_comments ul li:last-child, .widget-box.widget_archive ul li:last-child, .widget-box.widget_categories ul li:last-child, .widget-box.widget_meta ul li:last-child, .widget-box.widget_nav_menu ul li:last-child, .widget-box.widget_pages ul li:last-child, .widget-box.widget_recent_entries ul li:last-child, .widget-box.widget_rss ul li:last-child {
  margin-bottom: 0;
}

.widget-box.widget_recent_comments ul li a, .widget-box.widget_archive ul li a, .widget-box.widget_categories ul li a, .widget-box.widget_meta ul li a, .widget-box.widget_nav_menu ul li a, .widget-box.widget_pages ul li a, .widget-box.widget_recent_entries ul li a, .widget-box.widget_rss ul li a {
  font-weight: 500;
}

.widget-box.widget_nav_menu .menu .menu-item {
  padding: 0;
}

.widget-box.widget_rss ul li {
  margin-bottom: 32px;
}

.widget-box.widget_rss ul li:last-child {
  margin-bottom: 0;
}

.widget-box.widget_rss ul li .rsswidget {
  color: var(--color-primary-dark);
  font-weight: 700;
}

.widget-box.widget_rss ul li .rss-date {
  margin-top: 4px;
  color: var(--color-text-alt);
  font-size: 0.75rem;
  font-weight: 500;
  display: block;
}

.widget-box.widget_rss ul li .rssSummary {
  margin-top: 12px;
  color: var(--color-text);
}

.widget-box.widget_rss ul li cite {
  display: block;
  margin-top: 4px;
  color: var(--color-text-alt);
  font-size: 0.75rem;
  font-weight: 500;
}

.widget-box.widget_search .searchform label {
  margin-bottom: 6px;
  color: var(--color-text-alt);
  font-size: 0.875rem;
  font-weight: 600;
}

.widget-box.widget_search .searchform input[type="text"] {
  height: 48px;
  line-height: 48px;
}

.widget-box.widget_search .searchform input[type="submit"] {
  width: 100%;
  height: 40px;
  margin-top: 22px;
  border-radius: 10px;
  background-color: var(--color-primary);
  box-shadow: var(--color-primary-shadow);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 40px;
  cursor: pointer;
  transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out;
}

.widget-box.widget_search .searchform input[type="submit"]:hover {
  background-color: var(--color-primary-hover);
}

.widget-box.widget_text .textwidget > * {
  margin-bottom: 32px;
}

.widget-box.widget_text .textwidget > *:last-child {
  margin-bottom: 0;
}

.widget-box.widget_text .textwidget .wp-caption {
  margin-top: 20px;
  max-width: 100%;
  /* Image does not overflow the content area */
}

.widget-box.widget_text .textwidget .wp-caption .wp-caption-text {
  margin-top: 12px;
  font-size: 0.875rem;
  line-height: 1.7142857143em;
  font-weight: 500;
  color: var(--color-text-alt);
  text-align: center;
}

.widget-box.widget_text .textwidget .wp-caption .wp-caption-text a {
  color: var(--color-primary-dark);
  font-weight: 600;
}

.widget-box.widget_text .textwidget .wp-caption img {
  max-width: 100%;
  height: auto;
}

.widget-box.widget_text .textwidget p {
  color: var(--color-text);
  font-size: 0.875rem;
  line-height: 1.7142857143em;
  font-weight: 500;
}

.widget-box.widget_text .textwidget p img {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 12px;
}

.widget-box.widget_tag_cloud .tagcloud {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -12px;
}

.widget-box.widget_tag_cloud .tagcloud .tag-cloud-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin: 12px 12px 0 0;
  min-height: 24px;
  padding: 4px 12px;
  border-radius: 200px;
  background-color: var(--color-secondary);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  transition: background-color .2s ease-in-out;
}

.widget-box.widget_tag_cloud .tagcloud .tag-cloud-link:hover {
  color: #fff;
  background-color: var(--color-primary);
}

.widget-box.widget_tag_cloud .tagcloud .tag-cloud-link:focus {
  border: none;
  background-color: var(--color-primary);
}

.widget-box.widget_tag_cloud .tagcloud .tag-cloud-link .tag-link-count {
  font-weight: 700;
}

.widget-box.widget_text label, .widget-box.widget_archive label, .widget-box.widget_categories label {
  margin-bottom: 6px;
  color: var(--color-text-alt);
  font-size: 0.875rem;
  font-weight: 600;
}

.widget-box.widget_text select, .widget-box.widget_archive select, .widget-box.widget_categories select {
  width: 100%;
  height: 48px;
  padding: 0 48px 0 20px;
  font-size: 0.875rem;
  cursor: pointer;
  background: url("img/form/select-arrow.png") no-repeat right 20px top 20px;
}

/*-------------
    LOADER
-------------*/
.page-loader-indicator {
  margin-top: 60px;
}

/*------------------
    ANIMATION
------------------*/
.animate-slide-down {
  opacity: 0;
  -webkit-transform: translate(0, -20px);
          transform: translate(0, -20px);
  -webkit-animation: slideDown .4s ease-in-out forwards;
          animation: slideDown .4s ease-in-out forwards;
  transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
  transition: transform .4s ease-in-out, opacity .4s ease-in-out;
  transition: transform .4s ease-in-out, opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
}

@-webkit-keyframes slideDown {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes slideDown {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@media screen and (max-width: 782px) {
  body.vikinger-top-space .header {
    top: 46px;
  }

  body.vikinger-top-space .sidebar.navigation-widget-mobile {
    margin-top: 46px;
  }
}

@media screen and (max-width: 600px) {
  body #wpadminbar {
    position: fixed;
  }
}

.elementor h1, .elementor h2, .elementor h3, .elementor h4,
.elementor h5, .elementor h6, .elementor a, .elementor p {
  color: inherit;
  line-height: inherit;
}

.post-preview .swiper-container {
  z-index: auto;
}

body.buddypress.activation, body.buddypress.registration {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  background: var(--color-wplogin-body);
  overflow: hidden;
}

body.buddypress.activation .vkregister-header, body.buddypress.registration .vkregister-header {
  width: 55%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}

body.buddypress.activation .vkregister-header .vkregister-header-pretitle,
body.buddypress.activation .vkregister-header .vkregister-header-title,
body.buddypress.activation .vkregister-header .vkregister-header-text, body.buddypress.registration .vkregister-header .vkregister-header-pretitle,
body.buddypress.registration .vkregister-header .vkregister-header-title,
body.buddypress.registration .vkregister-header .vkregister-header-text {
  color: var(--color-wplogin-header-text);
  text-align: center;
}

body.buddypress.activation .vkregister-header .vkregister-header-pretitle,
body.buddypress.activation .vkregister-header .vkregister-header-title, body.buddypress.registration .vkregister-header .vkregister-header-pretitle,
body.buddypress.registration .vkregister-header .vkregister-header-title {
  text-transform: uppercase;
}

body.buddypress.activation .vkregister-header .vkregister-header-pretitle, body.buddypress.registration .vkregister-header .vkregister-header-pretitle {
  font-size: 1.5rem;
  font-weight: 500;
}

body.buddypress.activation .vkregister-header .vkregister-header-title, body.buddypress.registration .vkregister-header .vkregister-header-title {
  font-family: var(--font-secondary);
  font-size: 6.5rem;
  font-weight: 900;
}

body.buddypress.activation .vkregister-header .vkregister-header-text, body.buddypress.registration .vkregister-header .vkregister-header-text {
  width: 400px;
  margin: 32px auto 0;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.3333333333em;
}

body.buddypress.activation .vkregister-header .vkregister-header-text .bold, body.buddypress.registration .vkregister-header .vkregister-header-text .bold {
  font-weight: 700;
}

body.buddypress.activation #buddypress, body.buddypress.registration #buddypress {
  width: 45%;
  padding: 80px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}

body.buddypress.activation #buddypress .vkregister-logo, body.buddypress.registration #buddypress .vkregister-logo {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto;
}

body.buddypress.activation #buddypress .vkregister-form-title, body.buddypress.registration #buddypress .vkregister-form-title {
  margin: 60px 0 40px;
  font-size: 1.625rem;
  font-weight: 700;
  text-align: center;
}

body.buddypress.activation #buddypress #activate-page #template-notices + p, body.buddypress.registration #buddypress #activate-page #template-notices + p {
  margin: 40px auto 0;
}

body.buddypress.activation #buddypress #template-notices, body.buddypress.registration #buddypress #template-notices {
  width: 356px;
  min-height: 1px;
  margin: 0 auto;
}

body.buddypress.activation #buddypress #template-notices > p, body.buddypress.registration #buddypress #template-notices > p {
  font-size: 1rem;
  line-height: 1.375em;
  font-weight: 500;
  text-align: center;
}

body.buddypress.activation #buddypress #template-notices + p, body.buddypress.registration #buddypress #template-notices + p {
  width: 80%;
  margin: 0 auto 40px;
  font-size: 1rem;
  line-height: 1.375em;
  font-weight: 500;
  text-align: center;
}

body.buddypress.activation #buddypress .bp-template-notice, body.buddypress.registration #buddypress .bp-template-notice {
  padding: 22px 28px 22px 64px;
  border-radius: 12px;
  box-shadow: var(--color-box-shadow);
  position: relative;
}

body.buddypress.activation #buddypress .bp-template-notice::before, body.buddypress.registration #buddypress .bp-template-notice::before {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 20px;
  left: 20px;
}

body.buddypress.activation #buddypress .bp-template-notice p, body.buddypress.registration #buddypress .bp-template-notice p {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2857142857em;
}

body.buddypress.activation #buddypress .bp-template-notice.updated, body.buddypress.activation #buddypress .bp-template-notice.success, body.buddypress.registration #buddypress .bp-template-notice.updated, body.buddypress.registration #buddypress .bp-template-notice.success {
  background-color: #00c7d9;
}

body.buddypress.activation #buddypress .bp-template-notice.updated::before, body.buddypress.activation #buddypress .bp-template-notice.success::before, body.buddypress.registration #buddypress .bp-template-notice.updated::before, body.buddypress.registration #buddypress .bp-template-notice.success::before {
  content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlN1Y2Nlc3NfQm94X0ljb24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBkPSJNMTYsMjBINGMtMi4yMDksMC00LTEuNzkxLTQtNFY0YzAtMi4yMDgsMS43OTEtNCw0LTRoMTINCgljMi4yMDksMCw0LDEuNzkxLDQsNHYxMkMyMCwxOC4yMDksMTguMjA5LDIwLDE2LDIweiBNMTgsNGMwLTEuMTAzLTAuODk3LTItMi0ySDRDMi44OTcsMiwyLDIuODk3LDIsNHYxMg0KCWMwLDEuMTAzLDAuODk3LDIuMDAxLDIsMi4wMDFoMTJjMS4xMDMsMCwyLTAuODk4LDItMi4wMDFWNHogTTQuOTk1LDEwLjk3M2wxLjA4OC0xLjc0NmwzLjc3MSwyLjAxNmwzLjI2NS01LjIzN2wxLjg4NiwxLjAwOA0KCWwtNC4zNTQsNi45ODJMNC45OTUsMTAuOTczeiIvPg0KPC9zdmc+DQo=");
}

body.buddypress.activation #buddypress .bp-template-notice.error, body.buddypress.registration #buddypress .bp-template-notice.error {
  background-color: #fd4350;
}

body.buddypress.activation #buddypress .bp-template-notice.error::before, body.buddypress.registration #buddypress .bp-template-notice.error::before {
  content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkVycm9yX0JveF9JY29uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiDQoJIHk9IjBweCIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZmZmZiIgZD0iTTE2LDIwSDRjLTIuMjA5LDAtNC0xLjc5MS00LTRWNGMwLTIuMjA4LDEuNzkxLTQsNC00aDEyDQoJYzIuMjA5LDAsNCwxLjc5MSw0LDR2MTJDMjAsMTguMjA5LDE4LjIwOSwyMCwxNiwyMHogTTE4LDRjMC0xLjEwMy0wLjg5Ny0yLTItMkg0QzIuODk3LDIsMiwyLjg5NywyLDR2MTINCgljMCwxLjEwMywwLjg5NywyLjAwMSwyLDIuMDAxaDEyYzEuMTAzLDAsMi0wLjg5OCwyLTIuMDAxVjR6IE0xMi40MDIsMTQuMDA2TDEwLDExLjYwM2wtMi40MDMsMi40MDNsLTEuNjAyLTEuNjAzbDIuNDAzLTIuNDAyDQoJTDUuOTk1LDcuNTk4bDEuNjAyLTEuNjAyTDEwLDguMzk5bDIuNDAyLTIuNDAzbDEuNjAzLDEuNjAybC0yLjQwMywyLjQwM2wyLjQwMywyLjQwMkwxMi40MDIsMTQuMDA2eiIvPg0KPC9zdmc+DQo=");
}

body.buddypress.activation #buddypress .page form, body.buddypress.registration #buddypress .page form {
  width: 356px;
  margin: 40px auto 0;
}

body.buddypress.activation #buddypress .page form #pass-strength-result,
body.buddypress.activation #buddypress .page form .error, body.buddypress.registration #buddypress .page form #pass-strength-result,
body.buddypress.registration #buddypress .page form .error {
  margin-top: 12px;
  color: #fd4350;
  font-size: 0.875rem;
  font-weight: 700;
}

body.buddypress.activation #buddypress .page form #pass-strength-result.good, body.buddypress.registration #buddypress .page form #pass-strength-result.good {
  color: #ffba00;
}

body.buddypress.activation #buddypress .page form #pass-strength-result.strong, body.buddypress.registration #buddypress .page form #pass-strength-result.strong {
  color: #00c7d9;
}

body.buddypress.activation #buddypress .page form input[type="text"],
body.buddypress.activation #buddypress .page form input[type="password"],
body.buddypress.activation #buddypress .page form input[type="email"],
body.buddypress.activation #buddypress .page form input[type="tel"],
body.buddypress.activation #buddypress .page form input[type="search"],
body.buddypress.activation #buddypress .page form input[type="number"],
body.buddypress.activation #buddypress .page form select, body.buddypress.registration #buddypress .page form input[type="text"],
body.buddypress.registration #buddypress .page form input[type="password"],
body.buddypress.registration #buddypress .page form input[type="email"],
body.buddypress.registration #buddypress .page form input[type="tel"],
body.buddypress.registration #buddypress .page form input[type="search"],
body.buddypress.registration #buddypress .page form input[type="number"],
body.buddypress.registration #buddypress .page form select {
  height: 52px;
}

body.buddypress.activation #buddypress .page form input[type="text"],
body.buddypress.activation #buddypress .page form input[type="password"],
body.buddypress.activation #buddypress .page form input[type="email"],
body.buddypress.activation #buddypress .page form input[type="tel"],
body.buddypress.activation #buddypress .page form input[type="search"],
body.buddypress.activation #buddypress .page form input[type="number"],
body.buddypress.activation #buddypress .page form textarea, body.buddypress.registration #buddypress .page form input[type="text"],
body.buddypress.registration #buddypress .page form input[type="password"],
body.buddypress.registration #buddypress .page form input[type="email"],
body.buddypress.registration #buddypress .page form input[type="tel"],
body.buddypress.registration #buddypress .page form input[type="search"],
body.buddypress.registration #buddypress .page form input[type="number"],
body.buddypress.registration #buddypress .page form textarea {
  background: var(--color-wplogin-body);
}

body.buddypress.activation #buddypress .page form select, body.buddypress.registration #buddypress .page form select {
  padding: 0 40px 0 20px;
  font-size: 0.875rem;
  cursor: pointer;
}

body.buddypress.activation #buddypress .page form .form-item + .submit, body.buddypress.registration #buddypress .page form .form-item + .submit {
  margin-top: 28px;
}

body.buddypress.activation #buddypress .page form .form-input label, body.buddypress.registration #buddypress .page form .form-input label {
  margin: 0;
  color: var(--color-text-alt-2);
  font-size: 1rem;
  font-weight: 600;
}

body.buddypress.activation #buddypress .page form label, body.buddypress.registration #buddypress .page form label {
  margin-top: 28px;
}

body.buddypress.activation #buddypress .page form fieldset, body.buddypress.registration #buddypress .page form fieldset {
  margin-bottom: 28px;
}

body.buddypress.activation #buddypress .page form legend,
body.buddypress.activation #buddypress .page form label, body.buddypress.registration #buddypress .page form legend,
body.buddypress.registration #buddypress .page form label {
  margin-bottom: 16px;
  color: var(--color-text);
  font-size: 0.875rem;
  font-weight: 700;
}

body.buddypress.activation #buddypress .page form fieldset label, body.buddypress.registration #buddypress .page form fieldset label {
  margin-top: 0;
}

body.buddypress.activation #buddypress .page form fieldset select, body.buddypress.registration #buddypress .page form fieldset select {
  margin-bottom: 16px;
}

body.buddypress.activation #buddypress .page form fieldset select:last-child, body.buddypress.registration #buddypress .page form fieldset select:last-child {
  margin-bottom: 0;
}

body.buddypress.activation #buddypress .page form input[type="submit"], body.buddypress.registration #buddypress .page form input[type="submit"] {
  width: 100%;
  height: 54px;
  padding: 0 18px;
  border-radius: 12px;
  border-color: transparent;
  background: var(--color-secondary);
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  box-shadow: var(--color-secondary-shadow);
  cursor: pointer;
  transition: background-color .2s ease-in-out;
}

body.buddypress.activation #buddypress .page form input[type="submit"]:hover, body.buddypress.registration #buddypress .page form input[type="submit"]:hover {
  background: var(--color-secondary-hover);
}

body.buddypress.activation #buddypress .page form .register-section + .register-section, body.buddypress.registration #buddypress .page form .register-section + .register-section {
  margin-top: 32px;
}

body.buddypress.activation #buddypress .page form .register-section h2, body.buddypress.registration #buddypress .page form .register-section h2 {
  font-size: 1.125rem;
  margin-bottom: 28px;
}

body.buddypress.activation #buddypress .page form .option-label, body.buddypress.registration #buddypress .page form .option-label {
  cursor: pointer;
}

body.buddypress.activation #buddypress .page form .option-label input[type="checkbox"],
body.buddypress.activation #buddypress .page form .option-label input[type="radio"], body.buddypress.registration #buddypress .page form .option-label input[type="checkbox"],
body.buddypress.registration #buddypress .page form .option-label input[type="radio"] {
  margin-right: 6px;
  position: relative;
  top: 2px;
}

body.buddypress.activation #buddypress .page form .wp-editor-tools, body.buddypress.registration #buddypress .page form .wp-editor-tools {
  margin-bottom: 12px;
}

body.buddypress.activation #buddypress .page form .wp-switch-editor, body.buddypress.registration #buddypress .page form .wp-switch-editor {
  width: auto;
  height: 30px;
  margin: 0 6px 0 0;
  padding: 0 32px;
  border-radius: 12px;
  border: 1px solid var(--color-border);
  background-color: transparent;
  color: var(--color-text-alt-2);
  font-size: 0.875rem;
  box-shadow: none;
}

body.buddypress.activation #buddypress .page form .wp-switch-editor:last-child, body.buddypress.registration #buddypress .page form .wp-switch-editor:last-child {
  margin-right: 0;
}

body.buddypress.activation #buddypress .page form .tmce-active .switch-tmce, body.buddypress.registration #buddypress .page form .tmce-active .switch-tmce {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
  color: #fff;
}

body.buddypress.activation #buddypress .page form .html-active .switch-html, body.buddypress.registration #buddypress .page form .html-active .switch-html {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
  color: #fff;
}

body.buddypress.activation #buddypress .page form .error,
body.buddypress.activation #buddypress .page form .vk-bp-register-disabled-text, body.buddypress.registration #buddypress .page form .error,
body.buddypress.registration #buddypress .page form .vk-bp-register-disabled-text {
  color: #fd4350;
  font-weight: 700;
}

body.buddypress.activation #buddypress .page form .vk-bp-register-disabled-text, body.buddypress.registration #buddypress .page form .vk-bp-register-disabled-text {
  text-align: center;
}

body.buddypress.activation #buddypress .page form .error, body.buddypress.registration #buddypress .page form .error {
  margin-bottom: 8px;
  font-size: 0.75rem;
}

body.buddypress.activation #buddypress .page form .clear-value, body.buddypress.registration #buddypress .page form .clear-value {
  color: var(--color-primary);
  font-size: 0.875rem;
  font-weight: 700;
}

body.buddypress.activation #buddypress .page form .field-visibility-settings-toggle,
body.buddypress.activation #buddypress .page form .field-visibility-settings-notoggle, body.buddypress.registration #buddypress .page form .field-visibility-settings-toggle,
body.buddypress.registration #buddypress .page form .field-visibility-settings-notoggle {
  margin-top: 12px;
  font-size: 0.875rem;
  font-weight: 700;
}

body.buddypress.activation #buddypress .page form .field-visibility-settings-toggle .current-visibility-level,
body.buddypress.activation #buddypress .page form .field-visibility-settings-notoggle .current-visibility-level, body.buddypress.registration #buddypress .page form .field-visibility-settings-toggle .current-visibility-level,
body.buddypress.registration #buddypress .page form .field-visibility-settings-notoggle .current-visibility-level {
  color: var(--color-primary-dark);
}

body.buddypress.activation #buddypress .vk-bp-register-page-nav, body.buddypress.registration #buddypress .vk-bp-register-page-nav {
  margin: 32px auto 0;
  padding: 0;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
}

body.buddypress.activation #buddypress .vk-bp-register-page-nav a, body.buddypress.registration #buddypress .vk-bp-register-page-nav a {
  color: var(--color-text);
  transition: color .2s ease-in-out;
}

body.buddypress.activation #buddypress .vk-bp-register-page-nav a:focus, body.buddypress.activation #buddypress .vk-bp-register-page-nav a:hover, body.buddypress.registration #buddypress .vk-bp-register-page-nav a:focus, body.buddypress.registration #buddypress .vk-bp-register-page-nav a:hover {
  color: var(--color-primary);
}

/*-----------------------
    2. MEDIA QUERIES
-----------------------*/
@media screen and (max-width: 1365px) {
  body.buddypress.activation, body.buddypress.registration {
    display: block;
    overflow: auto;
  }
  body.buddypress.activation .vkregister-header, body.buddypress.registration .vkregister-header {
    display: none;
  }
  body.buddypress.activation #buddypress, body.buddypress.registration #buddypress {
    width: 100%;
    display: block;
  }
}

@media screen and (max-width: 480px) {
  body.buddypress.activation #buddypress, body.buddypress.registration #buddypress {
    width: 90%;
    margin: 0 auto;
  }
  body.buddypress.activation #buddypress .page form,
  body.buddypress.activation #buddypress .page #template-notices, body.buddypress.registration #buddypress .page form,
  body.buddypress.registration #buddypress .page #template-notices {
    width: auto;
  }
}

.jeVCyG {
    border-radius: 16px;
    border: 1px solid var(--c-color-gray-200);
    background-color: var(--c-color-background-2);
    -webkit-box-pack: justify;
    justify-content: space-between;
    display: flex;
    cursor: pointer;
flex-direction: column;
}

.jeVCyG .fl {
    display: flex;
    -webkit-box-align: center;

}
.klANat {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    line-height: 1em;
    vertical-align: middle;
    color: rgb(72, 109, 247);
    margin-right: 4px;
    font-size: 24px;
}.jmRWFf {
    font-size: 20px;
    opacity: 0.6;
    font-weight: 600;
}.cQTxWf {
text-decoration: inherit;
    margin: 7px 0px 0px;
    padding: 0px;
    line-height: var(--c-line-height-body);
    font-weight: var(--c-font-weight-400);
    display: initial;
    font-size: 14px;
    margin-top: 20px;
    opacity: 0.7;
    font-weight: 500;
    margin-bottom: 7px;
}
.BaseButton_base__34gwo [data-role=btn-content] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}.BaseButton_labelWrapper___Wzzw {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
color: white;
    flex: 0 1 auto;
}.BaseButton_v-primary__gkWpJ.BaseButton_t-default__8BIzz, .BaseButton_v-primary__gkWpJ.BaseButton_t-rounded__Mr4aw {
background-color: #28a745;
    color: #fff;
    border: none;
    padding: 10px;
}

.menu-left {
    position: sticky;
    top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.svg-rating {
    width: 20px;
    height: 20px;
    color: #ffc107;
    margin-right: 10px;
}

.menu-left .menu-item {
border-radius: 8px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    column-gap: 10px;
    font-weight: 500;
    cursor: pointer;
}

.lcWBeZ {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    line-height: 1em;
    vertical-align: middle;
    color: var(--c-color-text-primary);
}

.sidebar-right .g_p_r_table_v2, .p_r_front_page_v2 .g_p_r_table_v2 {
    width: 100%;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}.sidebar-right .g_p_r_t_left_part_v2, .p_r_front_page_v2 .g_p_r_t_left_part_v2 {
    width: 47%;
}.sidebar-right .g_p_r_t_l_p_head_v2, .p_r_front_page_v2 .g_p_r_t_l_p_head_v2 {
    background-color: white;
    color: #B1B1B1;
}.sidebar-right .g_p_r_t_l_p_head_v2, .p_r_front_page_v2 .g_p_r_t_l_p_head_v2, .sidebar-right .g_p_r_t_l_p_body_v2, .p_r_front_page_v2 .g_p_r_t_l_p_body_v2 {
    width: 100%;
}.sidebar-right .g_p_r_t_l_p_head_v2, .p_r_front_page_v2 .g_p_r_t_l_p_head_v2, .sidebar-right .g_p_r_t_l_p_body_v2, .p_r_front_page_v2 .g_p_r_t_l_p_body_v2 {
    width: 100%;
}.sidebar-right .g_p_r_t_right_part_v2, .p_r_front_page_v2 .g_p_r_t_right_part_v2 {
    width: 53%;
    overflow: unset;
}.sidebar-right .g_p_r_t_r_p_head_v2, .p_r_front_page_v2 .g_p_r_t_r_p_head_v2 {
    background-color: white;
}.sidebar-right .g_p_r_t_l_p_h_block_v2.prosadka, .p_r_front_page_v2 .g_p_r_t_l_p_h_block_v2.prosadka, .sidebar-right .g_p_r_t_l_p_h_block_v2.kol-vo, .p_r_front_page_v2 .g_p_r_t_l_p_h_block_v2.kol-vo, .sidebar-right .g_p_r_t_r_p_b_b_part_v2.prosadka, .p_r_front_page_v2 .g_p_r_t_r_p_b_b_part_v2.prosadka, .sidebar-right .g_p_r_t_r_p_b_b_part_v2.kol-vo, .p_r_front_page_v2 .g_p_r_t_r_p_b_b_part_v2.kol-vo {
    width: 50%;
    padding: 0;
    text-align: center;
}.sidebar-right .g_p_r_t_r_p_head_v2, .p_r_front_page_v2 .g_p_r_t_r_p_head_v2, .sidebar-right .g_p_r_t_r_p_body_v2, .p_r_front_page_v2 .g_p_r_t_r_p_body_v2 {
    width: 100%;
}.g_p_r_t_r_p_b_block_v2 {
    display: flex
;

    background-color: white;
    margin-top: 1px;
    margin-bottom: 1px;
}.sidebar-right .g_p_r_t_l_p_h_block_v2.prosadka, .p_r_front_page_v2 .g_p_r_t_l_p_h_block_v2.prosadka, .sidebar-right .g_p_r_t_l_p_h_block_v2.kol-vo, .p_r_front_page_v2 .g_p_r_t_l_p_h_block_v2.kol-vo, .sidebar-right .g_p_r_t_r_p_b_b_part_v2.prosadka, .p_r_front_page_v2 .g_p_r_t_r_p_b_b_part_v2.prosadka, .sidebar-right .g_p_r_t_r_p_b_b_part_v2.kol-vo, .p_r_front_page_v2 .g_p_r_t_r_p_b_b_part_v2.kol-vo {
    width: 50%;
    padding: 0;
    text-align: center;
}.sidebar-right .g_p_r_table_v2 .g_p_r_t_r_p_b_b_part_v2.kol-vo, .p_r_front_page_v2 .g_p_r_table_v2 .g_p_r_t_r_p_b_b_part_v2.kol-vo {
    width: 52%;
}.g_p_r_t_l_p_b_block_v2 {
    display: flex
;

    background-color: white;
    margin-top: 1px;
    margin-bottom: 1px;
}.sidebar-right .g_p_r_t_l_p_head_v2, .p_r_front_page_v2 .g_p_r_t_l_p_head_v2, .sidebar-right .g_p_r_t_l_p_body_v2, .p_r_front_page_v2 .g_p_r_t_l_p_body_v2 {
    width: 100%;
}.g_p_r_t_l_p_b_b_part_v2.position {
    line-height: 50px;
    text-align: center;
    width: 33px;
    min-width: 21px;
}.gprtlpbbp_img_v2 {
    position: relative;
    min-width: 30px;
}.g_p_r_t_l_p_b_block_v2 .gprtlpbbp_img_v2 img, .g_p_r_t_l_p_b_block_v2 .gprtlpbbp_img_v2 .good-ava {
    margin: 10px 0;
    border-radius: 50%;
}.g_p_r_t_l_p_b_b_part_v2.name {
    font-size: 14px;
    line-height: 18px;
    padding: 7px 0;
    padding-left: 10px;
    width: 111px;
    color: black;
    text-decoration: unset;
    overflow: hidden;
    display: table;
}.sidebar_prognozists_all_v2 {
    margin-top: 10px
}

.sidebar-right .g_p_r_table_v2, .p_r_front_page_v2 .g_p_r_table_v2 {
    width: 100%;
    position: relative;
    border-radius: 3px;
    overflow: hidden
}

.sidebar-right .g_p_r_t_left_part_v2, .p_r_front_page_v2 .g_p_r_t_left_part_v2 {
    width: 47%
}

.sidebar-right .g_p_r_t_right_part_v2, .p_r_front_page_v2 .g_p_r_t_right_part_v2 {
    width: 53%;
    overflow: unset
}

.sidebar-right .g_p_r_t_l_p_head_v2, .p_r_front_page_v2 .g_p_r_t_l_p_head_v2, .sidebar-right .g_p_r_t_l_p_body_v2, .p_r_front_page_v2 .g_p_r_t_l_p_body_v2 {
    width: 100%
}

.sidebar-right .g_p_r_t_r_p_head_v2, .p_r_front_page_v2 .g_p_r_t_r_p_head_v2, .sidebar-right .g_p_r_t_r_p_body_v2, .p_r_front_page_v2 .g_p_r_t_r_p_body_v2 {
    width: 100%
}

.sidebar-right .g_p_r_t_l_p_h_block_v2.kol-vo, .p_r_front_page_v2 .g_p_r_t_l_p_h_block_v2.kol-vo {
    line-height: 34px
}

.sidebar-right .g_p_r_t_l_p_head_v2, .p_r_front_page_v2 .g_p_r_t_l_p_head_v2 {
    background-color: white;
    color: #B1B1B1
}

.sidebar-right .g_p_r_t_r_p_head_v2, .p_r_front_page_v2 .g_p_r_t_r_p_head_v2 {
    background-color: white
}

.sidebar-right .g_p_r_table_v2 .g_p_r_t_r_p_b_b_part_v2.plus_minus, .p_r_front_page_v2 .g_p_r_table_v2 .g_p_r_t_r_p_b_b_part_v2.plus_minus, .sidebar-right .g_p_r_table_v2 .g_p_r_t_r_p_b_b_part_v2.koaf, .p_r_front_page_v2 .g_p_r_table_v2 .g_p_r_t_r_p_b_b_part_v2.koaf, .sidebar-right .g_p_r_table_v2 .g_p_r_t_r_p_b_b_part_v2.roi, .p_r_front_page_v2 .g_p_r_table_v2 .g_p_r_t_r_p_b_b_part_v2.roi, .sidebar-right .g_p_r_table_v2 .prognozist_subscription_button, .p_r_front_page_v2 .g_p_r_table_v2 .prognozist_subscription_button {
    display: none
}

.sidebar-right .g_p_r_t_l_p_h_block_v2.prosadka, .p_r_front_page_v2 .g_p_r_t_l_p_h_block_v2.prosadka, .sidebar-right .g_p_r_t_l_p_h_block_v2.kol-vo, .p_r_front_page_v2 .g_p_r_t_l_p_h_block_v2.kol-vo, .sidebar-right .g_p_r_t_r_p_b_b_part_v2.prosadka, .p_r_front_page_v2 .g_p_r_t_r_p_b_b_part_v2.prosadka, .sidebar-right .g_p_r_t_r_p_b_b_part_v2.kol-vo, .p_r_front_page_v2 .g_p_r_t_r_p_b_b_part_v2.kol-vo {
    width: 50%;
    padding: 0;
    text-align: center
}

.sidebar-right .g_p_r_table_v2 .g_p_r_t_r_p_b_b_part_v2.roi, .p_r_front_page_v2 .g_p_r_table_v2 .g_p_r_t_r_p_b_b_part_v2.roi {
    width: 48%
}

.sidebar-right .g_p_r_table_v2 .g_p_r_t_r_p_b_b_part_v2.kol-vo, .p_r_front_page_v2 .g_p_r_table_v2 .g_p_r_t_r_p_b_b_part_v2.kol-vo {
    width: 52%
}

.p_r_front_page_v2 {
    display: block
}

@media only screen and (max-width: 900px) {
    .p_r_front_page_v2 {
        display:none
    }
}

aside.widget.widget_bonuses_beton_widget .section-title::before, .nbbv_v4_warning_bks .section-title::before {
    content: url('https://betonmobile.ru/wp-content/plugins/good_template_bonuses/img/icon.png');
    height: 40px;
    width: 65px
}

aside.widget.widget_bonuses_beton_widget .section-title::before, aside.widget.widget_bonuses_beton_widget .section-title, .nbbv_v4_warning_bks .section-title::before, .nbbv_v4_warning_bks .section-title {
    display: inline-block;
    vertical-align: middle
}

aside.widget.widget_bonuses_beton_widget .section-title {
    margin: 0;
    padding: 0;
    border-left: 1px solid #fff
}

aside.widget.widget_bonuses_beton_widget .w_bonuses_wrap, .nbbv_v4_warning_bks .w_bonuses_wrap {
    background-color: #fff;
    padding: 15px 0px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px
}

.td-bc-logo {
    display: block;
    height: 34px;
    width: 100px;
    cursor: pointer
}

.bonus_item_block>a {
    display: block
}

.bon-ank_new_fl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FFF
}

.bon-ank_new_fl img {
    max-width: fit-content
}

a.bon-img.bon-img_new {
    position: relative;
    text-decoration: none;
    display: block
}

.bonus_item_block .bon-ank_new_bon_text {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    text-transform: uppercase;
    color: #2A2A2A
}
@media (min-width: 576px) {
    .QTVDV .editor {
        min-height: 48px;
        margin: 5px 0px 12px;
        grid-area: editor;
        border: 1px solid #eff2f5;
        background-color: #eff2f5;
        border-radius: 8px;
        transition: min-height 0.3s, border 0.3s !important;
    }
}@media (min-width: 576px) {
    .QTVDV .editor .base-editor {
        padding: 12px 20px;
        border-radius: 8px;
    }
} @media (min-width: 576px) {
    .QTVDV .editor .base-editor p {
        font-size: 14px;
        line-height: 21px !important;
    }
}.cPsySg {
    display: grid
;
    grid-template-columns: auto auto;
    white-space: nowrap;
    background: #eff2f5;
    overflow: hidden;
    border-radius: 8px;
}.cPsySg .indicator {
    display: flex
;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    gap: 3px;
    font-weight: 500;
    font-size: 11px;
    line-height: 18px;
    color: #eff2f5;
    cursor: pointer;
    user-select: none;
    border: 1px solid #eff2f5;
}.cPsySg .indicator:nth-child(2) {
    border-radius: 0px 8px 8px 0px;
}.cPsySg .indicator:nth-child(1) {
    border-radius: 8px 0px 0px 8px;
    border-right: 1px solid #eff2f5;
}
.h1-index {
padding: 0;
 font-size: 40px;
 margin: 0 0 15px 0;
}

@media (min-width: 576px) {
    .QTVDV .editor-trend {
        grid-area: trend;
        align-self: center;
    }
}.cPsySg .indicator {
    display: flex;
    color: white;
    padding: 5px 10px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    gap: 3px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    cursor: pointer;
    user-select: none;
    border: 1px solid var(--c-color-gray-200);
}.cPsySg .indicator:nth-child(1) {
    border-radius: 8px 0px 0px 8px;
    border-right: 1px solid var(--c-color-gray-200);
}.eVTKye {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    line-height: 1em;
    vertical-align: middle;
    color: var(--c-color-positive);
}.cPsySg .indicator svg {
    font-size: 20px;
}.cPsySg .indicator:nth-child(2) {
    border-radius: 0px 8px 8px 0px;
}.cPsySg .indicator:nth-child(1) {
    border-radius: 8px 0px 0px 8px;
    border-right: 1px solid var(--c-color-gray-200);
}.eaMqaS {
    user-select: none;
    display: inline-block;
    flex-shrink: 0;
    line-height: 1em;
    vertical-align: middle;
    color: var(--c-color-negative);
}

#positive-review {
background: #28a745;
}

#negative-review {
    background: #dc3545;
}

.editor-otzyv {
    display: flex;
    margin: 10px 0;
    padding: 10px 10px;
    align-items: center;
}

.custom-category {
margin-left: auto;
}
.but-point {
cursor: pointer;
}
#additional-category {
padding: 10px 20px;
    outline: none;
    font-size: 14px;
    width: 190px;
}

.editor-otzyv .indicator:first-child {
    margin-right: 10px;
}

   input[type="file"] {
            background-color: var(--color-box-background, #fff);
            border: 1px solid var(--color-border, #ccc);
            color: var(--color-text, #333);
            padding: 12px;
            font-size: 16px;
            border-radius: 8px;
            cursor: pointer;
            transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
            outline: none;
        }

        input[type="file"]:hover {
            border-color: #28a745;

        }

        input[type="file"]:focus {
            border-color: #0056b3;
            box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.3);
        }

.h1-index {
padding: 0;margin: 0 0 10px 0;
}

.indicator.selected {
    opacity: 0.8;
    border-radius: 5px; /* Скругленные углы */
    padding: 5px 10px;
    transition: background-color 0.3s ease;
}

.indicator.selected svg {
    fill: #fff; /* Белый цвет иконки для выделенного элемента */
}


.custom-file-upload {
	background-color: var(--color-box-background);
    border: 1px solid var(--color-border);
    color: var(--color-text);
    transition: border-color .2s ease-in-out;
    display: inline-block;
    cursor: pointer;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 10px 12px;
    width: 100%;
    text-align: center;
}

.editor-attachment {
display: flex;
    padding: 0 20px;
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-width: 5px;
    border-style: solid;
    border-color: #28a745 !important;
    opacity: 0;
    transition: opacity .15s ease;
    border-radius: var(--fancybox-thumbs-border-radius, 4px);
}

  .content-block {
    background: rgba(255, 255, 255, 0.8);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
word-wrap: break-word;
    margin-bottom: 20px;
  }

  .content-block p {
    color: #666;
    line-height: 1.6;
    margin: 10px 0;
  }

  .content-hide {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Ограничение на 3 строки */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

.page-content {
margin-top: 20px;
}

  .read-more-btn {
    display: block;
    width: 200px;
    margin-left: auto;
    padding: 10px 20px;
    text-align: center;
    background-color: #28a745;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s;
margin-top: 20px;
  }

  .read-more-btn:hover {
    opacity: 0.88;
  }


.wpcf7-submit {
    background-color: #28a745 !important;
    color: #fff !important;
}

.profile-position-text {
    word-wrap: break-word;
}

.kontakt-p {
    text-align: center;
    font-size: 20px;
}

.wpcf7 form .wpcf7-response-output {
    border: 2px solid #28a745;
}

.flex-gap-sidebar {
    gap: 15px;
}

.pos-pos {
position: relative;
    top: 3px;
}

.flex-rat-sid {
display: flex;
}


.widget-box .widget-box-status .video-status,
.widget-box .widget-box-status .iframe-wrap,
.widget-box .widget-box-status .poll-box,
.widget-box .widget-box-status .picture-collage,
.widget-box .widget-box-status .widget-box {
  margin-top: 24px;
  margin-bottom: 20px;
}
.grid-photo-coment figure {
    margin: 0;
}
.grid-photo-coment {
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    display: grid;
}

.content #ez-toc-container {
    border: 1px solid #aaa !important;
}

.error-section__content {
display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 18px;
}

.error-search a {
    font-weight: 500;
}

.error-search a svg path {
  stroke: #000;
}


.otzyvy-p-no {
font-size: 20px;
    text-align: center;
    margin: 20px 0;
    font-weight: 600;
}

.content h2 {
font-size: 24px;
    margin: 10px 0 10px 0;
}

.content ul {
color: #666;
line-height: 1.6;
list-style: inside;
margin: 10px 0;
}

.pagination-block {
    margin: 20px auto 0 auto;
    text-align: center;
}

.content ol {
color: #666;
line-height: 1.6;
list-style: inside;
margin: 10px 0;
}

.no-reviews {
    margin-top: 20px;
}
.picture-collage-single {
padding-bottom: 20px;
}
.flex-h1-single {
    display: flex;
    justify-content: space-between;
}

.p-name-single-otzyv {
display: flex;
    align-items: center;
    justify-content: space-between;
}

.review-type-positive {
font-size: 16px;
    margin-right: 25px;
    padding: 0px 10px 0px 10px;
    background-color: #28a745;
    color: white;
}

.review-type-negative {
font-size: 16px;
    margin-right: 25px;
    padding: 0px 10px 0px 10px;
    background-color: #dc3545;
    color: white;
}

.review-type {
    margin-left: auto;
}

.p-flex-otz {
display: flex;
    align-items: center;
    width: 100%;
}

.content-block .content {
    margin-left: 2px;
}

blockquote {
    background-color: #28a745;
    color: #ffffff;
    font-style: italic;
    padding: 10px 20px 10px 20px;
    margin: 0;
}

blockquote p {
    color: #ffffff;
}

@media screen and (max-width: 960px) {
.menu .menu-item {
  padding: 0 16px;
  margin-bottom: 10px;
background-color: #28a745;
}

.menu .menu-item .menu-item-link {
color: white;
 text-decoration: none;
    padding-left: 16px;
}}
@media screen and (max-width: 575px) {
.editor-attachment {
    padding: 0;
    margin-top: 10px;
}}

@media screen and (max-width: 690px) {
.editor-otzyv {
    flex-wrap: wrap;
}

.editor-otzyv .custom-category {
    width: 100%;
    margin-top: 15px;
}

.editor-otzyv #additional-category {
    width: 100%;
}

#positive-review {
 width: 100%;
    padding: 10px 0;
    background-color: #28a745;
    color: white;
margin-bottom: 10px;
margin-right: 0px;
    border-radius: 0px 8px 8px 0px;
}
#negative-review {
 width: 100%;
    padding: 10px 0;
    background-color: #dc3545;
    color: white;
margin-right: 0px;
}

}

@media screen and (max-width: 440px) {
.h1-index {
    font-size: 34px;
}}
@media screen and (max-width: 380px) {
.h1-index {
    font-size: 28px;
}}
@media screen and (max-width: 500px) {
.widget-box-status .review-type {
    width: 100%;
    text-align: center;
    order: -1;
    margin-bottom: 10px;
}


.user-status-title {
flex-wrap: wrap;
}
}

@media screen and (max-width: 1070px) {
.dLeLmA {
    height: 90%;
}

.section-best__item {
    width: 100%;
    position: relative;
}

}

@media screen and (max-width: 630px) {
.dLeLmA {
   display: none;
}}

@media screen and (max-width: 1070px) {
    .grid.grid-3-6-3.mobile-prefer-content > .grid-column:nth-child(3) {
        display: block;
    }

.g_p_r_table_v2 {
justify-content: space-between;
}

.flex-rat-sid {
justify-content: space-between;
}

.g_p_r_t_l_p_h_block_v2.prosadka {
text-align: end;
width: 100% !important;
}
.g_p_r_t_r_p_b_b_part_v2.prosadka {
width: 100% !important;
}
.section-best__item {
    width: 100% !important;
}
}

.left-button {
    margin-left: 10px;
}
@media screen and (max-width: 580px) {
 .flex-h1-single {
    flex-wrap: wrap;
}

.left-button {
margin-bottom: 20px;
    width: 100%;
margin-left: 0px;
}}

.collection-item-content a img {
max-width: 63px;
    max-height: 53px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450 !important;
}

.image-container img {
    height: 100%;
    max-height: 600px;
    object-fit: contain;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    max-width: 800px
}

.image-caption {
    margin-top: 10px;
    opacity: .3;
    text-align: right;
}


.container-otzyvy-img img {
    height: 100%;
    max-height: 600px;
    object-fit: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 500px
}

.caption-otzyvy-img {
    margin-top: 10px;
    opacity: .3;
    text-align: right;
}

.kontakt-p-tg {
font-size: 14px;
}

.bon_after_breadcrumbs_block.show-modal * {
  text-decoration: none
}

.container.bon_after_breadcrumbs_block.show-modal {
  background: rgba(0, 0, 0, 0.90);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  gap: 20px;
  padding-top: 10px
}

.container.bon_after_breadcrumbs_block.show-modal .b-a-b-slider-nav.stories_v3 {
  display: none
}

.b-a-b-slider-nav.fixed {
  position: fixed
}

.bon_after_breadcrumbs_block.show-modal .b-a-b-slider-container:target {
  display: flex;
  overflow: hidden;
  scroll-snap-type: x mandatory;
  scroll-snap-type: mandatory;
  -ms-scroll-snap-type: mandatory;
  -webkit-scroll-snap-type: mandatory;
  -webkit-scroll-snap-destination: 0% 0%;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  min-width: 300px;
  width: 300px;
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
  color: #2A2A2A;
  padding-top: 10px
}

.b_a_b_b_main_container {
  display: flex;
  position: relative;
  align-items: stretch;
  justify-content: center
}

.bon_after_breadcrumbs_block.show-modal .b-a-b-slider-container:target>div {
  display: flex;
  flex-direction: column;
  position: relative;
  scroll-snap-align: start;
  flex-shrink: 0;
  width: 100%;
  margin-right: 50px;
  z-index: 1;
  font-size: 12px;
  overflow-x: hidden;
  overflow-y: auto;
  gap: 5px
}

.b-a-b-s-c-wrap {
  display: flex;
  padding: 15px;
  max-height: 450px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  border-radius: 10px;
  background: #FFF;
  overflow: hidden
}

.bon_after_breadcrumbs_block.show-modal .b-a-b-slider-container:target>div img.size-300x300 {
  cursor: unset;
  width: 300px;
  height: 300px;
  object-fit: cover;
  margin-left: -15px;
  margin-top: -15px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px
}

.b-a-b-s-c-close {
  width: 16px;
  height: 16px;
  line-height: 16px;
  position: absolute;
  color: #FFF;
  right: 8px;
  top: 8px;
  cursor: pointer;
  z-index: 9;
  text-align: center;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.50)
}

.b-a-b-s-c-w-title {
  display: block;
  font-size: 15px
}

.bon_after_breadcrumbs_block.show-modal .b-a-b-s-c-w-btn {
  display: flex;
  width: 100%;
  height: 40px;
  padding: 10px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  background: #028665;
  font-size: 15px;
  font-weight: 700;
  color: #FFF
}

.b-a-b-slider-container::-webkit-scrollbar-thumb {
  background: transparent
}

.bon_after_breadcrumbs_block.show-modal .b-a-b-slider-nav-bullits.d-none.active {
  position: absolute;
  top: 0;
  width: 300px;
  height: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px
}

.bon_after_breadcrumbs_block.show-modal .b-a-b-slider-nav-bullits.d-none>span {
  height: 2px;
  background: rgb(255 255 255 / 50%)
}

.bon_after_breadcrumbs_block.show-modal .b-a-b-slider-nav-bullits.d-none>span>.nav-bullit-indicator {
  width: 0;
  display: block;
  text-align: left;
  height: 2px;
  background: #FFF
}

.bon_after_breadcrumbs_block.show-modal .b-a-b-slider-nav-bullits.d-none>span>.nav-bullit-indicator.active {
  width: 100%
}

.bon_after_breadcrumbs_block.show-modal .b-a-b-slider-nav-bullits.d-none>span>.nav-bullit-indicator.active.transition {
  -webkit-transition: 5000ms linear;
  -moz-transition: 5000ms linear;
  -o-transition: 5000ms linear;
  -ms-transition: 5000ms linear;
  transition: 5000ms linear
}

.bon_after_breadcrumbs_block.show-modal .b-a-b-slider-nav-bullits a {
  display: flex;
  margin: 0;
  padding: 0;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  z-index: 0;
  opacity: 0.2
}

.bon_after_breadcrumbs_block.show-modal .b-a-b-slider-nav-bullits>a.active {
  opacity: 1
}

.bon_after_breadcrumbs_block.show-modal .b-a-b-slider-nav>a.active {
  border-color: #fff
}

.bon_after_breadcrumbs_block.show-modal .b_a_b_b_arrow {
  display: flex;
  position: relative;
  width: 150px;
  height: 260px;
  margin: 50px -170px;
  justify-content: center;
  align-items: center;
  background: transparent;
  cursor: pointer;
  z-index: 9
}

.b-a-b-s-c-w-position,
.b-a-b-s-c-w-position>* {
  display: flex
}

.b-a-b-s-c-w-position {
  width: 100%;
  min-height: 64px;
  padding: 5px 10px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  background: #EDF4F2
}

.b-a-b-s-c-w-p-body {
  flex-direction: column;
  justify-content: center;
  color: #2A2A2A
}

.b-a-b-s-c-w-p-body .b-a-b-s-c-w-p-b-value {
  font-size: 20px;
  font-weight: 700
}

.b-a-b-s-c-w-p-btn {
  height: 40px;
  padding: 10px 15px;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background: #028665;
  color: #FFF
}

.b-a-b-s-c-w-ads {
  display: block;
  color: #898989;
  text-align: center;
  font-size: 8px;
  margin-bottom: 8px;
  line-height: 1
}

@media only screen and (min-width: 413px) {
  .bon_after_breadcrumbs_block.show-modal .b-a-b-slider-container:target {
      width: 100%;
      max-width: 300px
  }
}

@media only screen and (min-width: 495px) {
  .b-a-b-slider-nav {
      gap: 15px
  }
}

@media only screen and (min-width: 900px) {
  .beton_headers_banners .container.bon_after_breadcrumbs_block {
      align-items: center
  }
}

@media (min-width: 768px) {

  .b-a-b-s-c-close:hover,
  .b-a-b-s-c-w-p-btn:hover {
      opacity: 0.5
  }

  .bon_after_breadcrumbs_block.show-modal .b-a-b-s-c-w-btn:hover {
      opacity: 0.5
  }
}

@media only screen and (min-width: 900px) {
  .b_a_b_b_main_container {
      align-items: center
  }

  .b-a-b-slider-nav>a:hover {
      opacity: 0.5
  }

  .bon_after_breadcrumbs_block.show-modal .b_a_b_b_arrow {
      width: 40px;
      height: 40px;
      gap: 10px;
      border-radius: 20px;
      background: #FFF;
      margin: 0
  }

  .bon_after_breadcrumbs_block.show-modal .b_a_b_b_arrow::after {
      content: '';
      width: 10px;
      height: 10px;
      border-top: 2px solid #2A2A2A;
      border-right: 2px solid #2A2A2A
  }

  .bon_after_breadcrumbs_block.show-modal .b_a_b_b_arrow.arrow_right::after {
      transform: rotate(45deg);
      margin-right: 3px
  }

  .bon_after_breadcrumbs_block.show-modal .b_a_b_b_arrow.arrow_left::after {
      transform: rotate(225deg);
      margin-left: 3px
  }

  .bon_after_breadcrumbs_block.show-modal .b_a_b_b_arrow:hover {
      opacity: 0.5
  }
}

.money-btn__block {
  position: fixed;
  top: 70vh;
  left: 0;
  z-index: 999
}

.money-btn__close {
  width: 10px;
  height: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -8px;
  right: 0;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%
}

.money-btn__link {
  display: block;
  text-decoration: none;
  opacity: 1;
  outline: none
}

.money-btn__link:hover {
  text-decoration: none
}

.money-btn__icon {
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%)
}

.money-btn__icon svg {
  width: 100%;
  height: 100%;
  display: block
}

.money-btn__text {
  margin: 7px 0 3px;
  padding: 9px 5px 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 10px;
  font-size: 10px;
  text-align: center;
  border-radius: 0 6px 6px 0
}

.money-btn__text span {
  display: block;
  line-height: 15px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.05em;
  white-space: nowrap
}

.money-btn__ads {
  padding-left: 1px;
  width: 100%;
  max-width: 53px;
  display: block;
  line-height: 4px;
  font-size: 4px;
  letter-spacing: -0.02em;
  color: #B8B8B8
}

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

.col-xs-pull-11 {
  right: 91.66666667%
}

.col-xs-pull-10 {
  right: 83.33333333%
}

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

.col-xs-pull-8 {
  right: 66.66666667%
}

.col-xs-pull-7 {
  right: 58.33333333%
}

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

.col-xs-pull-5 {
  right: 41.66666667%
}

.col-xs-pull-4 {
  right: 33.33333333%
}

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

.col-xs-pull-2 {
  right: 16.66666667%
}

.col-xs-pull-1 {
  right: 8.33333333%
}

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

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

.col-xs-push-11 {
  left: 91.66666667%
}

.col-xs-push-10 {
  left: 83.33333333%
}

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

.col-xs-push-8 {
  left: 66.66666667%
}

.col-xs-push-7 {
  left: 58.33333333%
}

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

.col-xs-push-5 {
  left: 41.66666667%
}

.col-xs-push-4 {
  left: 33.33333333%
}

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

.col-xs-push-2 {
  left: 16.66666667%
}

.col-xs-push-1 {
  left: 8.33333333%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.pull-right {
  float: right !important
}

.pull-left {
  float: left !important
}

.affix {
  position: fixed
}

@media(min-width: 650px) {
  .container {
      width: 600px
  }

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

  .col-sm-12 {
      width: 100%
  }

  .col-sm-11 {
      width: 91.66666667%
  }

  .col-sm-10 {
      width: 83.33333333%
  }

  .col-sm-9 {
      width: 75%
  }

  .col-sm-8 {
      width: 66.66666667%
  }

  .col-sm-7 {
      width: 58.33333333%
  }

  .col-sm-6 {
      width: 50%
  }

  .col-sm-5 {
      width: 41.66666667%
  }

  .col-sm-4 {
      width: 33.33333333%
  }

  .col-sm-3 {
      width: 25%
  }

  .col-sm-2 {
      width: 16.66666667%
  }

  .col-sm-1 {
      width: 8.33333333%
  }

  .col-sm-pull-12 {
      right: 100%
  }

  .col-sm-pull-11 {
      right: 91.66666667%
  }

  .col-sm-pull-10 {
      right: 83.33333333%
  }

  .col-sm-pull-9 {
      right: 75%
  }

  .col-sm-pull-8 {
      right: 66.66666667%
  }

  .col-sm-pull-7 {
      right: 58.33333333%
  }

  .col-sm-pull-6 {
      right: 50%
  }

  .col-sm-pull-5 {
      right: 41.66666667%
  }

  .col-sm-pull-4 {
      right: 33.33333333%
  }

  .col-sm-pull-3 {
      right: 25%
  }

  .col-sm-pull-2 {
      right: 16.66666667%
  }

  .col-sm-pull-1 {
      right: 8.33333333%
  }

  .col-sm-pull-0 {
      right: auto
  }

  .col-sm-push-12 {
      left: 100%
  }

  .col-sm-push-11 {
      left: 91.66666667%
  }

  .col-sm-push-10 {
      left: 83.33333333%
  }

  .col-sm-push-9 {
      left: 75%
  }

  .col-sm-push-8 {
      left: 66.66666667%
  }

  .col-sm-push-7 {
      left: 58.33333333%
  }

  .col-sm-push-6 {
      left: 50%
  }

  .col-sm-push-5 {
      left: 41.66666667%
  }

  .col-sm-push-4 {
      left: 33.33333333%
  }

  .col-sm-push-3 {
      left: 25%
  }

  .col-sm-push-2 {
      left: 16.66666667%
  }

  .col-sm-push-1 {
      left: 8.33333333%
  }

  .col-sm-push-0 {
      left: auto
  }

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

  .col-sm-offset-11 {
      margin-left: 91.66666667%
  }

  .col-sm-offset-10 {
      margin-left: 83.33333333%
  }

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

  .col-sm-offset-8 {
      margin-left: 66.66666667%
  }

  .col-sm-offset-7 {
      margin-left: 58.33333333%
  }

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

  .col-sm-offset-5 {
      margin-left: 41.66666667%
  }

  .col-sm-offset-4 {
      margin-left: 33.33333333%
  }

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

  .col-sm-offset-2 {
      margin-left: 16.66666667%
  }

  .col-sm-offset-1 {
      margin-left: 8.33333333%
  }

  .col-sm-offset-0 {
      margin-left: 0%
  }
}

@media(min-width: 900px) {
  .container {
      width: 860px
  }

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

  .col-md-12 {
      width: 100%
  }

  .col-md-11 {
      width: 91.66666667%
  }

  .col-md-10 {
      width: 83.33333333%
  }

  .col-md-9 {
      width: 75%
  }

  .col-md-8 {
      width: 66.66666667%
  }

  .col-md-7 {
      width: 58.33333333%
  }

  .col-md-6 {
      width: 50%
  }

  .col-md-5 {
      width: 41.66666667%
  }

  .col-md-4 {
      width: 33.33333333%
  }

  .col-md-3 {
      width: 25%
  }

  .col-md-2 {
      width: 16.66666667%
  }

  .col-md-1 {
      width: 8.33333333%
  }

  .col-md-pull-12 {
      right: 100%
  }

  .col-md-pull-11 {
      right: 91.66666667%
  }

  .col-md-pull-10 {
      right: 83.33333333%
  }

  .col-md-pull-9 {
      right: 75%
  }

  .col-md-pull-8 {
      right: 66.66666667%
  }

  .col-md-pull-7 {
      right: 58.33333333%
  }

  .col-md-pull-6 {
      right: 50%
  }

  .col-md-pull-5 {
      right: 41.66666667%
  }

  .col-md-pull-4 {
      right: 33.33333333%
  }

  .col-md-pull-3 {
      right: 25%
  }

  .col-md-pull-2 {
      right: 16.66666667%
  }

  .col-md-pull-1 {
      right: 8.33333333%
  }

  .col-md-pull-0 {
      right: auto
  }

  .col-md-push-12 {
      left: 100%
  }

  .col-md-push-11 {
      left: 91.66666667%
  }

  .col-md-push-10 {
      left: 83.33333333%
  }

  .col-md-push-9 {
      left: 75%
  }

  .col-md-push-8 {
      left: 66.66666667%
  }

  .col-md-push-7 {
      left: 58.33333333%
  }

  .col-md-push-6 {
      left: 50%
  }

  .col-md-push-5 {
      left: 41.66666667%
  }

  .col-md-push-4 {
      left: 33.33333333%
  }

  .col-md-push-3 {
      left: 25%
  }

  .col-md-push-2 {
      left: 16.66666667%
  }

  .col-md-push-1 {
      left: 8.33333333%
  }

  .col-md-push-0 {
      left: auto
  }

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

  .col-md-offset-11 {
      margin-left: 91.66666667%
  }

  .col-md-offset-10 {
      margin-left: 83.33333333%
  }

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

  .col-md-offset-8 {
      margin-left: 66.66666667%
  }

  .col-md-offset-7 {
      margin-left: 58.33333333%
  }

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

  .col-md-offset-5 {
      margin-left: 41.66666667%
  }

  .col-md-offset-4 {
      margin-left: 33.33333333%
  }

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

  .col-md-offset-2 {
      margin-left: 16.66666667%
  }

  .col-md-offset-1 {
      margin-left: 8.33333333%
  }

  .col-md-offset-0 {
      margin-left: 0%
  }
}

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

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

  .col-lg-12 {
      width: 100%
  }

  .col-lg-11 {
      width: 91.66666667%
  }

  .col-lg-10 {
      width: 83.33333333%
  }

  .col-lg-9 {
      width: 75%
  }

  .col-lg-8 {
      width: 66.66666667%
  }

  .col-lg-7 {
      width: 58.33333333%
  }

  .col-lg-6 {
      width: 50%
  }

  .col-lg-5 {
      width: 41.66666667%
  }

  .col-lg-4 {
      width: 33.33333333%
  }

  .col-lg-3 {
      width: 25%
  }

  .col-lg-2 {
      width: 16.66666667%
  }

  .col-lg-1 {
      width: 8.33333333%
  }

  .col-lg-pull-12 {
      right: 100%
  }

  .col-lg-pull-11 {
      right: 91.66666667%
  }

  .col-lg-pull-10 {
      right: 83.33333333%
  }

  .col-lg-pull-9 {
      right: 75%
  }

  .col-lg-pull-8 {
      right: 66.66666667%
  }

  .col-lg-pull-7 {
      right: 58.33333333%
  }

  .col-lg-pull-6 {
      right: 50%
  }

  .col-lg-pull-5 {
      right: 41.66666667%
  }

  .col-lg-pull-4 {
      right: 33.33333333%
  }

  .col-lg-pull-3 {
      right: 25%
  }

  .col-lg-pull-2 {
      right: 16.66666667%
  }

  .col-lg-pull-1 {
      right: 8.33333333%
  }

  .col-lg-pull-0 {
      right: auto
  }

  .col-lg-push-12 {
      left: 100%
  }

  .col-lg-push-11 {
      left: 91.66666667%
  }

  .col-lg-push-10 {
      left: 83.33333333%
  }

  .col-lg-push-9 {
      left: 75%
  }

  .col-lg-push-8 {
      left: 66.66666667%
  }

  .col-lg-push-7 {
      left: 58.33333333%
  }

  .col-lg-push-6 {
      left: 50%
  }

  .col-lg-push-5 {
      left: 41.66666667%
  }

  .col-lg-push-4 {
      left: 33.33333333%
  }

  .col-lg-push-3 {
      left: 25%
  }

  .col-lg-push-2 {
      left: 16.66666667%
  }

  .col-lg-push-1 {
      left: 8.33333333%
  }

  .col-lg-push-0 {
      left: auto
  }

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

  .col-lg-offset-11 {
      margin-left: 91.66666667%
  }

  .col-lg-offset-10 {
      margin-left: 83.33333333%
  }

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

  .col-lg-offset-8 {
      margin-left: 66.66666667%
  }

  .col-lg-offset-7 {
      margin-left: 58.33333333%
  }

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

  .col-lg-offset-5 {
      margin-left: 41.66666667%
  }

  .col-lg-offset-4 {
      margin-left: 33.33333333%
  }

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

  .col-lg-offset-2 {
      margin-left: 16.66666667%
  }

  .col-lg-offset-1 {
      margin-left: 8.33333333%
  }

  .col-lg-offset-0 {
      margin-left: 0%
  }
}

.pushy-overlay {
  display: none
}

.pushy-overlay.show {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 900;
  background-color: rgba(0, 0, 0, 0.5)
}

.pushy {
  position: fixed;
  width: 227px;
  height: 100%;
  top: 50px;
  z-index: 980;
  background: white;
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.pushy a {
  display: block;
  color: #2A2A2A;
  font-size: 14px;
  padding: 8px 19px;
  text-decoration: none;
  border-bottom: 1px solid #EAEAEA
}

.pushy a span {
  font-size: 23px;
  display: block;
  float: left;
  margin-top: -4px;
  margin-right: 10px;
  color: #ADADAD
}

.pushy ul:first-child {
  padding: 0;
  list-style: none;
  margin-top: 0
}

.pushy.pushy-left {
  left: 0
}

.pushy-content {
  visibility: hidden
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
  box-shadow: 0px 3px 92px rgb(0 0 0 / 57%)
}

.pushy-open-left .pushy-content,
.pushy-open-right .pushy-content {
  visibility: visible
}

@keyframes fade {
  0% {
      opacity: 0
  }

  100% {
      opacity: 1
  }
}

@-webkit-keyframes fade {
  0% {
      opacity: 0
  }

  100% {
      opacity: 1
  }
}

.pushy-submenu ul {
  padding-left: 0;
  list-style: none
}

.pushy-submenu ul .pushy-link a {
  padding: 8px 10px 8px 48px
}

.pushy-submenu button {
  width: 100%;
  text-align: left;
  background: transparent;
  display: block;
  color: #2A2A2A;
  font-size: 14px;
  padding: 8px 19px;
  text-decoration: none;
  border: 0;
  border-bottom: 1px solid #EAEAEA;
  outline: none
}

.pushy-submenu button span {
  font-size: 23px;
  display: block;
  float: left;
  margin-top: -4px;
  margin-right: 10px;
  color: #ADADAD
}

.pushy-submenu>a,
.pushy-submenu>button {
  position: relative
}

.pushy-submenu>a::after,
.pushy-submenu>button::after {
  content: '';
  display: block;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 14px;
  right: 15px;
  background-image: url('/wp-content/themes/beton/img/icons/arrow.svg');
  background-position: center;
  background-repeat: no-repeat
}

.pushy-submenu>button.active::after {
  transform: rotate(180deg)
}

.pushy-submenu-closed ul {
  max-height: 0;
  overflow: hidden;
  visibility: hidden
}

.pushy-submenu-closed .pushy-link {
  opacity: 0
}

.pushy-submenu-open {}

.pushy-submenu-open ul {
  max-height: 1000px;
  visibility: visible
}

.pushy-submenu-open .pushy-link {
  opacity: 1
}

nav.pushy-right.show {
  right: 0;
  margin-right: -5px
}

nav.pushy-right.show .pushy-content {
  visibility: visible
}

nav .sub-menu {
  display: none
}

@media screen and (min-width: 900px) {

  .right-side-header .mobile-top-menu,
  .right-side-header .pushy-content {
      display: none
  }

  .right-side-header .pushy.pushy-right {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      width: unset;
      height: unset;
      transform: inherit;
      background: transparent;
      overflow: unset
  }

  .right-side-header .pushy a {
      padding: unset;
      border-bottom: unset
  }

  .right-side-header .pushy a span {
      font-size: unset;
      display: unset;
      margin: 0;
      padding: unset;
      color: unset
  }
}

@media screen and (min-width: 768px) {
  .scroll_indicator {
      width: 100%;
      height: 2px;
      background: #fff
  }

  .scroll_indicator>span {
      height: 2px;
      background-color: #CECECE;
      border-radius: 0 20px 20px 0;
      display: block;
      max-width: 100%;
      width: 0
  }
}

.right-side-header .search-top {
  display: block;
  width: 100%;
  float: unset;
  margin: 0
}

form.search {
  position: relative;
  border-radius: 0
}

.search-top form.search input[type="text"] {
  border: none;
  line-height: 37px;
  padding: 0 15px;
  font-size: 12px;
  color: #838282;
  width: 100%;
  background: #F2F1F1;
  height: 42px
}

.search-top .search-submit {
  position: absolute;
  right: 5px;
  top: 7px;
  background: transparent;
  border: none;
  padding: 0
}

.search-top .icon-search {
  display: block
}

@media only screen and (min-width: 900px) {
  body {
      position: relative;
      padding-top: unset
  }

  .top-header {
      padding-top: 7px;
      height: 62px;
      position: relative;
      background-color: #F2F1F1;
      box-shadow: unset
  }

  .right-side-header .search-top {
      width: 205px;
      height: 40px;
      margin-right: 10px;
      display: inline-block;
      float: none;
      margin-top: 5px
  }

  .search-top form.search input[type="text"] {
      margin-right: 20px;
      background: #FFF;
      border-radius: 5px;
      height: 40px
  }
}

@media only screen and (min-width: 1000px) {
  .top-header .logo {
      width: unset
  }

  .logo_2 {
      display: unset;
      width: 73px;
      height: 18px
  }

  .logo_3 {
      display: unset;
      width: 78px;
      height: 18px;
      margin: 3px 0 0 3px
  }

  .top-header .textop {
      font-size: 14px;
      width: unset;
      line-height: 22px;
      margin: 13px 0 0px 15px;
      padding-left: 15px
  }
}

@media only screen and (min-width: 1200px) {
  div.container {
      width: 1160px
  }
}

.icon-close:before {
  content: '+';
  font-size: 30px;
  transform: rotate(45deg);
  position: absolute
}

.main-nav-two .main-menu li {
  text-transform: none;
  float: none;
  display: block;
  border-top: 1px solid #EAEAEA
}

.main-nav-two .main-menu li:hover>.menu-itname {
  color: #FBBC04
}

.main-nav .main-menu li .menu-itname {
  line-height: 50px;
  height: 50px
}

.main-nav .main-menu li .menu-itname:hover {
  text-decoration: none;
  background-color: #F2F1F1
}

.main-nav-two .main-menu>li>.menu-itname,
.main-nav-two>li>.menu-itname:focus,
.main-nav-two .main-menu>li>.menu-itname:visited,
.main-nav-two>li>.menu-itname:active {
  height: 39px;
  line-height: 39px;
  font-size: 14px;
  font-weight: normal
}

.main-menu li.menu-item-has-children:hover>.menu-itname {
  cursor: default
}

.main-menu li.menu-item-has-children::after {
  height: 11px;
  width: 12px;
  position: absolute;
  top: -1px;
  right: 10px;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAQAAADWbbXjAAAAO0lEQVR42mPQuq9VzwAHmvla94GURoLWf5iwVr3Wf40EIAMhjBCCCDtovdfcr/UeIgQHWgZa57UMYDwAKTUSc468MDAAAAAASUVORK5CYII=');
  content: '';
  display: block;
  margin: auto 0
}

.main-menu li.menu-item-has-children:hover {
  background-color: #F2F1F1;
  cursor: default
}

.main-nav-two .main-menu li.menu-item-has-children::after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJCAQAAABQpC4VAAAANklEQVR42mPQuq8RzwABWg1a/1E5DgjOe1UDKEd7v9Z5iGi91nstAwjjP5yhkQCW1LwPZTAAAI/dElNcBCqXAAAAAElFTkSuQmCC')
}

.main-nav-two .main-menu li.menu-item-has-children:hover::after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJCAYAAAD6reaeAAAAd0lEQVQYV03OwRGCMBCF4fcgcKYVSmAGqUMrgA6InWgd4kAJdmAhCbtOAgH3+P3vsPRT/gUya1r3xH50L2NBjASvKTDEFKBoiotfIv6FXoXNgTFMZgZQncu3GaE6qKzb0kWAVfF12eHDE3grO/cII4Y/RbJ7goA/Fz42YS+heHQAAAAASUVORK5CYII=')
}

.main-nav-two .main-menu li.menu-item-has-children::after {
  bottom: -3px
}

.main-menu .sub-menu {
  min-width: 99.9%;
  list-style: none;
  padding: 0;
  position: absolute;
  z-index: 100;
  display: none;
  box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.15);
  margin: 0
}

.main-nav-two .main-menu .sub-menu {
  top: 0;
  left: 99%
}

.main-menu li.menu-item-has-children:hover .sub-menu {
  display: block;
  width: max-content
}

.main-menu .sub-menu li {
  display: block;
  float: none;
  left: 0;
  text-align: left;
  text-transform: none;
  font-size: 14px;
  margin-left: unset
}

.main-nav .main-menu .sub-menu li {
  border-top: 1px solid #EAEAEA;
  height: 36px
}

.main-nav-two .main-menu .sub-menu li {
  border: none
}

.main-menu .sub-menu li .menu-itname {
  line-height: 36px
}

.main-nav .main-menu li ul li .menu-itname {
  height: auto
}

.main-nav .main-menu .sub-menu li .menu-itname {
  text-decoration: none;
  background-color: white;
  font-weight: normal
}

.main-nav-two .main-menu .sub-menu li .menu-itname {
  background-color: white;
  border-color: white
}

.main-menu .sub-menu li::before {
  content: none
}

#menu-polnoe-menyu .current-menu-parent.menu-item-has-children>.menu-itname,
#menu-polnoe-menyu .current-menu-item>.menu-itname {
  color: #FBBC04
}

#menu-polnoe-menyu .current-menu-parent:after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFBAMAAACOSmBbAAAAKlBMVEUAAAD6ugX6ugD7uwT6ugX6ugP6vAX7vQT7vAT7vAT8vAP7vAT7vAP7vATscJajAAAADXRSTlMAMDBAYGBvf7/P3+/vl4yjpQAAACZJREFUeNpjWM7AwLaAIbaAodaBgfU6+xUGBgbrHgcGBgbGSQwMAGh+BimMDRTqAAAAAElFTkSuQmCC')
}

#menu-vtoroe-menyu .current-menu-parent>.menu-itname,
#menu-vtoroe-menyu .current-menu-item>.menu-itname {
  color: #FBBC04
}

.main-menu .sub-menu li .menu-itname:hover {
  color: #FBBC04;
  border-right-color: #FBBC04;
  background-color: #EAEAEA
}

.mobile_scroll {
  width: 100%;
  height: 2px;
  background: #F2F1F1;
  z-index: 1;
  left: 0
}

.mobile_scroll>span {
  height: 2px;
  background-color: #CECECE;
  border-radius: 0 20px 20px 0;
  display: block
}

.nav-mobile .selecter-options li {
  list-style: none;
  display: block;
  position: relative;
  margin: 0
}

.nav-mobile .selecter-options a {
  background: white;
  color: black;
  display: block;
  line-height: 37px;
  padding-left: 13px;
  text-decoration: unset;
  box-shadow: none
}

.nav-mobile .selecter-options li:last-child a {
  border-bottom: none
}

.nav-mobile .selecter-options li.current-menu-item a {
  color: #FBBC04
}

.nav-mobile .selecter-options span.yellspan+ul {
  position: absolute;
  width: 100%
}

@media only screen and (min-width: 900px) {
  .main-nav {
      width: 100%;
      padding-left: 0;
      background-color: white;
      position: relative;
      z-index: 98;
      box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.07)
  }

  .nav_mob {
      display: none
  }

  .main-nav .main-menu {
      width: 95%
  }

  .menu_dop_button {
      color: #2A2A2A;
      display: block;
      float: left;
      width: 5%;
      text-align: center;
      cursor: pointer;
      height: 50px
  }

  .menu_dop_button .icon-menu {
      display: block;
      position: absolute;
      margin-left: 10px
  }

  .menu_dop_button .icon-not_checked {
      display: none;
      color: #2A2A2A;
      height: 50px;
      margin-right: 26px;
      line-height: 47px
  }

  .main-nav-two {
      display: none;
      background: white;
      height: 0;
      position: relative;
      z-index: 98
  }

  .menu_dop_button.menu_show:hover .icon-menu {
      display: none
  }

  .menu_dop_button.menu_show:hover>.main-nav-two,
  .menu_dop_button.menu_show:hover .icon-not_checked {
      display: block
  }

  .menu_dop_button .icon-not_checked:before {
      font-size: 40px
  }

  .main-nav-two .main-menu {
      position: absolute;
      background-color: white;
      z-index: 25;
      min-width: 170px;
      box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.15);
      text-align: left
  }

  .main-menu li {
      margin-left: 0;
      font-size: 14px
  }

  .main-menu li .menu-itname {
      padding: 0 9px
  }

  .main-menu li.menu-item-has-children .menu-itname {
      padding: 0 15px 0 11px
  }

  body .main-menu li.menu-item-has-children::after {
      right: 0px
  }

  #menu-polnoe-menyu>li:last-child {
      display: none
  }

  .main-nav_mobil_bottom {
      display: none
  }
}

@media only screen and (min-width: 1000px) and (max-width: 1199px) {
  html .main-nav ul.main-menu li.top_event_menu .menu-itname {
      padding-right: 26px;
      padding-left: 8px
  }
}

@media only screen and (min-width: 1000px) {
  .main-menu li .menu-itname {
      padding: 0 15px
  }

  .main-menu li.menu-item-has-children .menu-itname {
      padding: 0 22px 0 18px
  }

  body .main-menu li.menu-item-has-children::after {
      right: 4px
  }
}

@media only screen and (min-width: 1200px) {
  .menu_dop_button .icon-menu {
      margin-left: 15px
  }

  .main-menu li .menu-itname {
      padding: 0 20px
  }

  .main-menu li.menu-item-has-children .menu-itname {
      padding: 0 24px 0 20px
  }

  #menu-polnoe-menyu>li:last-child {
      display: inline-block
  }
}

body .pushy {
  width: 70%;
  top: 0px
}

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

#menu-menyu .pushy-submenu ul {
  transition: unset
}

.pushy li button,
.pushy li a {
  line-height: 26px
}

.sidebar-right {
  position: relative
}

.sidebar-right .widget {
  margin: 20px 0
}

p.section-title {
  position: relative;
  color: #2A2A2A;
  font-size: 16px;
  line-height: 21px;
  font-weight: 700;
  padding-right: 10px
}

.sidebar-right .section-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  margin: 0 0 10px 0
}

@media (min-width: 768px) {
  .widget_custom_html:hover a {
      opacity: 0.5
  }
}

.sidebar-wrap {
  margin: 8px 0
}

.footer {
  margin-top: 70px;
  z-index: 100 !important;
  position: relative
}

.footer .f-t {
  padding: 30px 0 0;
  border-top: 1px solid #CECECE;
  border-bottom: 1px solid #CECECE;
  margin: 0
}

.footer .f_logoblock {
  margin-bottom: 30px
}

.footer .f_logoblock .logo_footer {
  margin-bottom: 30px
}

.footer .f_logoblock .logo_footer .logo_f_link {
  display: table;
  margin: 0 auto 1px
}

.footer .f_logoblock .logo_footer .logo_f_desc {
  text-align: center;
  font-size: 13px;
  line-height: 13px
}

.footer .copyright {
  font-size: 14px;
  line-height: 14px;
  text-align: center
}

.footer .copyright .ftr-eig {
  text-align: center;
  border: 2px solid #FF1414;
  color: #FF1414;
  margin-left: 10px;
  padding: 5px 7px;
  display: inline-block
}

.footer .f_socialblock .f_social {
  display: flex;
  width: 100%;
  margin-bottom: 30px;
  justify-content: space-between
}

.footer.soc_hidden .f_socialblock .f_social {
  display: none
}

.footer .f_social .social-link {
  display: block;
  text-align: center;
  width: calc((100% - 40px)/ 3)
}

.footer .f_social .social-link span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  background-color: white
}

.footer .icon-youtube:after {
  display: none
}

@media (min-width: 768px) {
  .footer .f_logoblock .logo_footer a.logo_f_link:hover {
      opacity: 0.5
  }

  .footer .f_social a:hover {
      opacity: 0.5
  }
}

@media only screen and (min-width: 900px) {
  .footer .f_logoblock {
      display: flex;
      justify-content: space-between;
      align-items: center
  }

  .footer .f_logoblock .logo_footer {
      margin-bottom: 0
  }

  .footer .f_socialblock {
      display: flex;
      justify-content: space-between
  }

  .footer.soc_hidden .f_socialblock {
      justify-content: flex-end
  }

  .footer .f_socialblock .f_social {
      width: 50%;
      justify-content: space-between
  }

  .footer.hide_country .f_socialblock .f_social {
      width: 100%
  }

  .footer.show_country .f_social .social-link,
  .footer.show_country .f_social .social-link span {
      width: 50px
  }
}

@media only screen and (min-width: 1000px) {
  .footer .f-t {
      display: flex;
      justify-content: space-between
  }

  .footer .f-t>div {
      width: 50%
  }

  .footer.hide_country .f_logoblock,
  .footer.soc_hidden .f_logoblock {
      width: 55%
  }

  .footer.hide_country.soc_hidden .f_logoblock {
      width: 100%;
      justify-content: space-between
  }

  .footer.hide_country .f_socialblock,
  .footer.soc_hidden .f_socialblock {
      width: 45%;
      justify-content: flex-end
  }

  .footer.hide_country.soc_hidden .f_socialblock {
      display: none
  }

  .footer .f_socialblock .f_social {
      justify-content: space-evenly
  }

  .footer.hide_country .f_socialblock .f_social {
      width: 80%;
      justify-content: space-between
  }

  .footer .f_social .social-link,
  .footer .f_social .social-link span {
      width: 50px
  }
}

@media only screen and (min-width: 1200px) {
  .footer .f_logoblock {
      justify-content: flex-start
  }

  .footer .f_logoblock .logo_footer {
      margin-right: 50px
  }
}

.footer .f-meny {
  padding-top: 10px
}

.footer .f-meny .col-md-9>.row {
  margin: 0
}

.footer .col-md-9 .col-md-3 {
  border-bottom: 1px solid #CECECE
}

.footer-nav .h4 {
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  margin: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.mess-bag__title.active .icon-arrow_down2>span {
  transform: rotate(315deg)
}

.mess-bag__title.active .icon-arrow_down2 {
  margin-top: 5px
}

.icon-arrow_down2>span {
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #B8B8B8;
  border-right: 2px solid #B8B8B8;
  transform: rotate(135deg)
}

.icon-arrow_down2.rotate {
  transform: rotate(180deg)
}

.one-column,
.two-column {
  padding: 0;
  margin: 0;
  list-style: none;
  display: none;
  padding-bottom: 10px
}

.footer-nav li {
  padding: 10px 0
}

.footer-nav li:first-child {
  padding-top: 0
}

.two-column li {
  display: block;
  float: left;
  width: 50%
}

.footer-nav li a {
  color: #2A2A2A
}

.one-column li a,
.one-column li a:focus,
.one-column li a:active,
.one-column li a:visited,
.two-column li a,
.two-column li a:focus,
.two-column li a:active,
.two-column li a:visited {
  font-size: 14px;
  line-height: 17px;
  text-decoration: none
}

.one-column li a:hover,
.two-column li a:hover {
  color: #FBBC04;
  text-decoration: none
}

.footer .f-f {
  padding: 30px 0 20px
}

.footer .f-f div {
  font-size: 14px;
  color: #B8B8B8;
  padding: 0 10px 10px 10px
}

.footer .f_btn_trim {
  display: none
}

.footer .f-colum {
  border-bottom: 1px solid #CECECE
}

.footer .f_lud {
  padding-top: 20px
}

.footer .f_lud_t {
  color: #6E6E6E
}

.footer .f_lud_l {
  background: #fff;
  text-align: center;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0
}

.footer .f_lud_l a {
  font-weight: 700;
  color: #2A2A2A;
  text-decoration: unset;
  width: 100%;
  line-height: 50px
}

.footer .f_lud_l a:hover,
.footer .f_btn_trim>div:hover {
  opacity: .5
}

.footer hr {
  display: none
}

@media (min-width: 768px) {
  .footer-nav .one-column li a:hover {
      opacity: 0.5;
      color: #2A2A2A
  }

  .footer .f-bo-r-4:hover {
      opacity: 0.5
  }

  .footer .f-bo-r-1:hover {
      opacity: 0.5
  }
}

@media only screen and (min-width: 900px) {
  .footer-nav .h4 .icon-arrow_down2 {
      display: none
  }

  .footer-nav ul {
      display: block;
      padding-bottom: 0
  }

  .footer-nav li:last-child {
      padding-bottom: 0
  }

  .footer .col-md-9 .col-md-3 {
      border: unset
  }

  .footer .f_btn_trim {
      padding-top: 30px;
      display: block;
      color: #6E6E6E;
      font-size: 14px
  }

  .footer .f_btn_trim {
      width: 98px
  }

  .footer .f_trim .f_btn_trim {
      width: 110px
  }

  .footer .f_btn_trim span {
      float: right;
      margin-top: 9px;
      border-color: #6E6E6E
  }

  .footer .f_trim .f_btn_trim span {
      margin-top: 3px
  }

  .footer .f_btn_trim>div:before {
      content: "Свернуть"
  }

  .footer .f_btn_trim>div {
      height: 20px;
      overflow: hidden;
      cursor: pointer
  }

  .footer .f_trim .f_btn_trim>div:before {
      content: "Развернуть"
  }

  .footer .f_trim>.col-md-12>.row:not(:first-child):not(.f_btn_trim) {
      display: none
  }

  .footer hr {
      border-color: #CECECE;
      margin: 30px 0;
      display: block
  }

  .footer .f-meny>.col-md-12>.row:not(:first-child):not(.f_btn_trim) {
      margin-top: 10px
  }

  .footer .f-colum {
      border: unset
  }

  .footer .f_lud {
      padding: unset
  }
}

@media only screen and (min-width: 650px) {

  .fix-h #sizemetr h1.section-title,
  .fix-h #sizemetr h1.section-title.one_line,
  .fix-h #sizemetr h1.section-title.two_line,
  .fix-h #sizemetr h1.section-title.three_line,
  .fix-h #sizemetr h1.section-title.quater_line {
      height: auto;
      font-size: 24px;
      line-height: 26px
  }

  #sizemetr h2 {
      font-size: 18px
  }
}

@media only screen and (min-width: 900px) {
  h2 {
      font-size: 20px
  }

  #sidebox {
      content-visibility: visible
  }
}

h3 {
  font-size: 16px
}

h4 {
  font-size: 14px;
  line-height: 17px
}

form.search input[type="text"]:focus,
form.search-query-form input[type="text"]:focus {
  outline: 0
}

table,
table tr td {
  border: none
}

table th {
  color: #000;
  border: 0;
  text-align: left
}

table tr {
  background: #F2F1F1
}

table tr:nth-child(odd) {
  background: #FFF
}

.nav-mobile.active .selecter-options span.forecast_line .b:after {
  transform: rotate(180deg);
  border-left: unset
}

.link-blue-border,
.link-blue-border:focus,
.link-blue-border:visited,
.link-blue-border:active {
  display: flex;
  height: 40px;
  text-align: left;
  color: var(--main-color-blue);
  font-size: 14px;
  font-weight: 700;
  line-height: 38px;
  text-decoration: none !important;
  padding: 0 15px;
  clear: both;
  cursor: pointer;
  border: none;
  background: #FFF;
  justify-content: space-between;
  align-items: center
}

.link-blue-border {
  position: relative
}

.link-blue-iconplus:after {
  content: "+";
  font-size: 19px;
  font-weight: 400
}

.link-blue-iconarrow:after {
  content: "";
  transform: rotate(45deg);
  display: block;
  width: 9px;
  height: 9px;
  border-top: 2px solid;
  border-right: 2px solid
}

.link-blue-border:hover {
  text-decoration: none
}

.nav-mobile ul li::before {
  content: unset
}

@media only screen and (max-width: 650px) {
  .hidden-xs {
      display: none
  }
}

@media screen and (min-width: 768px) {
  .link-blue-border:hover {
      opacity: 0.5
  }

  .true_scrollbar::-webkit-scrollbar-thumb,
  .true_scrollbar::-webkit-scrollbar {
      height: 0
  }

  .true_scrollbar::-webkit-scrollbar {
      display: none
  }

  .true_scrollbar {
      -ms-overflow-style: none
  }

  .true_scrollbar {
      scrollbar-width: none
  }

  .main-nav_mobil_bottom .true_scrollbar {
      transform: initial
  }

  .main-nav_mobil_bottom .true_scrollbar>ul {
      transform: initial
  }

  .m_s {
      display: block
  }
}

.mobile-visible-600 {
  display: block
}

.mobile-visible-900 {
  display: block
}

@media only screen and (min-width: 601px) {
  .mobile-visible-600 {
      display: none
  }
}

@media only screen and (min-width: 900px) {
  .mobile-visible-900 {
      display: none
  }
}

@media only screen and (min-width: 1200px) {

  .anonce-caption,
  .anonce-caption:focus,
  .anonce-caption:visited,
  .anonce-caption:active {
      width: 366px
  }

  #tag-lines .row:nth-child(3) .col-lg-6 {
      margin-top: 3px
  }
}

.youtube-player {
  display: block;
  position: relative;
  z-index: 1;
  padding-bottom: 56.23%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
  margin: 5px
}

.youtube-player img {
  bottom: 0;
  display: block;
  left: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  height: auto;
  cursor: pointer;
  -webkit-transition: .4s all;
  -moz-transition: .4s all;
  transition: .4s all
}

.youtube-player .play {
  height: 62px;
  width: 62px;
  left: 50%;
  top: 50%;
  margin-left: -36px;
  margin-top: -36px;
  position: absolute;
  background: url(/wp-content/themes/beton/img/youtube_play.png) no-repeat;
  background-size: contain;
  cursor: pointer;
  display: block
}

.youtube-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: transparent
}

@media (min-width: 768px) {
  .anonce-item-wrap:hover {
      opacity: 0.5
  }
}

@media only screen and (min-width: 651px) {
  .anonce-img {
      max-width: 300px
  }
}

@media only screen and (min-width: 1200px) {
  .anonce-img {
      width: 366px;
      max-width: 366px;
      max-height: 196px
  }

  .anonce-item-wrap {
      max-height: unset;
      margin-bottom: 23px
  }
}

a {
  cursor: pointer;
  text-decoration: none !important;
}

#article-text a[href$=".jpg"],
#article-text a[href$=".png"],
#article-text a[href$=".jpeg"] {
  pointer-events: none
}

.transition-loader {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 99999;
  background: #F2F1F1
}

iframe {
  border: none;
  border-radius: 3px
}

#post-meta {
  width: 100%
}

#tag-text {
  padding-bottom: 8px
}

.center {
  margin: 0 auto;
  display: table
}

.alignleft {
  display: inline;
  float: left;
  margin-right: 1em
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1em
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.post-author-block {
  margin: 20px 0;
  background: #FFF
}

.post-author-block.not_active .p-a-b-n-content {
  display: none
}

.post-author-block .p-a-b-name {
  display: flex;
  padding: 10px 45px 10px 15px;
  position: relative;
  align-items: center;
  line-height: 20px;
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 0;
  margin-top: 0
}

.post-author-block.not_active .p-a-b-name {
  border: 0
}

.post-author-block .p-a-b-n-avatar {
  margin-right: 15px;
  overflow: hidden;
  min-width: 57px;
  border-radius: 50%
}

.post-author-block .p-a-b-n-i-position {
  background-color: #D2E9E3;
  border-radius: 3px;
  color: #028665;
  font-size: 12px;
  line-height: 1;
  padding: 2px 5px;
  display: inline-block;
  margin-top: 7px
}

.nbbv_v4_b_n_arrow {
  width: 11px;
  height: 11px;
  position: absolute;
  border-top: 2px solid #B8B8B8;
  border-left: 2px solid #B8B8B8;
  cursor: pointer;
  transform: rotate(45deg)
}

.post-author-block .nbbv_v4_b_n_arrow {
  right: 18px;
  top: 35px
}

.post-author-block .p-a-b-n-content {
  padding: 15px
}

.post-author-block.not_active .nbbv_v4_b_n_arrow {
  top: 32px;
  transform: rotate(-135deg)
}

.post-author-block .p-a-b-n-info .p-a-b-n-i-title {
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  color: #2A2A2A
}

.post-author-block .p-a-b-n-info .p-a-b-n-i-title span {
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #B8B8B8
}

.post-author-block .p-a-b-n-info .p-a-b-n-i-body {
  font-size: 16px;
  line-height: 16px;
  font-weight: bold
}

.post-author-block .p-a-b-n-content .p-a-b-n-c-socials {
  display: flex;
  margin-bottom: 10px
}

.post-author-block .p-a-b-n-content .p-a-b-n-c-socials>* {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  background-color: #F2F1F1;
  background-position: center;
  background-repeat: no-repeat
}

.post-author-block .p-a-b-n-content .p-a-b-n-c-socials>a:last-child {
  margin-right: 0
}

.post-author-block .p-a-b-n-content .p-a-b-n-c-socials>*.grey {
  opacity: 0.5
}

.post-author-block .p-a-b-n-content .p-a-b-n-c-socials .p-a-b-n-c-s-vk_v2 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyMyAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuODU2NDQ1IDEuMDY2NDhINC4zODUzN0M0LjUwMTI4IDYuOTY1MTIgNy4xMDI4MyA5LjQ2MzY2IDkuMTYzNTIgOS45Nzg4NVYxLjA2NjQxSDEyLjQ4NjNWNi4xNTM2NkMxNC41MjEyIDUuOTM0NzQgMTYuNjU5MiAzLjYxNjQ5IDE3LjM4MDQgMS4wNjY0MUgyMC43MDMyQzIwLjQzMTQgMi4zODg5MiAxOS44ODk2IDMuNjQxMTMgMTkuMTExOCA0Ljc0NDczQzE4LjMzMzkgNS44NDgzMiAxNy4zMzY4IDYuNzc5NTcgMTYuMTgyNyA3LjQ4MDI0QzE3LjQ3MTMgOC4xMTk5OCAxOC42MDk1IDkuMDI1OTUgMTkuNTIyIDEwLjEzODNDMjAuNDM0NSAxMS4yNTA2IDIxLjEwMDUgMTIuNTQzOSAyMS40NzYgMTMuOTMyN0gxNy44MTgzQzE3LjQ4MTMgMTIuNzI2MyAxNi43OTU0IDExLjY0NjQgMTUuODQ2OCAxMC44Mjg0QzE0Ljg5ODIgMTAuMDEwNCAxMy43MjkyIDkuNDkwODIgMTIuNDg2MyA5LjMzNDg0VjEzLjkzMjdIMTIuMDg3MUM1LjA0MjIgMTMuOTMyNyAxLjAyMzkgOS4xMDMwOSAwLjg1NjQ0NSAxLjA2NjQ4WiIgZmlsbD0iIzMzN0FCNyIvPgo8L3N2Zz4K);
  background-size: 22px 14px
}

.post-author-block .p-a-b-n-content .p-a-b-n-c-socials .p-a-b-n-c-s-yout_v2 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjYwMzE1IDAuNDMyMzczQzEuNzE3NjggMC40MzIzNzMgMC4xODkyMDkgMS44ODQ0MiAwLjE4OTIwOSAzLjY3NTYyVjEyLjMyNDNDMC4xODkyMDkgMTQuMTE1NSAxLjcxNzY4IDE1LjU2NzUgMy42MDMxNSAxNS41Njc1SDE4LjM5NjlDMjAuMjgyNCAxNS41Njc1IDIxLjgxMDggMTQuMTE1NSAyMS44MTA4IDEyLjMyNDNWMy42NzU2MkMyMS44MTA4IDEuODg0NDIgMjAuMjgyNCAwLjQzMjM3MyAxOC4zOTY5IDAuNDMyMzczSDMuNjAzMTVaTTguNTkyNjUgMTEuMjg1MkwxNC4yNTUgOC4wMjg1M0w4LjU0Mzc5IDQuODQ5OEw4LjU5MjY1IDExLjI4NTJaIiBmaWxsPSIjRTYyMTE3Ii8+Cjwvc3ZnPgo=);
  background-size: 22px 16px
}

.post-author-block .p-a-b-n-content .p-a-b-n-c-socials .p-a-b-n-c-s-tele_v2 {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI0XzQwOTYpIj4KPHBhdGggZD0iTTE5LjczNDEgMS4yODQ1NEwxNi43NzkzIDE1LjIxOTNDMTYuNTU2MyAxNi4yMDI2IDE1Ljk3NTEgMTYuNDQ3NCAxNS4xNDkxIDE1Ljk4NDRMMTAuNjQ2NyAxMi42NjY2TDguNDc0NDYgMTQuNzU2M0M4LjIzMzg4IDE0Ljk5NjkgOC4wMzMxNiAxNS4xOTc2IDcuNTY5NDggMTUuMTk3Nkw3Ljg5MzI5IDEwLjYxMjZMMTYuMjM3MyAzLjA3MjhDMTYuNjAwMyAyLjc0OTcgMTYuMTU4MyAyLjU2OTk3IDE1LjY3MzcgMi44OTM3N0w1LjM1ODExIDkuMzg5NDJMMC45MTcxNzkgNy45OTkwOUMtMC4wNDg2MzYgNy42OTc2NyAtMC4wNjYxMTk5IDcuMDMzMjggMS4xMTg1OSA2LjU2OTZMMTguNDg4NiAtMC4xMjI1NjhDMTkuMjkyOCAtMC40MjM5OTEgMTkuOTk2NCAwLjA1NjQ2ODMgMTkuNzM0MSAxLjI4NTI0VjEuMjg0NTRaIiBmaWxsPSIjMjlCNkY2Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjRfNDA5NiI+CjxyZWN0IHdpZHRoPSIyMiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
  background-size: 22px 14px
}

.post-author-block .p-a-b-n-content .p-a-b-n-c-desc {
  font-size: 15px;
  line-height: 157%;
  font-weight: 400;
  color: #2A2A2A
}

@media (min-width: 768px) {
  .post-author-block .p-a-b-n-content .p-a-b-n-c-socials>a:hover {
      opacity: 0.5
  }
}

@media (min-width: 768px) {
  .text-block p a:hover {
      opacity: 0.5
  }
}

.floating_menu {
  position: relative;
  width: 100%;
  transition: transform 0.3s ease, top 0.3s ease;
  z-index: 20
}

.odds-table {
  display: flex;
  gap: 10px;
  flex-direction: column;
  padding: 15px 10px
}

.odds-table-caption {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  color: #6E6E6E;
  font-size: 13px;
  border-bottom: 1px solid #F2F1F1;
  padding-bottom: 15px;
  margin-bottom: 5px
}

.odds-table-cell {
  text-align: center;
  flex: 2 0 0
}

.odds-table-item .odds-table-cell.back_green {
  background-color: #fff;
  border: 1px solid #0EB242;
  line-height: 32px
}

.odds-table-cell .green,
.odds-table-cell.back_green {
  color: #0EB242
}

.odds-table-item .odds-table-cell:hover {
  opacity: 0.5
}

.odds-table-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px
}

.odds-table-item .odds-table-cell {
  line-height: 34px;
  background: #F2F1F1;
  cursor: pointer
}

.odds-table-item .odds-table-name {
  background-color: unset
}

.tabs.dragscroll,
.table-container.dragscroll {
  overflow: hidden;
  overflow-x: scroll;
  margin-bottom: -17px;
  padding-bottom: 17px;
  box-sizing: content-box
}

.odds-table-caption .odds-table-cell {
  line-height: 100%
}

.odds-table-caption .odds-table-cell img.td-bc-logo {
  background-image: none
}

.odds-table-caption .odds-table-cell .td-bc-logo {
  display: inline-block;
  vertical-align: middle;
  background-image: url('/wp-content/plugins/bet_cen_client/img/logo_bk.png')
}

.odds-table-cell.odds-table-name {
  min-width: 110px;
  max-width: 110px;
  flex: 1 0 0
}

.odds-group .tabs {
  position: relative
}

.tabs .odds-table-menu-item {
  cursor: pointer;
  line-height: 45px;
  text-align: center;
  font-size: 16px;
  width: 50%;
  display: inline-block;
  font-weight: bold
}

.tabs .odds-table-menu-item.select {
  background-color: #fff
}

.odds-group .tabs input {
  position: absolute;
  left: -9999px
}

#coefficients .line {
  width: 100%
}

.odds-page #coefficients {
  margin: 10px 0 15px
}

.odds-group {
  position: relative;
  overflow: hidden;
  margin-bottom: 1px
}

.odds-group .tabs>div.select>span {
  padding-bottom: 10px
}

.odds-page .d-md-block {
  display: block
}

.odds-page .d-sm-block {
  display: none
}

@media(max-width: 900px) {
  .odds-page .info-center .odds-page-score {
      margin: 5px auto
  }
}

.tabs_cont {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background-color: #fff
}

.tabs_cont>div {
  position: absolute;
  left: -9999px;
  top: 0;
  opacity: 0;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out
}

.tabs_cont>div.view {
  position: static;
  opacity: 1
}

.odds-table-cell a {
  color: #2A2A2A;
  text-decoration: none;
  display: block
}

.chm_box .chm_title:hover a {
  color: #FBBC04
}

.statistics_title {
  line-height: 40px;
  font-size: 25px;
  font-weight: bold
}

.statistics_title .spr_icon_statistic {
  background-position-y: -311px
}

.bc_rw {
  position: relative
}

.period_score span {
  font-size: 12px;
  line-height: 18px;
  color: #B2B2B2;
  border: 1px solid #E2E1E1;
  box-sizing: border-box;
  width: 44px;
  height: 21px;
  display: inline-block;
  border-radius: 3px
}

.d-inline-block .period_score {
  padding-top: 10px;
  border-radius: 3px
}

.info-center .green {
  color: #1B9708
}

.info-center .red {
  color: #FF0035
}

.info-center .gray {
  color: #8C8C8C
}

.bc_event_page .sostav_box .tab-item,
.bc_event_page .sostav_box input,
.bc_event_page .stat_last_vstr input {
  display: none
}

.bc_event_page .sostav_box .tab-item {
  top: 24px;
  clear: both;
  width: 100%;
  overflow: hidden;
  position: relative;
  border-top: 2px solid white;
  margin-bottom: 25px
}

.bc_event_page div.event_stat_title {
  font-size: 18px;
  font-weight: bold;
  display: block;
  text-align: left
}

.event_stat_sostav_box {
  width: 100%;
  background-color: #FFF;
  padding: 15px;
  margin: 15px 0
}

.sostav_box {
  position: relative;
  clear: both
}

.sostav_comm_box {
  overflow: hidden
}

.sostav_comm_type {
  display: table;
  width: calc(100% + 20px);
  border-spacing: 10px 15px;
  line-height: 120%;
  margin: -10px
}

.sostav_comm .player_age {
  width: 52px;
  padding: 0 5px
}

.sostav_player_header {
  display: table-header-group;
  color: #6E6E6E;
  font-size: 11px
}

.sostav_player {
  display: table-row;
  position: relative
}

.sostav_comm .line_title {
  display: table-caption;
  margin: 10px 0 -5px 10px;
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: 1px solid #2A2A2A
}

.sostav_comm span {
  display: table-cell
}

.sostav_comm .player_num {
  width: 20px
}

.sostav_comm .player_param {
  width: 26px
}

.sostav_player .player_name span {
  display: block;
  font-size: 13px;
  color: #6E6E6E;
  line-height: 100%
}

.sostav_player::after {
  border-bottom: 1px solid #F2F1F1;
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -8px
}

.sostav_player:nth-last-child(1)::after {
  content: none
}

.sostav_command {
  display: inline-block;
  font-weight: bold;
  height: 40px;
  padding: 12px 20px;
  line-height: 100%;
  cursor: pointer
}

.sostav_command.active {
  background-color: #F2F1F1
}

.sostav_comm_box .sostav_comm:not(:first-child) {
  display: none
}

.sostav_title {
  margin: 15px 0 20px
}

.meeting_item {
  background: white;
  margin: 10px 0;
  border-radius: 5px;
  border-left: 6px solid #2a2a2a;
  font-size: 12px;
  font-weight: bold
}

.meeting_item>div {
  display: inline-block;
  vertical-align: middle;
  padding: 2px 8px
}

.meeting_item_chm {
  width: 27%;
  font-weight: normal;
  line-height: 100%
}

.meeting_item_event {
  width: 61%;
  border: 2px solid #F2F1F1;
  border-top-width: 0;
  border-bottom-width: 0
}

.meeting_item_event .meeting_item_comm {
  display: inline-block;
  width: 36%;
  font-size: 14px;
  line-height: 114%;
  vertical-align: middle
}

.meeting_item_event .meeting_item_comm:first-child {
  text-align: right
}

.meeting_item_chm img {
  width: 27px;
  height: 18px;
  vertical-align: middle;
  padding-right: 5px;
  box-sizing: content-box
}

.meeting_item .meeting_item_comm:nth-child(1) .img_command {
  padding-left: 10px
}

.meeting_item .meeting_item_comm:nth-child(3) .img_command {
  padding-right: 10px
}

.meeting_item_comm .img_command img {
  max-width: inherit;
  max-height: 100%;
  width: 100%;
  vertical-align: middle
}

.stat_lichn_vstr .meeting_item_comm .img_command {
  width: 40px;
  overflow: hidden;
  max-height: 40px;
  vertical-align: middle;
  display: inline-block;
  text-align: center
}

.stat_lichn_vstr .meeting_item_comm span {
  width: 72%;
  display: inline-block;
  vertical-align: middle
}

.stat_last_vstr .meeting_item .img_command {
  height: 14px;
  width: 14px;
  box-sizing: content-box;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
  text-align: center
}

.stat_last_vstr .img_command img {
  max-height: 100%
}

.stat_last_vstr .meeting_item .img_command img {
  vertical-align: top
}

.stat_last_vstr .meeting_item .meeting_item_comm span {
  display: inline-block;
  width: 78%;
  vertical-align: middle;
  line-height: 16px;
  overflow: hidden
}

.event_stat_meetings_box>.meeting_item_comm .img_command {
  line-height: 40px;
  padding-right: 15px;
  overflow: hidden;
  max-height: 40px;
  vertical-align: middle;
  display: inline-block;
  box-sizing: content-box;
  width: 28px
}

.stat_last_vstr .event_stat_meetings_box {
  width: 50%;
  display: inline-block;
  vertical-align: top
}

.stat_last_vstr .meeting_item_chm {
  width: 100%;
  border-bottom: 1px solid #F2F1F1;
  padding: 8px 5px 6px
}

.stat_last_vstr .event_date {
  position: absolute;
  width: 80px;
  right: 0;
  top: 3px;
  text-align: right
}

.stat_last_vstr .meeting_item_event {
  width: 100%;
  border: 0
}

.stat_last_vstr .meeting_item .meeting_item_comm {
  width: 34%
}

.event_stat_meetings_box:nth-child(5) {
  padding-right: 5px
}

.event_stat_meetings_box:nth-child(6) {
  padding-left: 5px
}

.stat_last_vstr .event_score {
  margin: 0 10px
}

.stat_last_vstr .meeting_item {
  position: relative
}

.meeting_item_chm span {
  vertical-align: middle
}

.bc_event_page .img_command {
  display: inline-block
}

.stat_last_vstr .meeting_item_chm span {
  display: inline-block;
  width: calc(100% - 105px)
}

.stat_last_vstr label {
  display: none
}

@media(max-width: 1199px) {
  .stat_last_vstr label {
      position: relative;
      display: block;
      overflow: hidden
  }

  .stat_last_vstr .event_stat_meetings_box {
      width: 100%;
      clear: both;
      display: none;
      border-top: 2px solid #efefef
  }

  .stat_last_vstr .event_stat_meetings_box>.meeting_item_comm {
      display: none
  }

  .event_stat_meetings_box:nth-child(5) {
      padding-right: 0
  }

  .event_stat_meetings_box:nth-child(6) {
      padding-left: 0
  }

  .event_stat_meetings_box .meeting_item .meeting_item_comm {
      width: 40%
  }

  .meeting_item_comm span {
      width: 72%;
      display: inline-block;
      vertical-align: middle
  }

  .meeting_item .meeting_item_comm .img_command {
      height: 14px;
      width: 14px;
      box-sizing: content-box
  }

  .img_command img {
      max-height: 100%
  }

  .meeting_item .meeting_item_comm span {
      display: inline-block;
      width: 78%;
      vertical-align: middle;
      line-height: 16px;
      overflow: hidden
  }

  .event_stat_meetings_box>.meeting_item_comm .img_command {
      line-height: 40px;
      padding-right: 15px
  }

  .meeting_item_chm {
      width: 100%;
      border-bottom: 1px solid #fff;
      padding: 8px 5px 6px
  }

  .event_date {
      position: absolute;
      width: 80px;
      right: 0;
      top: 3px;
      text-align: right
  }

  .meeting_item_event {
      width: 100%;
      border: 0
  }

  .meeting_item {
      position: relative
  }

  .meeting_item .meeting_item_chm {
      padding: 8px 5px 6px
  }
}

@media(max-width: 999px) {
  .event_stat_meetings_box .meeting_item .meeting_item_comm {
      width: 34%
  }
}

@media(max-width: 899px) {
  .event_stat_meetings_box .meeting_item .meeting_item_comm {
      width: 40%
  }

  .bc_event_page .event_stat_title {
      text-align: center
  }
}

@media(max-width: 649px) {
  .event_stat_meetings_box .meeting_item .meeting_item_comm {
      width: 34%
  }
}

@media(max-width: 385px) {
  .event_stat_meetings_box .meeting_item .meeting_item_comm {
      width: 30%
  }

  .event_stat_meetings_box .meeting_item .meeting_item_comm span {
      width: 70%
  }
}

.chm_stat_table {
  overflow: hidden;
  padding: 10px 0
}

.chm_stat_table .chm_title {
  margin-bottom: 20px;
  font-size: 20px;
  color: #2B2B2B
}

.chm_group_table {
  overflow: hidden;
  overflow-x: scroll;
  margin-bottom: -17px;
  padding-bottom: 17px;
  scrollbar-width: none
}

.chm_group_table::-webkit-scrollbar {
  display: none
}

.chm_group_table {
  display: block;
  width: 100%;
  max-width: 800px;
  font-size: 14px;
  border-collapse: collapse
}

.chm_table_head {
  color: #B2B2B2;
  background-color: white
}

.chm_table_item {
  color: #2B2B2B;
  background-color: white
}

.chm_table_head,
.chm_table_item {
  display: table-row;
  height: 26px
}

.chm_group_table div[class^="col"] {
  display: table-cell;
  border: 1px solid #E2E1E1;
  padding: 1px 5px;
  text-align: center;
  min-width: 29px;
  vertical-align: middle
}

.chm_group_table div.col1 {
  text-align: left;
  padding-left: 16px;
  padding-right: 20px;
  min-width: 180px;
  text-overflow: ellipsis;
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle
}

.chm_group_table .col3.win {
  color: #028665
}

.chm_group_table .col3.loss {
  color: #FF0035
}

.chm_group_table div.col3 {
  border-left: none;
  border-right: none
}

.chm_group_table div.col4 {
  min-width: 100px
}

.chm_group_table .chm_table_item:nth-child(2n+1) {
  background: #EFEFEF
}

.chm_group_table div.col3 {
  padding: 0 25px
}

.trend {
  width: 9px;
  height: 9px;
  display: inline-block;
  border-radius: 9px;
  margin: 0 4px
}

.trend.loss {
  background: #FF0035
}

.trend.draw {
  background: #BDBDBC
}

.trend.win {
  background: #028665
}

.chm_group_table div.col1 {
  width: 174px
}

.chm_group_table div.col2 {
  width: 82px
}

.chm_group_table.chm_group_table_mob_hidd {
  position: absolute
}

.chm_stat_table_box {
  position: relative
}

.chm_group_table.chm_group_table_mob_hidd {
  top: 0;
  width: 210px
}

.chm_group_table .chm_table_item div.col1 {
  font-weight: bold
}

.chm_table_item div:nth-child(3) {
  font-weight: bold
}

.event_stat_title {
  font-size: 16px
}

.odds_group.bc_down_hidd {
  max-height: 125px;
  overflow: hidden;
  position: relative
}

.odds_group.bc_down_hidd .odds_hidden {
  display: block;
  position: absolute;
  bottom: -25px;
  height: 50px;
  background: white;
  left: -5px;
  right: -5px;
  filter: blur(10px)
}

.bc_down {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 2px;
  right: 2px;
  background: #EFEFEF;
  border-radius: 3px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAIBAMAAAA/ygPCAAAAFVBMVEUAAAB4eHh6d3d5eXl6eHh5d3d5eHhL39YHAAAABnRSTlMAYG9wf+9YMmUJAAAAMUlEQVR42mNgYGASYAABtxQQyZKW5gDiJIqlgDgCjECuWCIDg1gyg6kAAwNjIgMEAACf1AWm36UF0AAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer
}

.bc_down_hidd .bc_down {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAIBAMAAAA/ygPCAAAAFVBMVEUAAAB4eHh6d3d5eXl6eHh5d3d5eHhL39YHAAAABnRSTlMAYG9wf+9YMmUJAAAAM0lEQVR42mOAAjEBBgbGYAazRAYGsUQGljQBxjQHBga3RLEUBgYgF8QBckEcBgZGBQYGAJYzBabXMOJkAAAAAElFTkSuQmCC)
}

.odds_group .odd_value.odd_value2 {
  width: 50%
}

#datepicker_bc {
  width: 0px;
  height: 0px;
  padding: 0;
  border: none
}

#datepicker_bc_cont .pika-lendar {
  padding-top: 54px;
  background-color: #3F99E1;
  width: 440px;
  border: 0;
  padding-top: 40px;
  background-color: #2a2a2a;
  border: 1px solid #626262;
  border-radius: 0;
  z-index: 9999;
  border-radius: 3px;
  overflow: hidden
}

#datepicker_bc_cont .pika-lendar:before {
  content: 'Календарь ';
  left: 20px;
  top: 10px;
  position: absolute;
  width: 0;
  margin-right: auto;
  border: 0;
  font-size: 20px;
  color: #fff
}

#datepicker_bc_cont .pika-title {
  background-color: #fff;
  margin-bottom: -1px
}

#datepicker_bc_cont .pika-label {
  font-size: 18px;
  line-height: 21px;
  color: #2B2B2B;
  padding-top: 18px;
  font-weight: normal
}

#datepicker_bc_cont .pika-prev,
#datepicker_bc_cont .pika-next {
  background-image: unset;
  color: #fff;
  display: inline-block;
  padding: 3px;
  position: absolute;
  width: 45px;
  height: 33px;
  top: 13px
}

#datepicker_bc_cont .pika-prev:before,
#datepicker_bc_cont .pika-next:before,
#datepicker_bc_cont .pika-prev:after,
#datepicker_bc_cont .pika-next:after {
  content: '';
  display: block;
  transform: rotate(135deg);
  width: 3px;
  height: 18px;
  background: #3F99E1;
  position: absolute;
  -webkit-transform: rotate(45deg);
  left: 20px
}

#datepicker_bc_cont .is-outside-current-month .pika-button {
  color: #999;
  opacity: 1
}

#datepicker_bc_cont .is-outside-current-month .pika-button:hover {
  color: unset
}

#datepicker_bc_cont .pika-prev:after,
#datepicker_bc_cont .pika-next:after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  top: 12px
}

#datepicker_bc_cont .pika-prev:before {
  top: 0
}

#datepicker_bc_cont .pika-prev:hover,
#datepicker_bc_cont .pika-next:hover {
  border-color: #FBBC04
}

#datepicker_bc_cont .pika-next:after {
  top: 0px
}

#datepicker_bc_cont .pika-next:before {
  top: 12px
}

#datepicker_bc_cont .pika-prev {
  left: 85px
}

#datepicker_bc_cont .pika-next {
  right: 85px
}

#datepicker_bc_cont .pika-table th {
  background-color: #fff;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  padding-bottom: 20px;
  border-bottom: 1px #c4c4c4;
  color: #b2b2b2
}

#datepicker_bc_cont .pika-table th abbr {
  text-decoration: none;
  border: 0
}

#datepicker_bc_cont .pika-row>td {
  border: 1px solid #c4c4c4
}

#datepicker_bc_cont .pika-button:hover {
  border-radius: 0
}

#datepicker_bc_cont .pika-button {
  text-align: center;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  min-width: 52px;
  height: 52px;
  color: unset
}

#datepicker_bc_cont td:not(.is-selected)>.pika-button {
  background-color: white
}

#datepicker_bc_cont .is-selected .pika-button {
  color: #FBBC04;
  background-color: unset;
  box-shadow: unset
}

#datepicker_bc_cont .pika-row td:hover button {
  background-color: #eee
}

#datepicker_bc_cont {
  position: absolute;
  z-index: 10000
}

#datepicker_bc_cont.action .datepicker_bc_bg {
  position: fixed !important;
  background-color: rgba(0, 0, 0, 0.6);
  left: 0 !important;
  right: 0;
  bottom: 0;
  top: 0 !important;
  z-index: 999
}

#datepicker_bc_cont .pika-table {
  padding: 15px 34px 32px;
  display: block;
  background: white
}

#datepicker_bc_cont_body {
  left: 50% !important;
  position: fixed;
  top: 50% !important;
  transform: translate(-50%, -50%);
  font-family: 'Roboto', sans-serif;
  z-index: 99999;
  height: 387px
}

#datepicker_bc_cont .pika-lendar {
  margin: 0;
  border: 0
}

#datepicker_bc_cont .pika-single {
  display: none;
  border: 0
}

#datepicker_bc_cont .cancelBtn {
  display: none
}

#datepicker_bc_cont.action .cancelBtn {
  position: absolute;
  display: block;
  right: 10px;
  border: unset;
  width: 26px;
  color: transparent;
  margin-bottom: 6px;
  background-color: unset;
  cursor: pointer;
  top: 0
}

#datepicker_bc_cont.action .cancelBtn:before,
#datepicker_bc_cont.action .cancelBtn:after {
  content: '';
  position: absolute;
  left: 15px;
  height: 20px;
  width: 2.4px;
  background-color: #fff
}

#datepicker_bc_cont.action .pika-single.is-bound {
  display: block
}

#datepicker_bc_cont.action .cancelBtn:before {
  transform: rotate(45deg)
}

#datepicker_bc_cont.action .cancelBtn:after {
  transform: rotate(-45deg)
}

#datepicker_bc_cont .pika-single.is-bound {
  position: unset
}

#datepicker_bc_cont .pika-table abbr {
  cursor: unset
}

@media(max-width: 520px) {
  #datepicker_bc_cont .pika-lendar {
      width: 310px
  }

  #datepicker_bc_cont .pika-table th {
      font-size: 14px;
      width: 40px;
      padding-bottom: 10px
  }

  #datepicker_bc_cont .pika-table thead {
      display: block
  }

  #datepicker_bc_cont .pika-table {
      padding: 14px
  }

  #datepicker_bc_cont .pika-table .pika-button {
      font-size: 14px;
      min-width: 39px;
      height: 44px
  }

  #datepicker_bc_cont .pika-prev {
      left: 30px
  }

  #datepicker_bc_cont .pika-next {
      right: 30px
  }
}

.pika-label {
  display: inline-block;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff
}

.pika-title {
  position: relative;
  text-align: center
}

.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0
}

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  border: 0;
  padding: 0;
  background-color: transparent;
  opacity: .5
}

.pika-prev:hover,
.pika-next:hover {
  opacity: 1
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: .4
}

.pika-table th,
.pika-table td {
  width: 14.285714285714286%;
  padding: 0
}

.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5
}

.bw_button::after {
  content: '';
  display: block;
  border: 8px solid transparent;
  border-left-color: white;
  border-right: 0;
  left: 14px;
  position: absolute;
  top: 9px;
  border-radius: 5px
}

.bw_button.bw_b_left:after {
  border-left-color: unset;
  border-right: 8px solid transparent;
  border-right-color: white;
  border-left: 0;
  left: 12px
}

.bk_spr {
  background-image: url('/wp-content/plugins/bet_cen_client/img/logo_bk.png');
  background-size: 50px;
  width: 50px;
  height: 17px;
  display: inline-block;
  vertical-align: middle
}

#box_event_news {
  margin: 15px 0
}

#box_event_news .ben_head_shell {
  overflow: hidden;
  height: 54px;
  display: inline-block;
  max-width: 100%
}

#box_event_news .ben_head {
  padding: 10px;
  background-color: #fff;
  display: inline-block;
  white-space: nowrap;
  max-width: 100%;
  overflow-x: scroll;
  padding-bottom: 30px
}

#box_event_news .ben_head span {
  padding: 10px;
  font-size: 14px;
  display: inline-block;
  background-color: #F2F1F1;
  margin-right: 15px;
  cursor: pointer;
  color: #B8B8B8;
  display: inline-block;
  line-height: 100%
}

#box_event_news .ben_head span:nth-last-child(1) {
  margin-right: 0
}

#box_event_news .ben_news_box {
  display: none
}

#box_event_news .ben_news_box.active {
  display: block
}

#box_event_news .ben_news_box_item {
  background-color: #fff;
  margin: 10px 0;
  padding: 10px
}

#box_event_news .ben_news_box_item a {
  text-decoration: none
}

#box_event_news .ben_title {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px
}

#box_event_news .ben_date {
  color: #B8B8B8;
  font-size: 14px;
  line-height: 16px
}

#box_event_news .ben_head span.active {
  border: 2px solid #FBBC04;
  color: #2A2A2A;
  background-color: #fff;
  padding: 8px
}

p.dop_title_h2 {
  margin: 10px 0;
  font-size: 16px;
  line-height: 120%
}

.notifications_header_block {
  position: absolute;
  right: 0;
  width: 500px;
  max-height: 405px;
  background-color: white;
  box-shadow: 0px 2px 19px rgba(0, 0, 0, 0.25);
  top: 50px;
  display: none
}

.notifications_header_block_container {
  overflow: hidden
}

.notifications_header_scroll_block {
  max-height: 325px;
  overflow-y: scroll;
  margin-right: -17px;
  width: 100%
}

.notifications_header_block.active {
  display: block
}

.notifications_header_block .notification_header_config {
  height: 40px;
  line-height: 40px;
  text-align: right;
  padding-right: 10px;
  font-size: 13px
}

.notifications_header_display_all {
  height: 40px;
  background-color: #F6F6F6;
  line-height: 40px;
  text-align: center;
  position: relative;
  bottom: 0
}

.notifications_header_display_all a {
  font-size: 13px;
  color: var(--main-color-blue);
  text-decoration: none
}

.notifications_header_non_notif {
  text-align: center;
  width: 100%;
  display: block;
  padding-bottom: 10px
}

.notifications_header_block.active:after {
  height: 0;
  width: 0;
  position: absolute;
  top: -10px;
  right: 27px;
  bottom: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 9px solid white;
  content: '';
  display: block
}

.prognozist__pc .prognozist_subscription_button {
  margin-top: 22px
}

.prognozist__image.prognozist__mob+.subscribe_prognozist_count,
.prognozist__image.prognozist__mob+.subscribe_prognozist_count+.prognozist_subscription_button {
  display: none
}

.qa_single_post_schema .feedback_post_block {
  border-top: none
}

.userform_block .notificationsData thead tr td {
  width: 30%;
  font-size: 13px;
  font-weight: bold;
  line-height: 16px;
  padding: 12px 0;
  text-align: center
}

.userform_block .notificationsData thead tr td:first-of-type {
  text-align: left
}

.userform_block .notificationsData tbody tr td input {
  margin: 0 auto;
  display: block
}

@media screen and (max-width: 940px) {
  .prognozist__image.prognozist__mob+.subscribe_prognozist_count {
      float: left;
      position: absolute;
      top: 115px;
      left: 0px;
      margin-left: 0px;
      display: block;
      display: none
  }

  .prognozist__image.prognozist__mob+.subscribe_prognozist_count+.prognozist_subscription_button {
      float: left;
      position: absolute;
      top: 135px;
      width: 110px;
      height: 35px;
      line-height: 35px;
      margin-left: 0px;
      display: block
  }
}

@media only screen and (max-width: 899px) {
  .notifications_header_block.active:after {
      right: 156px
  }
}

@media only screen and (max-width: 600px) {
  .notifications_header_block {
      width: 80%
  }

  .support_modal_block.unsubscribe_mailing_modal .support_modal .support_modal_header {
      font-size: 12px
  }

  .support_modal_block.unsubscribe_mailing_modal .support_modal .support_modal_body .modal_button_mailing_ok {
      width: 230px;
      position: initial;
      margin: 10px auto 0 auto
  }

  .support_modal_block.unsubscribe_mailing_modal .support_modal .support_modal_body .modal_button_mailing_cancellation {
      width: 230px;
      position: initial;
      margin: 10px auto 20px auto
  }

  .support_modal_block.unsubscribe_mailing_modal .support_modal {
      height: 231px;
      height: fit-content
  }

  .support_modal_block.unsubscribe_mailing_modal .support_modal .support_modal_body {
      height: fit-content
  }
}

.footer .b_f_adv {
  padding-top: 30px
}

.footer .b_f_adv .b_f_adv_cards {
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px
}

.footer .b_f_adv .b_f_adv_cards .b_f_adv_c_card {
  background-color: white;
  color: #2A2A2A;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  height: 56px;
  padding: 8px 10px;
  flex-direction: column;
  justify-content: center
}

.footer .b_f_adv .b_f_adv_cards .b_f_adv_c_card:last-child {
  margin-bottom: 0
}

.footer .b_f_adv .b_f_adv_cards .b_f_adv_c_card.bon .text_big,
.footer .b_f_adv .b_f_adv_cards .b_f_adv_c_card.bk .text_big {
  display: flex
}

.footer .b_f_adv .b_f_adv_cards .b_f_adv_c_card.bon img,
.footer .b_f_adv .b_f_adv_cards .b_f_adv_c_card.bk img {
  margin: 0px 7px 0px 0px
}

.footer .b_f_adv .b_f_adv_cards .b_f_adv_c_card.bon .text_big:after,
.footer .b_f_adv .b_f_adv_cards .b_f_adv_c_card.bk .text_big:after {
  content: '120';
  font-size: 24px;
  line-height: 24px;
  display: block;
  font-weight: bold
}

.footer .b_f_adv .b_f_adv_cards .b_f_adv_c_card.bon .text_big:after {
  content: '120+'
}

.footer .b_f_adv .b_f_adv_cards .b_f_adv_c_card.bk .text_big:after {
  content: '315+'
}

.footer .b_f_adv .b_f_adv_cards .b_f_adv_c_card.bon .text_small:before {
  content: 'бонусов букмекеров'
}

.footer .b_f_adv .b_f_adv_cards .b_f_adv_c_card.bk .text_small:before {
  content: 'букмекеров в рейтинге'
}

.footer .b_f_adv .b_f_adv_cards a.b_f_adv_c_card {
  text-decoration: unset
}

.footer .b_f_adv .b_f_adv_cards a.b_f_adv_c_card:hover {
  text-decoration: unset
}

.footer .b_f_adv .b_f_adv_cards .b_f_adv_c_card.forum img {
  margin: 2px 0
}

.footer .b_f_adv .b_f_adv_cards .b_f_adv_c_card.dzen:before {
  content: 'Партнёр службы';
  display: block;
  margin-bottom: 5px
}

.footer .b_f_adv .b_f_adv_cards .b_f_adv_c_card.zenit {
  display: flex;
  align-items: center;
  padding: 11px 10px
}

.footer .b_f_adv .b_f_adv_cards .b_f_adv_c_card.zenit:before {
  content: 'Информационный партнер';
  display: block;
  font-size: 14px;
  line-height: 17px;
  margin-right: 10px;
  width: 125px
}

.footer .b_f_adv_bks .b_f_adv_bks_c_title {
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  color: #2A2A2A;
  margin-bottom: 15px
}

.footer .b_f_adv_bks_c_block {
  position: relative;
  overflow: hidden
}

.footer .b_f_adv_bks_c_block .true_scrollbar {
  padding: 0 0 15px;
  width: 100%;
  display: flex;
  align-items: center
}

.footer .b_f_adv_bks_c_block .b_f_adv_bks_c_b_p_table {
  display: flex;
  gap: 10px
}

.footer .b_f_adv_bks_c_block .b_f_adv_bks_c_b_p_table .b_f_adv_bks_c_b_p_t_card {
  padding: 2px 5px;
  background-color: white
}

.footer .b_f_adv_bks_c_block .b_f_adv_bks_c_b_p_table .b_f_adv_bks_c_b_p_t_card .td-bc-logo {
  cursor: inherit
}

.footer .b_f_adv_bks_c_block .b_f_adv_bks_c_b_p_table .b_f_adv_bks_c_b_p_t_card.lic .td-bc-logo {
  cursor: pointer
}

#b_f_adv_partn_cards {
  margin-bottom: 15px
}

.footer .b_f_adv_bks_c_block .b_f_adv_bks_c_b_p_table .b_f_adv_partn_c_b_p_t_card {
  padding: 4px 5px;
  background-color: white;
  display: block
}

@media (min-width: 768px) {
  .footer .b_f_adv .b_f_adv_cards a.b_f_adv_c_card:hover {
      opacity: 0.5
  }

  .footer .b_f_adv_bks_c_block .b_f_adv_bks_c_b_p_table .b_f_adv_partn_c_b_p_t_card:hover {
      opacity: 0.5
  }

  .footer .b_f_adv_bks_modal .b_f_adv_bks_m_close:hover {
      opacity: 0.5
  }
}

.footer .true_scrollbar::-webkit-scrollbar-track {
  background: #fff
}

.footer .b_f_adv_bks_modal_block {
  position: fixed;
  z-index: 99999;
  height: 100%;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 50%;
  width: 100%
}

.footer .b_f_adv_bks_modal_block:before {
  top: 50%;
  right: 0;
  content: "";
  bottom: 0;
  left: 50%;
  background: #000;
  height: 101%;
  width: 100%;
  opacity: 0.6;
  position: fixed;
  z-index: 999;
  transform: translate(-50%, -50%);
  display: block
}

.footer .b_f_adv_bks_modal {
  position: fixed;
  width: calc(100% - 20px);
  max-width: 650px;
  color: #2A2A2A;
  bottom: unset;
  top: unset;
  height: unset;
  transform: translate(-50%, -50%);
  background-color: white;
  z-index: 999
}

.footer .b_f_adv_bks_modal .b_f_adv_bks_m_close {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 33px;
  transform: rotate(45deg);
  color: #2A2A2A;
  cursor: pointer
}

.footer .b_f_adv_bks_modal .b_f_adv_bks_m_content img {
  width: 100%;
  height: auto
}

#s_63917_stick_banner.hidden,
#s_63917_stick_banner.close {
  display: none
}

#s_63917_stick_banner {
  bottom: 0;
  z-index: 99;
  position: fixed;
  display: block;
  width: 100%;
  margin-left: -10px;
  min-width: 320px;
  font-weight: 700;
  color: #fff
}

#s_63917_stick_banner .s_63917_banner_link {
  overflow: hidden;
  position: relative;
  color: white;
  width: 100%;
  height: 100%;
  display: block;
  margin-bottom: 0;
  text-decoration: none
}

.s_63917_b_block {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 18px;
  height: 90px;
  text-align: center;
  position: relative;
  overflow: hidden
}

.s_63917_bg {
  display: block;
  position: absolute;
  top: 0;
  left: calc(48vw - 562px);
  z-index: -1
}

.s_63917_b_close {
  position: absolute;
  top: 2px;
  right: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  color: rgba(255, 255, 255, 0.70);
  text-align: center;
  cursor: pointer;
  z-index: 99;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.10)
}

.s_63917_b_c_x {
  display: block;
  font-size: 12px;
  line-height: 12px;
  width: 12px;
  height: 12px
}

.s_63917_b_b_btn_and_logo {
  display: flex;
  gap: 5px;
  flex-direction: column;
  align-items: center
}

.s_63917_b_b_b_ads {
  color: #FFF;
  text-align: center;
  font-size: 8px;
  line-height: 8px;
  width: 115px;
  opacity: 0.8
}

@media only screen and (min-width: 650px) {
  #s_63917_stick_banner .s_63917_b_b_b_btn:hover {
      opacity: 0.5
  }
}

@media only screen and (min-width: 650px) and (max-width: 899px) {
  .s_63917_bg {
      left: -281px
  }
}

@media only screen and (min-width: 900px) and (max-width: 999px) {
  .s_63917_bg {
      left: -149px
  }
}

@media only screen and (min-width: 1000px) and (max-width: 1199px) {
  .s_63917_bg {
      left: -101px
  }
}

@media only screen and (min-width: 1200px) {
  .s_63917_bg {
      left: 0
  }
}

@media only screen and (min-width: 650px) {
  #s_63917_stick_banner {
      margin-left: 0
  }
}

@media only screen and (min-width: 650px) and (max-width: 899px) {
  #s_63917_stick_banner {
      width: 580px
  }
}

@media only screen and (min-width: 900px) and (max-width: 999px) {
  #s_63917_stick_banner {
      width: 840px
  }
}

@media only screen and (min-width: 1000px) and (max-width: 1199px) {
  #s_63917_stick_banner {
      width: 940px
  }
}

@media only screen and (min-width: 1200px) {
  #s_63917_stick_banner {
      width: 1140px
  }
}

.marquee_tiker_63745 {
  width: 100%;
  height: 60px;
  background: #D62628;
  margin-top: 50px;
  overflow: hidden
}

.marquee_tiker_63745_disclamer::before {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  color: #6E6E6E;
  font-size: 8px;
  font-weight: 400;
  line-height: 8px;
  margin-top: 5px
}

a.marquee_tiker_63745_container {
  display: flex;
  gap: 20px;
  animation: scroll linear infinite;
  will-change: transform;
  color: #fff;
  text-decoration: none
}

.marquee-item {
  display: flex;
  align-items: center;
  gap: 20px;
  white-space: nowrap
}

.tiker_63745_logo {
  display: flex;
  width: 130px;
  height: 60px;
  background: #2A2A2A;
  align-items: center;
  justify-content: center
}

.tiker_63745_logo svg {
  display: block
}

.tiker_63745_icon_text {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 18px
}

.tiker_63745_icon_text::after {
  content: 'СУПЕРЭКСКЛЮЗИВ'
}

.tiker_63745_icon_text .tiker_63745_summ {
  font-size: 24px;
  font-weight: 700
}

.tiker_63745_summ::before {
  content: '40 000₽'
}

.footer.white {
  margin-top: 50px
}

.footer .container .f-t {
  border-top: none
}

@keyframes scroll {
  from {
      transform: translateX(0)
  }

  to {
      transform: translateX(-100%)
  }
}

.money-hidden {
  display: none
}

.money-btn__link:focus {
  text-decoration: none
}

.money-btn__text {
  animation: money_btn_animate_pulse 1.5s infinite
}

@keyframes money_btn_animate_pulse {
  0% {}

  70% {
      box-shadow: 0 0 0 10px rgb(228 25 49 / 0%)
  }

  100% {
      box-shadow: 0 0 0 0 rgb(228 25 49 / 0%)
  }
}

@media only screen and (min-width: 650px) {
  .money-btn__block {
      width: 100px
  }

  .money-btn__close {
      top: 0;
      transition: opacity 300ms;
      cursor: pointer
  }

  .money-btn__close:hover {
      opacity: 0.5
  }

  .money-btn__link {
      transition: opacity 300ms
  }

  .money-btn__link:hover {
      opacity: 0.5;
      text-decoration: none
  }

  .money-btn__icon {
      width: 32px;
      height: 32px
  }

  .money-btn__text {
      margin: 16px 0 3px;
      padding: 14px 5px 4px;
      line-height: 14px;
      font-size: 14px
  }

  .money-btn__text span {
      line-height: 22px;
      font-size: 22px
  }

  .money-btn__ads {
      max-width: 100px
  }
}

.head_bonus_gift.visible .triangle {
  position: relative;
  z-index: 99
}

.head_bonus_gift.visible .triangle::after {
  position: absolute;
  right: 13px;
  bottom: -51px;
  content: '';
  border: 8px solid transparent;
  border-bottom: 10px solid #fff
}

.head_bonus_gift.visible .h_b_g_modal {
  display: block;
  position: absolute;
  width: 270px;
  background: #FFF;
  right: calc(32.6vw - 79px);
  top: 55px;
  border-radius: 15px;
  padding: 10px;
  -webkit-appearance: none;
  -webkit-box-shadow: 0px 4px 15px 0px #0000004d;
  box-shadow: 0px 4px 15px 0px #0000004d
}

.h_b_g_m_container {
  display: flex;
  padding: 5px 10px 10px 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  text-decoration: unset;
  color: #2A2A2A
}

.h_b_g_m_c_close {
  font-size: 26px;
  width: 16px;
  height: 16px;
  position: absolute;
  transform: rotate(45deg);
  right: 15px;
  top: 15px;
  cursor: pointer
}

.h_b_g_m_c_text {
  font-weight: 700;
  font-size: 20px;
  line-height: 1
}

.head_bonus_gift a.h_b_g_m_c_btn {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  text-decoration: unset
}

.head_bonus_gift a.h_b_g_m_c_btn:hover {
  text-decoration: unset;
  color: #fff
}

.animate-pulse {
  position: relative;
  display: block;
  height: 34px;
  width: 40px;
  border-radius: 50%;
  padding: 17px;
  animation: animate_pulse 1.5s infinite;
  z-index: -1
}

.animate-pulse:hover {
  animation: none
}

.h_b_g_m_promo {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 400
}

.h_b_g_m_promo.d-none {
  display: none
}

.head_bonus_gift .h_b_g_m_p_code {
  display: flex;
  min-width: 120px;
  max-width: 150px;
  height: 28px;
  padding: 6px 5px 6px 8px;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
  cursor: pointer
}

.h_b_g_m_p_c_copy {
  font-weight: 700;
  line-height: 28px;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden
}

@keyframes animate_pulse {
  0% {}

  70% {
      box-shadow: 0 0 0 10px rgba(228, 25, 49, 0)
  }

  100% {
      box-shadow: 0 0 0 0 rgba(228, 25, 49, 0)
  }
}

.head_bonus_gift__dot {
  position: absolute;
  height: 10px;
  width: 10px;
  right: -3px;
  top: 5px;
  background-color: red;
  border-radius: 50%;
  border: 2px solid #fff
}

.h_b_g_m_ads {
  color: #B8B8B8;
  font-size: 8px;
  line-height: 1;
  text-align: center;
  margin-top: 10px
}

@media only screen and (min-width: 413px) {
  .head_bonus_gift {
      position: relative
  }

  .head_bonus_gift.visible .h_b_g_modal {
      top: 50px
  }
}

@media (min-width: 768px) {

  .h_b_g_m_c_close:hover,
  .h_b_g_m_c_btn:hover,
  .h_b_g_m_p_code>svg:hover {
      opacity: .5
  }
}

@media only screen and (min-width: 413px) and (max-width: 899px) {
  .head_bonus_gift.visible .h_b_g_modal {
      right: -43px
  }
}

@media only screen and (min-width: 900px) {
  .right-side-header .head_bonus_gift {
      margin-right: 20px
  }

  .head_bonus_gift.visible .h_b_g_modal {
      right: -107px
  }

  .head_bonus_gift .h_b_g_modal:before {
      right: 115px
  }
}

@media only screen and (min-width: 900px) {
  #sidebox {
      position: -webkit-sticky;
      position: sticky;
      top: 0
  }

  .floating_menu.sticky {
      position: sticky;
      top: 0
  }

  .floating_menu.hidden {
      transform: translateY(-100%)
  }

  .admin-bar .floating_menu.sticky {
      top: 32px
  }
}

.beton_front_tabs {
  display: flex
}

.beton_front_tabs .beton_front_tab {
  font-size: 16px;
  line-height: 37px;
  padding: 0 15px;
  cursor: pointer;
  font-weight: bold
}

.beton_front_tabs .beton_front_tab.active {
  background-color: white;
  border-bottom: 1px solid #F2F1F1;
  cursor: default
}

.front_main_blocks {
  position: relative;
  margin-bottom: 20px
}

.main-content .front_main_blocks .loader-news {
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #2A2A2A;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: space-around;
  align-items: center
}

.front_main_block {
  display: block;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 15px 10px;
  background-color: white
}

.front_main_block .front_main_block_half {
  width: 100%
}

.front_main_block .front_main_block_first_post {
  display: block;
  position: relative;
  height: max-content;
  margin-bottom: 10px;
  background-color: white;
  border: 1px solid #F2F1F1;
  border-radius: 3px
}

.front_main_block a {
  color: black;
  text-decoration: unset
}

.front_main_block .front_main_block_first_post .front_main_block_first_post_img {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 3px
}

.front_main_block .front_main_block_first_post .front_main_block_first_post_img>img {
  width: 100%;
  height: auto
}

.front_main_block .front_main_block_first_post .front_main_block_first_post_title {
  height: auto;
  max-height: 80px;
  margin: 10px 10px 12px 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical
}

.front_main_block .front_main_block_post_publicate_date {
  font-size: 12px;
  line-height: 14px;
  color: #A5A6A7;
  padding-bottom: 10px;
  padding-left: 10px
}

.front_main_block .front_main_block_post_category {
  font-size: 12px;
  line-height: 14px;
  color: #A5A6A7;
  padding-bottom: 10px;
  padding-left: 10px;
  position: absolute;
  right: 10px;
  bottom: 0px;
  display: block;
  text-decoration: unset
}

.front_main_block .front_main_block_post_category:hover {
  font-size: 12px;
  line-height: 14px;
  color: #A5A6A7;
  text-decoration: unset
}

.front_main_block .front_main_block_other_post {
  color: black;
  text-decoration: unset;
  display: block;
  position: relative;
  height: auto;
  margin-bottom: 10px;
  background-color: white;
  border: 1px solid #F2F1F1;
  border-radius: 3px
}

.front_main_block .front_main_block_other_post:last-child {
  margin-bottom: 0
}

.front_main_block .front_main_block_second_block .front_main_block_other_post_title {
  padding: 10px 10px 0px 10px;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: auto;
  max-height: 90px;
  -webkit-line-clamp: 4;
  margin-bottom: 16px
}

@media only screen and (min-width: 650px) {
  .front_main_block {
      display: flex
  }

  .front_main_block .front_main_block_half {
      width: 49%
  }

  .front_main_block .front_main_block_first_post {
      margin-bottom: unset
  }

  .front_main_block .front_main_block_first_post .front_main_block_first_post_title {
      height: 60px;
      max-height: unset;
      -webkit-line-clamp: 3
  }

  .front_main_block .front_main_block_other_post {
      height: 100px;
      margin-bottom: 6px
  }

  .front_main_block .front_main_block_second_block .front_main_block_other_post_title {
      height: 70px;
      max-height: unset;
      -webkit-line-clamp: 3;
      margin-bottom: unset
  }

  .front_main_block .front_main_block_second_block .front_main_block_post_publicate_date {
      position: absolute;
      bottom: 0
  }

  .main-content .front_main_blocks .loader-news {
      position: absolute;
      z-index: 99
  }
}

@media (min-width: 768px) {

  .front_main_block .front_main_block_other_post:hover,
  .front_main_block .front_main_block_first_post:hover {
      opacity: 0.5
  }
}

.partner_review_cards {
  padding: 0px 0 15px;
  position: relative;
  overflow: hidden
}

.partner_review_cards .true_scrollbar {
  width: 100%;
  display: flex;
  align-items: center;
  padding-bottom: 20px
}

.partner_review_cards .p_r_c_b_table {
  display: flex
}

.partner_review_cards .partner_review_card {
  width: 300px;
  height: auto;
  background: #FFF;
  box-shadow: unset;
  margin-right: 20px;
  position: relative;
  display: block;
  overflow: hidden;
  white-space: normal;
  vertical-align: middle
}

.partner_review_cards .partner_review_card:last-child {
  margin-right: 0
}

.partner_review_cards .partner_review_card.closed {
  height: 370px
}

.partner_review_cards .partner_review_card .p_r_c_head {
  padding: 15px
}

.partner_review_cards .partner_review_card .p_r_c_head .p_r_c_name {
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  color: #2A2A2A;
  margin-bottom: 5px
}

.partner_review_cards .partner_review_card .p_r_c_head .p_r_c_job {
  font-size: 13px;
  line-height: 16px
}

.partner_review_cards .partner_review_card .p_r_c_logo {
  padding: 5px 10px;
  position: relative
}

.partner_review_cards .partner_review_card .p_r_c_logo:before {
  content: '';
  display: block;
  width: 100%;
  height: 44px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7)
}

.partner_review_cards .partner_review_card .p_r_c_logo a {
  display: table
}

.partner_review_cards .partner_review_card .p_r_c_logo img {
  position: relative
}

.partner_review_cards .partner_review_card .p_r_c_footer {
  padding: 10px 15px 15px
}

.partner_review_cards .partner_review_card .p_r_c_footer .p_r_c_text {
  font-size: 15px;
  line-height: 24px;
  height: auto
}

.partner_review_cards .partner_review_card.closed .p_r_c_footer .p_r_c_text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  max-height: 192px;
  -webkit-line-clamp: 8
}

.partner_review_cards .partner_review_card .p_r_c_footer .p_r_c_button {
  color: var(--main-color-blue);
  text-decoration: underline;
  font-size: 15px;
  line-height: 24px;
  cursor: pointer
}

.partner_review_cards_scroll_box {
  margin-bottom: 20px
}

#partner_review_box .true_scrollbar::-webkit-scrollbar-track {
  background: #fff
}

@media screen and (min-width: 768px) {
  .scroll_indicator {
      width: 100%;
      height: 2px;
      background: #fff
  }

  .partner_review_cards .partner_review_card .p_r_c_logo a:hover {
      opacity: 0.5
  }

  .partner_review_cards .partner_review_card .p_r_c_footer .p_r_c_button:hover {
      opacity: 0.5
  }
}

.app-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between
}

#app-store {
  margin: 20px 0
}

#app-store .section-title {
  padding-left: 0
}

.app-link {
  display: block;
  width: 49%;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  font-weight: 700;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  color: white;
  height: 50px;
  background-color: #2A2A2A
}

div.app-wrap a.app-link.app-ios:hover,
div.app-wrap a.app-link.app-android:hover {
  text-decoration: none;
  color: #fff
}

.icon-apple_1,
.icon-android_1,
.icon-windows_1 {
  display: block;
  margin: 0 auto;
  width: 50px;
  font-size: 50px;
  color: #fff;
  margin-top: 14px;
  z-index: 20;
  position: relative
}

.app-link svg {
  width: 16px;
  height: 16px;
  margin-right: 5px
}

@media(min-width: 767px) {

  div.app-wrap a.app-link.app-ios:hover,
  div.app-wrap a.app-link.app-android:hover {
      opacity: 0.5
  }
}

.ex-bon-sh {
  margin-bottom: 20px
}

.home-slider__box {
  width: 100%;
  position: relative;
  overflow: hidden
}

.home-slider__list {
  width: 100%;
  display: flex;
  align-items: center
}

.home-slider__list-items {
  margin-bottom: 15px;
  display: flex;
  gap: 15px
}

.home-slider .true_scrollbar::-webkit-scrollbar-track {
  background: #fff
}

.ex-bon-sh-title {
  margin: 0 0 15px;
  line-height: 20px;
  font-size: 18px;
  font-weight: 700
}

.s_p_n_content_bonus_widget {
  margin: 15px 0
}

.s_p_n_content_bonus_widget_box {
  display: flex;
  gap: 20px;
  width: fit-content
}

.s_p_n_content_bonus_widget div.bonus_card_block .bonus_card,
.s_p_n_content_bonus_widget div.bonus_card_block .bonus_card_v2 {
  width: 300px;
  margin-bottom: 0
}

.bonus_card_v2 {
  display: flex;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  border: 1px solid #F2F1F1;
  background-color: white;
  overflow: hidden;
  padding: 0 15px 15px 15px;
  flex-direction: column;
  justify-content: space-between
}

.bonus_card_v2 a {
  text-decoration: none;
  color: #2A2A2A
}

.bonus_card_v2 .b_c_head .b_c_h_logo>* {
  display: inline-block;
  min-width: 100px
}

.bonus_card_v2 .b_c_time {
  margin-top: 12px;
  text-align: center;
  font-size: 10px;
  line-height: 12px;
  color: rgba(0, 0, 0, 0.38)
}

.bonus_card_v2 .b_c_time img {
  vertical-align: -1px;
  margin-right: 4px
}

.bonus_card_v2 .b_c_screen {
  height: 160px;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  justify-content: center
}

.bonus_card_v2 .b_c_screen img {
  max-width: unset;
  max-height: 100%;
  height: max-content
}

.bonus_card_v2 .b_c_h_type {
  font-size: 13px;
  background: #F2F1F1;
  padding: 5px;
  line-height: normal;
  white-space: nowrap;
  position: absolute;
  left: 10px;
  top: 125px
}

.bonus_card_v2.good_day .b_c_h_type {
  background: #FFC10E;
  white-space: nowrap
}

.bonus_card_v2.good_day .star,
.bonuses_type_filter .star {
  content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAAPUExURSoqKkdwTCoqKioqKioqKn+OSCEAAAAFdFJOU/8AwyhyeLBXngAAAIBJREFUKM+10dsNgCAMBdAbZAGFAQosIEwA+y8lDwtC4p/2g6Qn5LYE7EvhQwhmgSgXIMygAT/BAZgJTmB7giJAeAZtc1tK2FQhopescA7YKijivsSU0MDgeAqH9rG6QeqgGvj3G0cD8w55NUH38yrEvJImyAekkjwguHHij6+8ABzAHxPApJYLAAAAAElFTkSuQmCC');
  background-size: 16px;
  width: 16px;
  vertical-align: sub;
  margin-right: 2px;
  margin-top: -2px;
  display: inline-block
}

.bonus_card_v2 .b_c_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 5px -5px 10px -10px
}

.bonus_card_v2 .b_c_summ {
  font-size: 18px;
  color: #2A2A2A;
  font-weight: bold;
  overflow: hidden
}

.bonus_card_v2 .b_c_summ::after {
  content: '';
  transform: rotate(45deg);
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 2px solid #6E6E6E;
  border-right: 2px solid #6E6E6E;
  vertical-align: 2px;
  margin-left: 5px;
  margin-right: 1px
}

.bonus_card_v2 .b_c_get_button {
  background: #028665;
  height: 46px;
  text-align: center;
  display: block;
  font-size: 18px;
  color: white;
  cursor: pointer;
  line-height: 48px;
  text-decoration: none;
  font-weight: bold
}

.bonus_card_v2 .b_c_title {
  font-weight: bold;
  font-size: 15px;
  line-height: 110%;
  white-space: break-spaces
}

.bonus_card_v2 .b_c_t_box {
  display: flex;
  gap: 10px;
  justify-content: space-between
}

.bonus_card_v2 .b_c_t_t {
  color: #B8B8B8;
  font-size: 14px;
  min-width: 55px;
  display: flex
}

.bonus_card_v2 .b_c_t_tt {
  content: '';
  display: inline-block;
  width: 8px;
  height: 14px;
  background-color: #B8B8B8;
  -webkit-mask-size: 8px 14px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 50%;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='8px' height='14px' viewBox='0 0 8 14' enable-background='new 0 0 8 14' xml:space='preserve'%3E%3Cimage id='image0' width='8' height='14' x='0' y='0' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOBAMAAADgeEClAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAYUExURbi4uLe3t6+vr7i4uEdwTLi4uLe3t7i4uGDCufYAAAAHdFJOU59gEM8Av0AfX3niAAAAN0lEQVQI12NgAIFSBoZwhkIXF3GGwvQycQZjRSFjBmUjZSMGJ2NjFQgB5hqrOBlD1YEIsDYQAAB1hAp/+9fDgAAAAABJRU5ErkJggg==' /%3E%3C/svg%3E");
  margin: 3px 7px 0 0;
  min-width: 8px
}

.bonus_card_v2 .b_c_t_d {
  display: flex;
  gap: 10px
}

.bonus_card_v2 .b_c_p_box {
  margin: 10px 0
}

.bonus_card_v2.promo_on .b_c_p_box span {
  color: #028665;
  cursor: pointer;
  font-size: 14px
}

.bonus_card_v2 .b_c_button {
  width: 100%;
  text-align: center;
  color: #8E8A8A;
  font-size: 13px;
  text-decoration: underline;
  cursor: pointer;
  font-weight: bold;
  display: block
}

@media only screen and (min-width: 650px) and (max-width: 1199px) {
  .col-lg-4.bonus_card_v2_block {
      width: 50%;
      float: left
  }
}

@media(min-width: 514px) {
  .bonus_card_v2 {
      height: 360px
  }

  .bonus_card_v2 .b_c_t_box {
      overflow: hidden
  }

  .bonus_card_v2 .b_c_title {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis
  }
}

@media(min-width: 767px) {
  .bonus_card_v2 .b_c_head .b_c_h_logo>*:hover {
      opacity: 0.5
  }

  .bonus_card_v2 .b_c_get_button:hover {
      opacity: 0.5
  }

  .bonus_card_v2 .b_c_button:hover {
      opacity: 0.5
  }
}

.bonus_card_v2.bonus_onlybeton .ancor_exclusiv {
  position: absolute;
  right: 0;
  top: 0;
  width: 62px;
  background: linear-gradient(90deg, #F5E7BF 0%, #E1C991 100%), var(--main-color-blue);
  border-radius: 0 0 0 8px;
  line-height: 13px;
  height: 16px;
  display: block;
  text-align: center;
  text-transform: lowercase
}

.bonus_card_v2.bonus_onlybeton .ancor_exclusiv:after {
  font-size: 10px
}

.bonus_card_v2 .excl_body {
  position: absolute;
  right: 150px;
  top: 50px
}

.bonus_card_v2 .ancor_exclusiv_info {
  position: absolute;
  width: 150px;
  height: 32px;
  font-size: 10px;
  bottom: 0px;
  left: -4px;
  color: white;
  background: rgba(42, 42, 42, 0.98);
  border-radius: 3px;
  padding: 5px;
  line-height: 11.5px;
  z-index: 1
}

.bonus_card_v2 .ancor_exclusiv_info::before {
  left: 110px
}

@media screen and (min-width: 514px) {
  .bonus_card_block.b_c_b_514 {
      width: 50%;
      float: left
  }
}

@media screen and (min-width: 1200px) {
  .bonus_card_block.b_c_b_1200 {
      width: 33.3333%
  }
}

.related-posts-title {
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 15px 0
}

#news-similar .section-title.related-posts-title::before {
  content: none
}

.news-block.related-post {
  overflow: hidden;
  padding: 0
}

.news-block.related-post .anonce-item-wrap {
  padding: 10px;
  margin-bottom: 10px
}

.news-block a {
  text-decoration: none
}

.news-block.related-post .anonce-caption,
.news-block.related-post .anonce-caption:focus,
.news-block.related-post .anonce-caption:visited,
.news-block.related-post .anonce-caption:active {
  width: 100%;
  height: auto
}

.news-block.related-post .caption-text {
  padding-left: 0;
  line-height: 1
}

#news-similar {
  overflow: hidden;
  width: 100%;
  margin: 20px 0
}

#news-similar .section-title {
  position: relative;
  font-weight: 700;
  padding-right: 40px;
  line-height: 20px;
  font-size: 20px
}

#news-similar .news-block.related-post .caption-text p {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #2A2A2A;
  margin: 0
}

#news-similar .news-block.related-post:nth-last-child(1) {
  margin-bottom: -10px
}

p.section-title.w-reit-prognoz {
  margin-top: 20px
}

.g_p_r_switches_v2 {
  display: flex;
  width: max-content;
  margin-bottom: 10px
}

.g_p_r_s_month_v2 {
  padding: 0 10px 0 0;
  line-height: 28px;
  color: #B1B1B1;
  cursor: pointer
}

.g_p_r_s_year_v2 {
  padding: 0 10px;
  line-height: 28px;
  color: #B1B1B1;
  cursor: pointer
}

.g_p_r_s_month_v2:hover,
.g_p_r_s_year_v2:hover,
.g_p_r_s_month_v2.active,
.g_p_r_s_year_v2.active {
  color: #2A2A2A;
  text-decoration: underline;
  font-weight: bold
}

.g_p_r_s_month_v2.active,
.g_p_r_s_year_v2.active {
  cursor: default
}

.g_p_r_table_v2 {
  display: flex;
  overflow: hidden
}

.g_p_r_t_left_part_v2 {
  width: 174px
}

.gprtlpbbp_img_v2 {
  position: relative;
  min-width: 30px
}

.g_p_r_t_l_p_head_v2,
.g_p_r_t_r_p_head_v2 {
  height: 30px;
  color: #B1B1B1;
  background: #FFF;
  line-height: 34px;
  font-size: 12px;
  font-weight: bold
}

.g_p_r_t_l_p_head_v2 {
  width: 174px;
  padding-left: 30px
}

.g_p_r_t_r_p_head_v2 {
  display: flex;
}

.g_p_r_t_l_p_h_block_v2.roi {
  width: 70px;
  line-height: 34px;
  text-align: center
}

.g_p_r_t_l_p_h_block_v2.kol-vo {
  width: 90px;
  line-height: 23px;
  text-align: center;
  padding: 5px 0
}

.g_p_r_t_l_p_h_block_v2.plus_minus {
  width: 87px;
  line-height: 34px;
  text-align: center
}

.g_p_r_t_l_p_h_block_v2.koaf {
  width: 105px;
  line-height: 12px;
  text-align: center;
  padding: 5px 10px
}

.g_p_r_t_l_p_h_block_v2.prosadka {
  width: 91px;
  line-height: 34px;
  padding-left: 14px
}

.g_p_r_t_l_p_b_block_v2 {
  display: flex;

  background-color: white;
  margin-top: 1px;
  margin-bottom: 1px
}

.g_p_r_t_l_p_b_b_part_v2.position {
  line-height: 50px;
  text-align: center;
  width: 33px;
  min-width: 21px;
  font-weight: 700;
  font-size: 22px;
  opacity: 0.3;
}

.h2-rating {
  margin-bottom: 16px;
  font-size: 22px;
}

.g_p_r_t_l_p_b_block_v2 .gprtlpbbp_img_v2 img,
.g_p_r_t_l_p_b_block_v2 .gprtlpbbp_img_v2 .good-ava {
  margin: 10px 0;
  border-radius: 50%
}

.g_p_r_t_l_p_b_b_part_v2.name {
  font-size: 14px;
  line-height: 18px;
  padding: 7px 0;
  padding-left: 10px;
  width: 111px;
  color: black;
  text-decoration: unset;
  overflow: hidden;
  display: table
}

.g_p_r_t_l_p_b_b_part_v2.name span {
  display: table-cell;
  vertical-align: middle
}

.g_p_r_t_l_p_b_b_part_v2.name span span {
  vertical-align: middle;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis
}

.g_p_r_t_l_p_b_b_part_v2.name span {
  max-width: 95px
}

.p_r_front_page_v2 .g_p_r_t_l_p_b_b_part_v2.name span {
  max-width: unset
}


.g_p_r_t_l_p_b_b_part_v2.name:hover {
  color: black;
  text-decoration: unset
}

.sidebar-rat {
  margin-top: 20px;
}

.svg-rating-sidebar-block {
  width: 20px;
  height: 20px;
  position: relative;
  color: #ffeb00;
  margin-right: 6px;
  top: -3px;
}


.g_p_r_t_r_p_b_block_v2 {
  display: flex;
  height: 50px;
  background-color: white;
  margin-top: 1px;
  margin-bottom: 1px
}

.g_p_r_t_r_p_b_b_part_v2.roi {
  width: 70px;
  text-align: center;
  line-height: 50px
}

.g_p_r_t_r_p_b_b_part_v2.roi.plus {
  color: #0EB242
}

.g_p_r_t_r_p_b_b_part_v2.roi.minus {
  color: #FF1414
}

.g_p_r_t_r_p_b_b_part_v2.kol-vo {
  width: 108px;
  text-align: center;
  line-height: 50px
}

.g_p_r_t_r_p_b_b_part_v2.plus_minus {
  width: 87px;
  line-height: 50px;
  padding-left: 32px
}

.g_p_r_t_r_p_b_b_part_v2.plus_minus.plus {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAwElEQVQoFWPAB6SnciRITuMKwKeGEZeExHQOBWYGhv0MDP8FvnJwKn5I/PABmzomXAYANdcDKQWgHQLc37/XE3ABptOBRs9HUfiHwfFJ7o8DBA0QmC8gwP3jx3mw7ajgwVcODkOQV/B6gfvnd4jTMYECNq8wYgm4+5h6Mb2C1QXgUCcA/rMwzAd5E8MAqZkcOJyO6RWubz8K4C5CcTop4N9fw6fZvy8wwZ1OKmBmmQ+mQE5n/M8QwEA6kODxZv4IAPEhOfuGB6zdAAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
  background-position: 14px 17px
}

.g_p_r_t_r_p_b_b_part_v2.plus_minus.minus {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAoUlEQVQoFZXPsU3FMBSG0WM3tIwAJQgkMkI2YATeBqzwJoBMwCpsEISiUJIR0lKQoEh26RAf6ZZX+v4w8Bx5Uc/KOcBIjwd1pluuIyycVAq0EOGOjy2nJv2GCYKk5/KCHldH0iVR0jD/cjqankXI7nlf6JR1OT0Lsv+nTD80W2mxYG/Kwjk/HzLwOrJu98WbgqAgTfnGHGjz9iqfPA482fEHHvkt2x2VdNMAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-position: 14px 20px
}

.g_p_r_t_r_p_b_b_part_v2.koaf {
  width: 114px;
  text-align: center;
  line-height: 50px
}

.g_p_r_t_r_p_b_b_part_v2.prosadka {
  width: 74px;
  text-align: center;
  line-height: 50px;
  font-weight: 600;
}

.g_p_r_t_r_p_b_b_part_v2.prognozist_subscription_button {
  width: 94px;
  height: 30px;
  margin-left: 8px;
  margin-top: 10px;
  line-height: 30px;
  border-bottom: 2px solid #FF8E00;
  font-size: 12px
}

.g_p_r_t_r_p_b_block_v2 .prognozist_subscription_button {
  width: 122px;
  height: 37px;
  margin-left: 13px;
  margin-top: 7px;
  line-height: 37px;
  font-size: 14px;
  border-radius: 3px;
  margin-right: 13px
}

.r_t_load_more_v2 {
  margin-top: 10px
}

@media (min-width: 768px) {
  .g_p_r_t_l_p_b_b_part_v2.name:hover {
      opacity: 0.5
  }
}

@media only screen and (min-width: 1200px) {
  .g_p_r_t_right_part {
      overflow-y: unset
  }
}

.sidebar_prognozists_all_v2 {
  margin-top: 10px
}

.sidebar-right .g_p_r_table_v2,
.p_r_front_page_v2 .g_p_r_table_v2 {
  width: 100%;
  position: relative;
  border-radius: 3px;
  overflow: hidden
}

.sidebar-right .g_p_r_t_left_part_v2,
.p_r_front_page_v2 .g_p_r_t_left_part_v2 {
  width: 47%
}

.sidebar-right .g_p_r_t_right_part_v2,
.p_r_front_page_v2 .g_p_r_t_right_part_v2 {
  width: 53%;
  overflow: unset
}

.sidebar-right .g_p_r_t_l_p_head_v2,
.p_r_front_page_v2 .g_p_r_t_l_p_head_v2,
.sidebar-right .g_p_r_t_l_p_body_v2,
.p_r_front_page_v2 .g_p_r_t_l_p_body_v2 {
  width: 100%
}

.sidebar-right .g_p_r_t_r_p_head_v2,
.p_r_front_page_v2 .g_p_r_t_r_p_head_v2,
.sidebar-right .g_p_r_t_r_p_body_v2,
.p_r_front_page_v2 .g_p_r_t_r_p_body_v2 {
  width: 100%
}

.sidebar-right .g_p_r_t_l_p_h_block_v2.kol-vo,
.p_r_front_page_v2 .g_p_r_t_l_p_h_block_v2.kol-vo {
  line-height: 34px
}

.sidebar-right .g_p_r_t_l_p_head_v2,
.p_r_front_page_v2 .g_p_r_t_l_p_head_v2 {
  background-color: white;
  color: #B1B1B1
}

.sidebar-right .g_p_r_t_r_p_head_v2,
.p_r_front_page_v2 .g_p_r_t_r_p_head_v2 {
  background-color: white
}

.sidebar-right .g_p_r_table_v2 .g_p_r_t_r_p_b_b_part_v2.plus_minus,
.p_r_front_page_v2 .g_p_r_table_v2 .g_p_r_t_r_p_b_b_part_v2.plus_minus,
.sidebar-right .g_p_r_table_v2 .g_p_r_t_r_p_b_b_part_v2.koaf,
.p_r_front_page_v2 .g_p_r_table_v2 .g_p_r_t_r_p_b_b_part_v2.koaf,
.sidebar-right .g_p_r_table_v2 .g_p_r_t_r_p_b_b_part_v2.roi,
.p_r_front_page_v2 .g_p_r_table_v2 .g_p_r_t_r_p_b_b_part_v2.roi,
.sidebar-right .g_p_r_table_v2 .prognozist_subscription_button,
.p_r_front_page_v2 .g_p_r_table_v2 .prognozist_subscription_button {
  display: none
}

.sidebar-right .g_p_r_t_l_p_h_block_v2.prosadka,
.p_r_front_page_v2 .g_p_r_t_l_p_h_block_v2.prosadka,
.sidebar-right .g_p_r_t_l_p_h_block_v2.kol-vo,
.p_r_front_page_v2 .g_p_r_t_l_p_h_block_v2.kol-vo,
.sidebar-right .g_p_r_t_r_p_b_b_part_v2.prosadka,
.p_r_front_page_v2 .g_p_r_t_r_p_b_b_part_v2.prosadka,
.sidebar-right .g_p_r_t_r_p_b_b_part_v2.kol-vo,
.p_r_front_page_v2 .g_p_r_t_r_p_b_b_part_v2.kol-vo {
  width: 50%;
  padding: 0;
  text-align: center
}

.sidebar-right .g_p_r_table_v2 .g_p_r_t_r_p_b_b_part_v2.roi,
.p_r_front_page_v2 .g_p_r_table_v2 .g_p_r_t_r_p_b_b_part_v2.roi {
  width: 48%
}

.sidebar-right .g_p_r_table_v2 .g_p_r_t_r_p_b_b_part_v2.kol-vo,
.p_r_front_page_v2 .g_p_r_table_v2 .g_p_r_t_r_p_b_b_part_v2.kol-vo {
  width: 52%
}

.p_r_front_page_v2 {
  display: block
}

@media only screen and (max-width: 900px) {
  .p_r_front_page_v2 {
      display: none
  }
}

aside.widget.widget_bonuses_beton_widget .section-title::before,
.nbbv_v4_warning_bks .section-title::before {
  content: url('https://betonmobile.ru/wp-content/plugins/good_template_bonuses/img/icon.png');
  height: 40px;
  width: 65px
}

aside.widget.widget_bonuses_beton_widget .section-title::before,
aside.widget.widget_bonuses_beton_widget .section-title,
.nbbv_v4_warning_bks .section-title::before,
.nbbv_v4_warning_bks .section-title {
  display: inline-block;
  vertical-align: middle
}

aside.widget.widget_bonuses_beton_widget .section-title {
  margin: 0;
  padding: 0;
  border-left: 1px solid #fff
}

aside.widget.widget_bonuses_beton_widget .w_bonuses_wrap,
.nbbv_v4_warning_bks .w_bonuses_wrap {
  background-color: #fff;
  padding: 15px 0px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px
}

.td-bc-logo {
  display: block;
  height: 34px;
  width: 100px;
  cursor: pointer
}

.bonus_item_block>a {
  display: block
}

.bon-ank_new_fl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #FFF
}

.bon-ank_new_fl img {
  max-width: fit-content
}

a.bon-img.bon-img_new {
  position: relative;
  text-decoration: none;
  display: block
}

.bonus_item_block .bon-ank_new_bon_text {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  text-transform: uppercase;
  color: #2A2A2A
}

#sizemetr #w_bonuses .section-title {
  padding-left: 21px
}

.bonus_item_block {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #fff
}

.widget-bonus-item.bonus_item_block {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 15px 10px
}

.widget-bonus-item.bonus_item_block:first-child {
  padding: 0px 10px 15px 10px
}

.widget-bonus-item.bonus_item_block:last-child {
  padding: 15px 10px 0px 10px
}

.widget-bonus-item.bonus_item_block:not(:last-child) {
  border-bottom: 1px solid #CECECE
}

.nbbv_v4_warning_bks.widget-bonus-item.bonus_item_block:not(:first-child) {
  margin-top: 0px
}

.widget-bonus-item.bonus_item_block .bonus_item_block .bon-img_new img {
  top: 10px;
  margin: 5px 0 5px 3px;
  min-width: 100px
}

.bonus_item_block .bon-ank_new {
  width: 100%;
  font-size: 14px;
  line-height: 38px;
  height: 38px;
  text-align: left;
  background: #EDF4F2;
  color: #2A2A2A;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.dop_selection_38386 .bon-ank_new {
  background: linear-gradient(180deg, #F7F0DE 0%, #FDFAF2 100%)
}

.bonus_item_block .bon-ank_new>span {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  font-weight: bold
}

.bonus_item_block .bon-buts {
  width: 99px;
  height: 40px;
  line-height: 40px;
  background: #028665;
  text-align: center;
  color: white;
  font-size: 15px;
  text-decoration: unset;
  font-weight: 700;
  cursor: pointer
}

.block-line {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0px 8px 10px 8px
}

.icon-line-gift {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"%3E%3Cpath fill="%23028665" d="M13.5 4.5h-2.2A1.8 1.8 0 0 0 12 3a2 2 0 0 0-2.8-2l-.6.5a2 2 0 0 0-.6 1 2 2 0 0 0-.6-1A1.8 1.8 0 0 0 6.1 1a2 2 0 0 0-2 2.8l.5.6v.1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1v4a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1v-4a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1ZM9.3 2.3A.9.9 0 0 1 10 2a1 1 0 0 1 1 1 .9.9 0 0 1-.3.7 5 5 0 0 1-2.2.8c.1-.7.3-1.7.8-2.2Zm-4 0c.2-.2.5-.3.7-.3a.9.9 0 0 1 .7.3c.5.6.7 1.6.8 2.2a5 5 0 0 1-2.2-.8A.9.9 0 0 1 5 3a1 1 0 0 1 .3-.8ZM2.5 5.5h5v2h-5v-2Zm1 3h4v4h-4v-4Zm9 4h-4v-4h4v4Zm1-5h-5v-2h5v2Z"%2F%3E%3C%2Fsvg%3E');
  background-size: contain;
  background-repeat: no-repeat
}

.dop_selection_38386 .icon-line-gift {
  display: none
}

.line-line {
  height: 1px;
  background-color: #028665;
  flex-grow: 1
}

@media only screen and (min-width: 360px) and (max-width: 649px) {
  .bonus_item_block .bon-img_new img {
      left: calc(20.9vw - 45px)
  }
}

@media only screen and (min-width: 600px) and (max-width: 649px) {
  .bonus_item_block .bon-buts {
      width: 99px
  }
}

@media(min-width: 767px) {
  .bonus_item_block .bon-buts:hover {
      opacity: 0.5
  }

  .bonus_item_block .bon-img_new img:hover {
      opacity: 0.5
  }
}

@media only screen and (min-width: 650px) and (max-width: 899px) {
  .bonus_item_block .bon-buts {
      width: 99px
  }

  .bonus_item_block .bon-img_new img {
      left: 90px
  }
}

@media only screen and (min-width: 900px) and (max-width: 999px) {
  .bonus_item_block .bon-buts {
      width: 108px
  }

  .bonus_item_block .bon-img_new img {
      left: 0px
  }
}

@media only screen and (min-width: 1200px) {
  .bonus_item_block .bon-buts {
      width: 99px
  }
}

.nbbv_v4_warning_bks {
  margin-bottom: 20px
}

.nbbv_v4_warning_bks .w_bonuses_wrap {
  display: flex;
  flex-direction: column
}

.nbbv_v4_warning_bks .bonus_item_block {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-direction: row
}

.nbbv_v4_warning_bks .bon-ank_new_fl {
  width: auto;
  gap: 10px
}

.main-content .nbbv_v4_warning_bks p.section-title {
  font-size: 14px;
  margin: 0;
  border-left: 1px solid #fff
}

@media only screen and (min-width: 450px) {
  .main-content .nbbv_v4_warning_bks p.section-title {
      font-size: 16px
  }
}

@media only screen and (min-width: 900px) {
  .nbbv_v4_warning_bks .bonus_item_block {
      float: left
  }
}

@media (min-width: 540px) and (max-width: 900px) {
  .widget-bonus-item.bonus_item_block {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-direction: row
  }

  .widget-bonus-item.bonus_item_block:not(:first-child) {
      margin-top: 0px
  }

  .bon-ank_new_fl {
      gap: 10px;
      margin: 0px
  }
}

@media (min-width: 320px) and (max-width: 539px) {
  .widget-bonus-item.bonus_item_block {
      flex-direction: column
  }

  .bon-ank_new_fl {
      justify-content: space-between;
      width: 100%
  }

  .nbbv_v4_warning_bks .bon-ank_new_fl {
      width: 100%
  }
}

@media only screen and (max-width: 320px) {
  .nbbv_v4_warning_bks .widget-bonus-item.bonus_item_block {
      flex-direction: column
  }

  .nbbv_v4_warning_bks .bon-ank_new_fl {
      width: 100%
  }
}

.widget-promocode {
  position: relative;
  overflow: hidden;
  background-color: #FFF
}

.widget-promocode-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background: #FFF;
  min-height: 94px
}

.widget-promocode-item:not(:last-child) {
  border-bottom: 1px solid #CECECE
}

.widget-promocode-first-box,
.widget-promocode-second-box {
  display: flex;
  width: 100%;
  justify-content: space-between
}

.widget-promocode-first-box {
  text-decoration: none;
  padding-left: 10px;
  margin-bottom: 10px;
  margin-top: 10px
}

.widget-promocode-second-box {
  padding: 0 10px 16px
}

.promocode-sum {
  min-width: 110px;
  display: flex;
  justify-content: flex-start;
  align-items: center
}

.promocode-logo {
  margin-right: 4px;
  min-width: 100px
}

.promocode-btn {
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  flex: 1;
  min-width: 1px;
  width: 100%;
  max-width: 100%;
  margin-right: 10px;
  padding: 1.5px 15px 1.5px 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  background: #EDF4F2;
}

.promocode-btn:hover,
.widget-promocode-first-box:hover {
  text-decoration: none
}

.promocode-copied .promocode_txt {
  font-weight: 400;
  text-transform: uppercase
}

.promocode_txt {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.875;
  color: #006D52;
  text-transform: none;
  margin-top: 2px;
  display: inline-block
}

.promocode-btn__sum {
  font-weight: bold;
  color: #2A2A2A;
  font-size: 18px;
  line-height: 1
}

.promocode-btn>div:not(:last-child) {
  margin-right: 10px
}

.promocode-btn__code-icon {
  position: relative;
  width: 11px;
  height: 13px
}

.promocode-btn__code-icon:before {
  content: "";
  position: absolute;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2214%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%232A2A2A%22%20d%3D%22M1.3%2013.9c-.3%200-.6-.1-1-.4-.2-.3-.3-.6-.3-1V3.3h1.3v9.4h7.4V14H1.3ZM4%2011.2c-.4%200-.7-.1-1-.4-.2-.2-.3-.5-.3-.9v-8c0-.4.1-.7.4-1%20.2-.2.5-.3.9-.3h6c.4%200%20.7.1%201%20.4.2.2.3.5.3.9v8c0%20.4-.1.7-.4%201-.2.2-.5.3-.9.3H4Z%22/%3E%3C/svg%3E');
  background-size: contain;
  left: 0;
  top: 0;
  width: 12px;
  height: 14px
}

.promocode-link a {
  font-size: 15px;
  line-height: 40px;
  min-height: 40px;
  min-width: 99px;
  background: #028665;
  color: white;
  text-align: center;
  text-decoration: unset;
  font-weight: bold;
  cursor: pointer;
  display: inline-block
}

.promocode_txt:hover {
  opacity: 0.5
}

.icon-line-promo {
  width: 16px;
  height: 13px;
  margin-right: 5px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="12" fill="none"%3E%3Cpath stroke="%23028665" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.1" d="M10.4.7v1.8m0 2.6v1.8m0 2.6v1.8m-9.4-1a1.1 1.1 0 0 0 1.2 1h11.6a1.1 1.1 0 0 0 1.2-1V8a2.2 2.2 0 0 1 0-4.2v-2A1.1 1.1 0 0 0 13.8.7H2.2a1.1 1.1 0 0 0-1.2 1V4a2.2 2.2 0 0 1 0 4v2.1Z"%2F%3E%3C%2Fsvg%3E');
  background-size: contain;
  background-repeat: no-repeat
}

@media (min-width: 768px) {
  .promocode-btn:hover .promocode-btn__code-icon {
      opacity: 0.5
  }

  .promocode-logo:hover,
  .promocode-link a:hover {
      opacity: 0.5
  }
}

@media (min-width: 539px) and (max-width: 899px) {
  .widget-promocode-item {
      flex-direction: row;
      min-height: 0px;
      padding: 15px 10px
  }

  .widget-promocode-second-box {
      padding: 0px
  }

  .widget-promocode-first-box {
      padding: 0px;
      margin: 0px
  }
}

.bookmaker-info {
  margin-top: 5px
}

.bookmaker-promocod {
  display: block;
  color: #2A2A2A;
  text-decoration: none
}

.bookmaker-promocod:hover,
.bookmaker-promocod:active,
.bookmaker-promocod:focus {
  color: #2A2A2A;
  text-decoration: none
}

.bookmaker-promocod-icon:before {
  content: "";
  background-image: url(/wp-content/plugins/good_template_bks/img/icons/copy.svg);
  background-size: cover;
  width: 12px;
  height: 14px;
  display: inline-block;
  vertical-align: middle
}

.bookmaker-more-box.show .close_icon {
  position: absolute;
  right: 3px;
  top: 3px;
  cursor: pointer;
  font-size: 25px
}

.bookmaker-more-box.show .close_icon:before {
  content: '+';
  transform: rotate(45deg);
  display: block
}

.bookmaker-more-box.show .bookmaker-toltip {
  display: block
}

.bookmaker-coef {
  text-transform: lowercase
}

.bookmaker-more {
  min-width: 20px;
  min-height: 16px;
  background: #F2F1F1;
  font-size: 12px;
  line-height: 1;
  color: #2A2A2A;
  padding: 2px 5px;
  text-decoration: none;
  text-align: center
}

.bookmaker-more:hover,
.bookmaker-more:focus,
.bookmaker-more:active {
  text-decoration: none
}

.bookmaker-broadcasts {
  display: flex;
  column-gap: 7px
}

.bookmaker-broadcasts>span,
.bookmaker-toltip>span>img {
  width: 20px;
  height: 20px
}

.bookmaker-number.small_number span {
  font-size: 8px
}

.bookmaker-toltip {
  max-width: 232px;
  width: max-content;
  padding: 17px 10px 10px 10px;
  background-color: #fff;
  background: rgba(42, 42, 42, 0.98);
  border-radius: 3px;
  position: absolute;
  bottom: 0;
  transform: translateY(calc(100% + 6px));
  left: -4px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #FFF;
  z-index: 1
}

.bookmaker-more-box.show:before {
  position: absolute;
  content: '';
  bottom: -6px;
  left: 6px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 6px 4px;
  border-color: transparent transparent #2a2a2a transparent
}

.bookmaker-more-box.show .bookmaker-toltip.toltip-to-right {
  right: -4px;
  left: unset
}

.bookmaker-more-box {
  position: relative
}

.bookmaker-toltip {
  display: none
}

.bookmaker-toltip>span {
  display: flex;
  gap: 7px;
  flex-wrap: wrap
}

.bookmaker-open-more-box {
  height: 1px;
  display: none
}

.bookmaker-more-box.show .bookmaker-toltip.toltip-to-swim {
  left: unset;
  right: calc(100% - 90px)
}

.bookmaker-open-more-box.animated-load {
  position: relative;
  overflow: hidden;
  display: block;
  margin-top: -1px
}

.bookmaker-show-all-box {
  margin-top: 10px
}

.bookmaker-show-all_link {
  background-color: #fff;
  color: var(--main-color-blue);
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  width: 100%;
  display: flex;
  padding: 13px 22px 13px 15px;
  position: relative;
  align-items: center;
  justify-content: space-between
}

.bookmaker-show-all_link:hover {
  text-decoration: none;
  color: var(--main-color-blue)
}

.bookmaker-show-all_link::after {
  content: '';
  transform: rotate(45deg);
  display: block;
  width: 9px;
  height: 9px;
  border-top: 2px solid;
  border-right: 2px solid
}

#sizemetr .bookmakers-heading-table-box h2,
.bookmakers-heading-table-box h2 {
  padding: 0
}

.sidebar-right .bookmakers-heading-table-box h2 {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 5px
}

#bookmakers-rating {
  margin-bottom: 20px
}

.bookmaker-open-more-box.animated-load:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -50%;
  height: 1.5px;
  width: 40%;
  background-color: #c2c0c0;
  -webkit-animation: lineAnim 2s linear infinite;
  -moz-animation: lineAnim 2s linear infinite;
  animation: lineAnim 2s linear infinite
}

@keyframes lineAnim {
  0% {
      left: -40%
  }

  50% {
      left: 20%;
      width: 80%
  }

  100% {
      left: 100%;
      width: 100%
  }
}

.bookmaker-comments,
.bookmaker-comments:hover {
  text-decoration: none;
  color: unset
}

.bookmaker-comments:hover {
  opacity: 0.5
}

@media(min-width: 413px) {
  .bookmaker-comments {
      display: flex;
      flex-direction: column;
      align-items: center;
      row-gap: 1px;
      margin: 0 10px
  }
}

@media(min-width: 455px) {
  .bookmaker-comments {
      flex: 1
  }
}

@media(max-width: 440px) {
  .bookmaker-more-box .bookmaker-toltip:not(.toltip-to-right):not(.toltip-to-swim) {
      left: -100px
  }
}

@media(min-width: 552px) {
  .bookmaker-reviews_and_logo {
      column-gap: 10px
  }

  .bookmakers_rating_video_box span {
      font-size: 14px
  }
}

@media(min-width: 767px) {

  .bookmaker-logo>a:hover,
  .bookmaker-bonus:hover,
  .bookmaker-link a:hover,
  .bookmaker-obzor:hover,
  .bookmaker-show-all_link:hover,
  .bookmaker-promocod:hover {
      opacity: 0.5
  }
}

@media(min-width: 900px) {
  .sidebar-right .bookmaker-comments {
      display: none
  }

  .sidebar-right .all-bookmakers-container_v4 {
      margin-top: 0
  }

  .sidebar-right .bookmaker-logo {
      margin: 0
  }

  .bookmaker-bottom-content.bk_first_block {
      display: block
  }

  .sidebar-right .single-bookmaker_v4 .bookmaker-top-content .bookmaker-link {
      min-width: 96px;
      width: 100%
  }

  .sidebar-right .bookmaker-obzor {
      display: block;
      margin: 0
  }

  .sidebar-right .bookmaker-bonus {
      display: none
  }

  .sidebar-right .tabl_book_buttons {
      min-width: unset
  }
}

@media(min-width: 1000px) {
  .tabl_book_buttons {
      max-width: none;
      min-width: unset
  }
}

@media(min-width: 1200px) {
  .bookmaker-number {
      margin-right: 10px
  }

  .sidebar-right .single-bookmaker_v4 .bookmaker-top-content .bookmaker-obzor {
      width: 28px;
      max-width: 28px
  }

  .sidebar-right .single-bookmaker_v4 .bookmaker-top-content .bookmaker-bonus {
      width: 74px;
      max-width: 74px
  }

  #sizemetr .bookmaker-obzor {
      flex: 1
  }

  .bookmaker-obzor span {
      display: block;
      color: #2A2A2A;
      font-size: 13px;
      font-weight: bold;
      text-decoration: none
  }

  #sizemetr .bookmaker-obzor::before {
      content: none
  }

  .bookmaker-reviews_and_logo {
      flex-direction: row
  }

  .bookmaker-review-number {
      display: inline-block;
      font-size: 13px
  }

  .single-bookmaker_v4 .bookmaker-top-content .bookmaker-bonus,
  .single-bookmaker_v4 .bookmaker-top-content .bookmaker-obzor,
  .single-bookmaker_v4 .bookmaker-top-content .bookmaker-link {
      width: 115px;
      max-width: 115px
  }

  .bookmaker-obzor {
      padding: 12px 10px
  }

  .bookmaker-reviews_and_logo {
      max-width: unset
  }

  .sidebar-right .bookmaker-bonus {
      display: block
  }
}

.ancor_exclusiv_info {
  position: absolute;
  width: 150px;
  height: 32px;
  font-size: 10px;
  bottom: 25px;
  color: white;
  background: rgba(42, 42, 42, 0.98);
  border-radius: 3px;
  padding: 5px;
  line-height: 11.5px;
  z-index: 1
}

.ancor_exclusiv_info:before {
  content: '';
  border: 6px solid transparent;
  border-top: 8px solid #2e2e2e;
  top: 31px;
  left: 20px;
  position: absolute
}

.ancor_exclusiv_info span {
  position: absolute;
  right: 3px;
  top: 3px;
  font-size: 17px;
  transform: rotate(45deg);
  cursor: pointer
}

.bookmaker-promocod[data-copied="copied"] {
  pointer-events: none
}

.nav-mobile {
  cursor: pointer
}

#sidebox .bookmaker-reviews_and_logo {
  flex-direction: column
}

#sidebox .bookmaker-review-number,
#sidebox .bookmaker-obzor span {
  display: none
}

.bookmaker-bottom-content {
  overflow: hidden
}

.bookmaker-bottom-content .bookmaker-bottom-row {
  display: flex;
  gap: 15px;
  padding: 5px 10px 10px 10px;
  flex-direction: column;
  background: #fff;
  font-size: 13px
}

.bookmaker-bottom-content .bookmaker-bottom-row img {
  border-radius: unset
}

.bookmake-promocode-content {
  color: #028665;
  font-weight: bold
}

.b_t_freebet {
  background: linear-gradient(90deg, rgba(2, 134, 101, 0.10) 0%, rgba(0, 87, 255, 0.10) 100%);
  display: flex;
  gap: 10px;
  padding: 10px;
  width: 100%;
  flex-direction: column;
  text-align: center;
  justify-content: space-between
}

.b-t-row {
  display: flex;
  flex: 1;
  gap: 10px;
  flex-wrap: wrap
}

.b-t-row .b-t-row {
  gap: 5px
}

.b_t_bg {
  background-color: #F9F9F9;
  padding: 10px
}

.b_t_promocode {
  text-align: center;
  min-width: 100px
}

.b_t_l_hide {
  display: none
}

.b_t_promocode,
.b_t_license,
.b_t_users,
.b_t_otziv {
  display: flex;
  flex: 1;
  text-align: center;
  white-space: nowrap;
  gap: 3px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 10px
}

.b_t_users {
  cursor: pointer
}

.b_t_otziv,
.b_t_otziv:hover {
  text-decoration: none;
  color: unset
}

.b_t_otziv:hover {
  opacity: 0.5
}

.b_t_f15 {
  font-size: 15px
}

.b_t_license {
  justify-content: center;
  align-items: center
}

.b_t_license::after {
  content: '';
  width: 16px;
  height: 16px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAAPUExURUdwTCoqKi8vLyoqKioqKjrOk7YAAAAEdFJOUwDVIHD9UMTfAAAARklEQVQoz2NgGIRAUQiVzyTijKbARQhNgaMC1RQwGaEpYARJIZvACJJDMQEoiWoFUAmaFSKOaG5QdEFzAwO6IxkYhQY6KgBBVQlwiiZk+wAAAABJRU5ErkJggg==');
  background-size: cover;
  display: inline-block;
  vertical-align: -4px;
  margin-left: 3px
}

.b_t_partners,
.b_t_achiv {
  flex: 1;
  overflow: hidden;
  max-width: 100%
}

.b_t_partners .b_t_title,
.b_t_achiv .b_t_title {
  margin-bottom: 10px;
  display: block
}

.b_t_f_button {
  height: 35px;
  line-height: 35px;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
  background: linear-gradient(90deg, #028665 0%, var(--main-color-blue) 100%)
}

.b_t_f_button:hover {
  color: #fff;
  opacity: 0.5;
  text-decoration: none
}

.b_t_f_label {
  color: #006D52
}

.b_t_f_label span {
  font-weight: bold
}

.b_t_p_parts_overflow {
  overflow: scroll;
  width: fit-content
}

.b_t_p_part {
  display: inline-block;
  margin-right: 5px;
  overflow: hidden;
  width: 60px;
  vertical-align: top;
  text-decoration: none
}

.b_t_p_part .b_t_p_part_name,
.b_t_a_item_text {
  display: block;
  white-space: break-spaces;
  text-align: center;
  font-size: 9px;
  line-height: 120%;
  margin-top: 5px;
  color: #6E6E6E;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.bookmaker-bottom-content .b_t_p_part .b_t_p_part_logo {
  background-color: #F2F1F1;
  border-radius: 10px
}

.b_t_a_item {
  display: inline-block;
  margin-right: 5px;
  width: 60px;
  position: relative;
  padding: 5px;
  align-content: center;
  vertical-align: top
}

.b_t_min_summ,
.b_t_min_stavka {
  flex: 1;
  text-align: center
}

.b_t_min_summ .b_t_title,
.b_t_min_stavka .b_t_title {
  margin-bottom: 3px
}

.b_t_min_summ span,
.b_t_min_stavka span {
  display: block
}

.b_t_amb_item {
  width: 250px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
  height: 100%
}

.b_t_amb_name span {
  font-weight: bold
}

.b_t_ambas .b_t_amb_name img {
  width: 30px;
  border-radius: 100%;
  margin-right: 5px
}

p.b_t_amb_desc {
  margin: 5px 0 0 0;
  white-space: wrap
}

.b_t_m_a_m_box {
  margin-right: 10px;
  display: inline-block
}

.b_t_m_a_m_box img {
  margin-right: 5px;
  float: left
}

.b_t_m_a_m_box span {
  display: block;
  padding-left: 29px
}

.b_t_m_a_m_h {
  font-size: 11px;
  color: #6E6E6E
}

.b_t_m_a_m_t {
  font-weight: bold
}

.b_t_mob_app_market a {
  text-decoration: none;
  color: unset
}

.b_t_u_b_count {
  font-size: 12px;
  line-height: 14px;
  float: right
}

.b_t_u_b_count::after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: top;
  margin-left: 2px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAAeUExURUdwTLi4uLi4uLi4uLi4uLKysrm5ube3t7i4uLi4uNyR8ncAAAAJdFJOUwBNvnwiEO+V2ADOLQUAAACHSURBVBjTY2DACxjVJgnAOZYzZ06GS8w0DZ4Jk2ICClsqQDmcUxkYIhOgHDYQZwI2ZSgGoBjNwKiZJIDVNSxGndOUHaBszZlAMB3CE5tW6MAiPjMRYnApiHIHG84BNRVsLchlIOAJchDTjEJXBgYX8cwGkGGdM8FgEtg4xqK2mTMz1AXwBQwAv7Mj/gfSEuwAAAAASUVORK5CYII=');
  background-size: cover
}

.b_t_u_b_text {
  font-size: 15px;
  font-weight: bold
}

.b_t_title {
  color: #767676;
  font-size: 11px
}

.b_t_pay_tab {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start
}

.bookmaker-bottom-content.show .b_t_pay_tab .b_t_pay_tab-item,
.bookmaker-bottom-content.show .b_t_pay_tab input {
  display: none
}

.bookmaker-bottom-content.show .b_t_pay_tab .b_t_pay_tab-item {
  width: 100%;
  order: 1
}

.bookmaker-bottom-content.show .b_t_pay_tab label {
  background-color: unset;
  padding: 10px;
  text-align: center;
  color: #000;
  font-weight: bold;
  white-space: nowrap
}

.bookmaker-bottom-content.show .b_t_pay_tab input:checked+label {
  background-color: #F9F9F9
}

.bookmaker-bottom-content.show .b_t_pay_tab input:checked+label+.b_t_pay_tab-item {
  display: block
}

.b_t_pay_tab-item .b_t_pay_logo {
  width: 33px;
  height: 21px;
  display: inline-block;
  background-size: cover;
  margin-right: 10px
}

@media screen and (min-width: 999px) {
  .b_t_freebet {
      flex: 1
  }

  .b_t_promocode {
      width: 100%;
      flex: unset
  }

  .b_t_users .b_t_f15,
  .b_t_otziv .b_t_f15 {
      display: unset
  }

  .b_t_license,
  .b_t_users,
  .b_t_otziv {
      flex-direction: row;
      height: 25px
  }

  .b_t_flc {
      flex-direction: row
  }
}

.b_t_button_footer {
  min-height: 40px
}

.b_t_button_footer_box {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  background: #FFF;
  z-index: 3
}

.b_t_button_footer .bookmaker-obzor {
  flex: 1;
  display: block;
  background-color: #F2F1F1
}

.b_t_button_footer .bookmaker-obzor::before {
  content: unset
}

.b_t_button_footer .bookmaker-obzor span {
  display: block;
  color: #2A2A2A;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none
}

.b_t_button_footer .bookmaker-link {
  margin-right: 0
}

.b_t_b_foot_b_fix {
  position: fixed;
  margin-left: -20px;
  width: 100%;
  padding: 10px
}

@media screen and (min-width: 650px) {
  .b_t_b_foot_b_fix {
      margin-left: -10px
  }
}

.b_t_users_button {
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.b_m_h_bk_v2_b_gamers {
  position: relative
}

.b_m_h_bk_v2_b_gamers .switch {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 14px;
  margin-right: 10px
}

.b_m_h_bk_v2_b_gamers .switch input {
  opacity: 0;
  width: 0;
  height: 0
}

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

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

.b_m_h_bk_v2_b_gamers .slider.round>span {
  position: absolute;
  height: 20px;
  width: 20px;
  left: -3px;
  bottom: -3px;
  transition: .4s;
  -webkit-transition: .4s;
  border-radius: 50%;
  background-color: #898989
}

.b_m_h_bk_v2_b_gamers input:checked+.slider>span {
  transform: translateX(20px);
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  background-color: #028665
}

.b_m_h_bk_v2_b_gamers .b_m_h_bk_v2_b_g_count {
  color: black
}

.nbbv_v4_b_payment_line_element_logo-l {
  background: url(/wp-content/plugins/good_template_bks/img_v4/sposob-l.png) center 0 no-repeat
}

#modal_match_day {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 999
}

#modal_match_day .modal_match_day_bg {
  background-color: rgba(0, 0, 0, 0.50);
  width: 100%;
  height: 100%
}

#modal_match_day .modal_match_day_box {
  background-color: #EDF4F2;
  display: flex;
  position: absolute;
  width: calc(100% - 20px);
  max-width: 392px;
  min-width: 300px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden
}

#modal_match_day .modal_match_day_close {
  border-radius: 0px 0px 0px 8px;
  background-color: #F2F1F1;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  cursor: pointer
}

#modal_match_day .modal_match_day_close::after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADBSURBVHgB7ZGxDoMgEIaFJs4mmji4ODo4+Aj1iTt3oo/g4GA3R+PETAiUv4HmQtC+gP9ycNz/5e7Isks3eun7/l5V1aNpmue2bZK+DcPQlmUp6rp+7/u+hjynRVprPBRKKQEDNSNnrS18zU8sbqnrupZzLnDO83xEhBnRGDMuy3IOiCFBKfMhAMI+nOkLcbBxnudXqi4JCDPTHMaZpmn9C6BmtO07EEcQdmYOM8eLpZD4G1sXZLwwnJFjjElfc4noA5svdaM+g3ADAAAAAElFTkSuQmCC');
  width: 16px;
  height: 16px;
  content: '';
  display: block;
  padding: 5px
}

#modal_match_day .h_m_d_b_head {
  display: flex;
  padding: 15px;
  width: 100%;
  font-size: 24px;
  font-weight: bold;
  background-color: #FFF;
  line-height: 100%
}

#modal_match_day .h_m_d_b_head .h_m_d_i {
  display: flex;
  padding: 5px;
  width: 24px;
  height: 24px;
  border-radius: 12px 12px 0px 12px;
  vertical-align: -3px;
  align-items: center;
  justify-content: center
}

#modal_match_day .h_m_d_b_chm {
  width: 100%;
  padding: 8px 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-left: 3px solid #CECECE;
  background-color: #F9F9F9
}

#modal_match_day .h_m_d_b_chm .h_m_d_b_t {
  font-size: 14px;
  line-height: 120%
}

#modal_match_day .h_m_d_b_chm .h_m_d_b_t a {
  color: unset
}

#modal_match_day .h_m_d_b_chm .h_m_d_b_t p:nth-child(1) {
  font-weight: bold
}

#modal_match_day .h_m_d_b_chm .h_m_d_b_t p:nth-child(2) {
  color: #6E6E6E
}

#modal_match_day .h_m_d_b_t_p {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 10px
}

#modal_match_day .h_m_d_b_t_p p:nth-child(2) {
  white-space: nowrap
}

#modal_match_day .h_m_d_b_match {
  width: 100%;
  padding: 10px 15px;
  background-color: #fff
}

#modal_match_day .h_m_d_b_match a {
  width: 33%
}

#modal_match_day .h_m_d_b_match .div-cell {
  width: 100%
}

#modal_match_day .h_m_d_b_m_odds {
  display: flex;
  gap: 10px;
  margin-top: 15px;
  margin-bottom: 10px
}

#modal_match_day .odd-bottom {
  background: #F2F1F1;
  border-radius: 5px;
  width: 100%;
  height: 40px;
  padding: 5px;
  cursor: default;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer
}

#modal_match_day .odd-bottom .odd_name {
  font-size: 10px;
  color: #949494;
  line-height: 100%;
  margin-top: 4px;
  display: inline-block
}

#modal_match_day .odd-bottom span {
  color: #000;
  font-size: 13px;
  text-decoration: unset;
  font-weight: bold;
  line-height: 100%;
  margin-top: 3px
}

#modal_match_day .h_m_d_b_m_info {
  display: flex;
  gap: 10px;
  position: relative;
  align-items: center
}

#modal_match_day .h_m_d_b_m_info img {
  min-width: 60px;
  padding: 10px;
  border: 1px solid #F2F1F1;
  border-radius: 30px;
  height: 60px
}

#modal_match_day .h_m_d_b_m_info span {
  flex: 1 0 0;
  font-size: 18px;
  line-height: 120%;
  font-weight: bold
}

#modal_match_day .h_m_d_b_m_info a {
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0
}

#modal_match_day .h_m_d_b_butt {
  padding: 15px 15px 5px 15px;
  width: 100%
}

#modal_match_day .h_m_d_b_butt a {
  width: 100%;
  display: inline-block;
  text-align: center
}

#modal_match_day .h_m_d_b_butt .a_freeb {
  height: 50px;
  padding: 10px;
  background-color: #028665;
  font-size: 15px;
  color: #fff;
  line-height: 32px;
  font-weight: bold
}

#modal_match_day .h_m_d_b_butt a {
  text-decoration: unset
}

#modal_match_day .h_m_d_b_butt .a_more {
  padding: 15px 10px;
  color: unset;
  font-size: 13px;
  line-height: 100%
}

#modal_match_day .a_more::after {
  content: '';
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAIBAMAAADZ48iGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAVUExURSgoKDAwMCoqKkdwTCsrKysrKykpKQDyWvsAAAAHdFJOUyAg3wBgX1CIT+U1AAAAKElEQVQI12MwFjQ2NmAwdhIGkSaKIBLIAZFBzEDSVAEkksQMIoFiBgCuCQc2vgHe9AAAAABJRU5ErkJggg==');
  width: 9px;
  height: 8px;
  display: inline-block;
  margin-left: 5px
}

#modal_match_day .a_freeb::before {
  content: '';
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhBAMAAAClyt9cAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAAPUExURf///0dwTP///////////2JNjWwAAAAFdFJOU/0ArSBYU1uhCgAAAHRJREFUKM9jEEQDAgxEixgxKIMxXESYgYHBGIgN4SJCTMIKSkCsCBcRYAYygJgRIcIoKMSgKGjAiKTLUITBURBJlzADkwuDiwLcZAcGBGABizAgA4gI2JEwkgIRDJMxbYdogBGDQQTJyRARByQnkxLLpIoAAJV6H0196jqEAAAAAElFTkSuQmCC');
  width: 16.5px;
  height: 16.5px;
  display: inline-block;
  background-size: cover;
  margin-right: 5px;
  vertical-align: -3px
}

#modal_match_day .a_freeb:hover,
#modal_match_day .a_more:hover,
#modal_match_day .modal_match_day_close:hover,
#modal_match_day .h_m_d_b_match a:hover,
#modal_match_day .h_m_d_b_chm .h_m_d_b_t a:hover {
  opacity: 0.5
}

#modal_match_day .h_m_d_b_m_progn.s_p_n_stavka {
  padding-bottom: 15px
}

#modal_match_day .s_p_n_stavka {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between
}

#modal_match_day .s_p_n_stavka p {
  text-align: left;
  font-size: 13px;
  color: #6E6E6E;
  line-height: 100%
}

#modal_match_day .s_p_n_stavka .s_p_n_stavka_v {
  display: inline-flex;
  align-items: center
}

#modal_match_day .s_p_n_stavka .s_p_n_stavka_v img {
  margin-left: 10px
}

#modal_match_day .s_p_n_stavka .s_p_n_stavka_k {
  color: #028665;
  display: inline-block;
  padding-top: 5px;
  font-size: 18px;
  font-weight: bold
}

#modal_match_day .s_p_n_stavka .s_p_n_stavka_t {
  padding-top: 5px;
  display: inline-block;
  font-weight: bold;
  line-height: 120%
}

#widget_betting .true_scrollbar {
  width: 100%;
  display: flex;
  align-items: center
}

.widget_scroll_box {
  margin-bottom: 20px
}

#widget_betting {
  position: relative;
  overflow: hidden
}

#widget_betting .betting_widget {
  padding-bottom: 20px
}

#widget_betting .true_scrollbar::-webkit-scrollbar-track {
  background: #fff
}

@media(min-width: 768px) {
  #widget_betting .betting_widget {
      padding-bottom: 0
  }

  #widget_betting {
      padding: 0px 0 15px
  }
}

.betting_widget .chm_event {
  width: 300px;
  background: #FFF;
  box-shadow: unset;
  margin-right: 20px;
  position: relative;
  display: inline-block;
  overflow: hidden;
  white-space: normal;
  vertical-align: middle
}

.betting_widget .chm_event {
  margin-left: 3px;
  margin-top: 3px;
  margin-bottom: 3px
}

.betting_widget .chm_table .div-cell.col1 {
  width: 100%;
  padding-bottom: 10px
}

.betting_widget .chm_table .div-cell.col2 {
  width: 33.3%
}

.betting_widget .chm_table .div-cell.col1 .event_comm {
  display: flex;
  flex-direction: column;
  flex: 2
}

.betting_widget .chm_table .div-cell.col1 a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center
}

.betting_widget .chm_table .chm_event .event_comm .comm_name {
  text-align: center;
  width: 100%;
  order: 2
}

.betting_widget .chm_table .chm_event .event_comm .comm_logo {
  text-align: center;
  width: 100%;
  margin: 0;
  margin-bottom: 3px
}

.betting_widget .chm_event .div-cell.col1 {
  height: 82px
}

.betting_widget .chm_table .div-cell.col2 a {
  display: inline-block
}

.betting_widget .chm_table .odd-top {
  position: relative;
  top: unset;
  left: unset
}

.betting_widget .chm_table .odd-top .bk_spr_bc {
  display: inline-block
}

.betting_widget .chm_table .div-cell.col1 div.event_score {
  flex: 1;
  min-width: 83px;
  max-width: 83px
}

.bw_button {
  position: absolute;
  width: 34px;
  height: 34px;
  background: #2A2A2A;
  border-radius: 50%;
  top: 60px;
  cursor: pointer
}

.bw_button.bw_b_right {
  right: 0
}

.bw_button.bw_b_left {
  left: 0
}

#widget_betting_box .section-title {
  width: 50%;
  padding-right: 10px;
  display: inline-block
}

#widget_betting_box .bw_link_more {
  width: 48%;
  padding: 0 5px;
  font-size: 14px;
  line-height: 143%;
  color: #000;
  text-decoration-line: underline;
  text-align: right;
  display: inline-block
}

.div-cell.col1 {
  width: 60%
}

.div-cell.col1 div {
  display: inline-block
}

.div-cell.col1 {
  width: 64%
}

.div-cell.col2 {
  width: 12%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: center
}

.div-cell.col1 {
  display: inline-block
}

.chm_event {
  padding: 10px;
  margin: 10px 0;
  background: #fff
}

.chm_event .col0 {
  color: #B2B2B2;
  font-size: 14px;
  line-height: 114%;
  margin-bottom: 10px
}

.chm_event .col0 a {
  text-decoration: underline;
  color: #000
}

.chm_event .event_comm .comm_logo {
  width: 40px;
  max-height: 40px;
  text-align: center
}

.chm_event .event_comm .comm_logo img {
  max-height: 40px
}

.chm_event .event_comm:first-child .comm_logo {
  margin-left: 10px
}

.chm_event .event_comm:last-child .comm_logo {
  margin-right: 10px
}

.chm_event .event_comm .comm_name {
  width: 100px;
  vertical-align: middle
}

.chm_event .event_comm:first-child .comm_name {
  text-align: right
}

.chm_event .event_comm:last-child .comm_name {
  text-align: left
}

.chm_event .event_comm .comm_name {
  color: #2B2B2B;
  font-size: 14px;
  line-height: 114%;
  max-height: 33px;
  overflow: hidden
}

@media(max-width: 1199px) {
  .chm_table .div-cell.col1 {
      width: 100%;
      padding-bottom: 10px
  }

  .chm_table .div-cell.col2 {
      width: 33.3%
  }

  .chm_table .div-cell.col1 a {
      width: 100%;
      display: flex;
      align-items: center
  }

  .chm_table .div-cell.col1 div.event_score {
      flex: 1;
      min-width: 83px;
      max-width: 83px
  }

  .chm_table .div-cell.col1 .event_comm {
      flex: 2;
      text-align: right
  }

  .chm_table .div-cell.col1 .event_comm:nth-child(3) {
      text-align: left
  }

  .chm_table .div-cell.col2>div {
      display: inline-block
  }

  .chm_table .odd-top {
      position: relative;
      top: unset;
      left: unset
  }

  .chm_table .odd-top .bk_spr_bc {
      display: inline-block
  }
}

@media(max-width: 649px) {

  .chm_table .chm_event .event_comm .comm_name,
  .chm_table .chm_event .event_comm .comm_logo {
      text-align: center;
      width: 100%;
      margin: 0
  }

  .chm_table .chm_event .event_comm .comm_name {
      order: 2
  }

  .chm_table .div-cell.col1 .event_comm {
      display: flex;
      flex-direction: column
  }
}

@media (min-width: 768px) {
  .betting_widget .chm_event .div-cell.col1:hover {
      opacity: 0.5
  }
}

.chm_event .odd-bottom {
  background: #F2F1F1;
  width: 86px;
  height: 40px;
  padding: 5px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center
}

.chm_event .odd-bottom:hover {
  background: rgba(5, 142, 202, 0.1)
}

.chm_event .odd-bottom span {
  color: #000;
  font-size: 13px;
  line-height: 100%;
  margin-top: 2px;
  text-decoration: unset;
  font-weight: bold
}

.chm_event .odd-bottom .odd_name {
  font-size: 10px;
  line-height: 100%;
  margin-top: 4px;
  color: #949494
}

.chm_event .odd-bottom img {
  border-radius: inherit
}

.odd-bottom .odd_diff {
  width: 9px;
  height: 9px;
  display: inline-block;
  margin-left: 5px;
  position: relative
}

.odd-bottom .odd_diff:before {
  content: '';
  position: absolute;
  left: 1px
}

.odd-bottom .odds-arr-up.odd_diff:before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 8px solid #3FB700
}

.odd-bottom .odds-arr-down.odd_diff:before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 8px solid #FF0035
}

.chm_table a {
  text-decoration: unset;
  cursor: pointer
}

.chm_table a:hover {
  text-decoration: none
}

.info-center div.event_score span {
  font-size: 16px
}

.chm_table .event_score {
  background: #fff;
  border-radius: 3px
}

.event_score {
  border: 1px solid #E2E1E1;
  box-sizing: border-box;
  width: 83px;
  height: 25px;
  margin: 0 10px;
  text-align: center;
  color: var(--main-color-blue);
  background: #fff;
  font-size: 16px;
  line-height: 23px;
  font-weight: normal;
  vertical-align: middle;
  display: inline-block;
  border-radius: 3px
}

.s_p_n_a_block {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  background: #fff;
  margin-bottom: 1px;
  border-radius: 8px 8px 0 0
}

.s_p_n_a_block>a {
  display: flex;
  flex-grow: 1;
  align-items: center
}

.s_p_n_a_block>a,
.s_p_n_a_block>a:hover {
  text-decoration: unset
}

.s_p_n_a_block>a>img,
.s_p_n_a_block>a>span.good-ava {
  border-radius: 50%;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  z-index: 1
}

.s_p_n_a_block .s_p_n_a_b_box {
  flex-grow: 1;
  margin-right: 15px
}

.b_p_block_new .s_p_n_a_block {
  margin: 1px 0 0;
  border-radius: 0 0 8px 8px;
  padding: 6px 15px;
  background-color: #F9F9F9
}

.s_p_n_a_b_pos {
  padding: 0 5px 0 25px;
  color: #fff;
  font-size: 8px;
  font-weight: bold;
  border-radius: 10px;
  background-color: var(--main-color-blue);
  position: relative;
  left: -30px;
  margin-right: -25px;
  z-index: 0;
  height: 100%;
  line-height: 20px
}

.b_p_block_new .s_p_n_a_block .s_p_n_a_b_box {
  margin-right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.s_p_n_a_block>a .s_p_n_a_b_name {
  font-size: 13px;
  line-height: 100%;
  color: #2A2A2A;
  ;
  text-decoration: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical
}

.s_p_n_a_b_box2 {
  line-height: 13px;
  padding-top: 4px
}

.b_p_block_new .s_p_n_a_b_box2 {
  padding-top: 0
}

.s_p_n_a_block .s_p_n_a_b_roi {
  font-size: 13px;
  line-height: 100%;
  display: inline-block
}

.s_p_n_a_block .s_p_n_a_b_roi.green {
  color: #028665
}

.s_p_n_a_block .s_p_n_a_b_roi.red {
  color: #FF1414
}

.s_p_n_a_block .s_p_n_a_b_roi.grey {
  color: #2A2A2A
}

.s_p_n_a_block .s_p_n_a_b_kolvo {
  width: 67px;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  height: 40px
}

.s_p_n_a_block .s_p_n_a_b_koaf {
  width: 129px;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  height: 40px
}

.s_p_n_a_block .s_p_n_a_b_roi .s_p_n_a_b_roi_t {
  color: #6E6E6E;
  margin-right: 2px
}

.s_p_n_a_b_button_block .prognozist_subscription_button.disabled {
  display: none
}

.s_p_n_a_b_button_block .prognozist_subscription_button {
  padding: 7px;
  font-size: 16px;
  line-height: 100%;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden
}

.s_p_n_a_b_button_block .prognozist_subscription_button::before {
  content: '';
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  background-size: cover
}

.s_p_n_a_b_button_block .prognozist_subscription_button.unsubscribe_button {
  color: #B8B8B8;
  background-color: #F2F1F1
}

.s_p_n_a_b_button_block .prognozist_subscription_button.unsubscribe_button::before {
  background-image: url('/wp-content/plugins/good_template_prognoz/img/unsub.png')
}

.s_p_n_a_b_button_block .prognozist_subscription_button.subscribe_button {
  color: #FFC10E;
  background-color: #FFF8E6
}

.s_p_n_a_b_button_block .prognozist_subscription_button.subscribe_button::before {
  background-image: url('/wp-content/plugins/good_template_prognoz/img/sub.png')
}

.s_p_n_a_b_button_block .prognozist_subscription_button.subscribe_button_procc::before {
  background-image: none;
  content: '...'
}

@media (min-width: 768px) {
  .s_p_n_a_b_button_block .prognozist_subscription_button:hover {
      opacity: 0.5
  }
}

#good_prog_load_more,
#good_prog_load_more_single {
  margin-top: 5px
}

@media (min-width: 768px) {
  .chm_line a:hover {
      opacity: 0.5
  }
}

@media only screen and (min-width: 900px) {
  .b_p_block_new.no_content {
      font-size: 18px
  }
}

.short_progn {
  margin: 20px 0
}

.link-blue-border_new {
  margin: 0px;
  width: 100%
}

.b_p_block_new {
  display: block;
  height: auto;
  margin: 10px 0;
  overflow: hidden
}

.archive .b_p_block_new {
  margin: 10px 10px
}

.b_p_b_n_prognozist_part {
  position: relative;
  padding: 10px 15px;
  display: flex;
  width: 100%;
  height: 60px;
  background-color: #F6F6F6;
  justify-content: space-between;
  border-right: unset
}

.b_p_b_n_prognoz_part {
  padding: 15px;
  position: relative;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  flex-direction: row
}

.b_p_b_n_prognoz_part .b_p_b_n_prognoz_part_box {
  display: flex
}

.b_p_b_n_prognoz_part .b_p_b_n_prognoz_part_box:nth-child(1) {
  flex-direction: column
}

.b_p_b_blur_text {
  position: absolute;
  bottom: 45px;
  height: 62px;
  background: white;
  left: 0px;
  right: 0px;
  filter: blur(7px)
}

.b_p_b_n_p_p_last_results {
  width: 6px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0
}

.b_p_b_n_prognozist_part .avatar {
  border-radius: 50%
}

.b_p_b_n_prognozist_part a {
  display: flex;
  text-decoration: unset
}

.b_p_b_n_p_p_name {
  font-size: 14px;
  line-height: 20px;
  color: #2A2A2A;
  margin-left: 4px;
  text-decoration: unset;
  max-width: 90px;
  overflow: hidden
}

.b_p_b_n_p_p_roi {
  position: unset;
  width: 15%;
  top: 75px;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  color: #2A2A2A
}

.b_p_b_n_p_p_roi {
  left: 50%;
  width: 19%
}

.b_p_b_n_p_p_roi.green {
  color: #0EB242
}

.b_p_b_n_p_p_roi.red {
  color: #FF1414
}

.b_p_b_n_p_p_roi.grey {
  color: #A5A6A7
}

.b_p_b_n_p_p_p_text,
.b_p_b_n_p_p_r_text {
  font-size: 12px;
  line-height: 14px;
  color: #A5A6A7;
  margin-top: 5px
}

.b_p_b_n_p_p_stavka_block {
  display: flex;
  gap: 10px;
  align-items: center
}

.b_p_b_n_p_p_stavka_block .more_button {
  display: inline-block;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  color: var(--main-color-blue)
}

.b_p_b_n_p_p_stavka_block .more_button::before {
  content: '';
  background-image: url('/wp-content/plugins/good_template_prognoz/img/arrow_rctng.png');
  background-size: cover;
  width: 16px;
  height: 16px;
  display: block
}

.b_p_b_n_p_p_rubrika {
  margin-top: 5px;
  font-size: 13px;
  line-height: 100%;
  color: #6E6E6E;
  display: flex;
  gap: 10px;
  flex-wrap: wrap
}

.b_p_b_n_p_p_commands {
  font-weight: bold;
  font-size: 16px;
  line-height: 100%;
  color: #2A2A2A;
  text-decoration: unset
}

.b_p_b_n_p_p_date {
  font-size: 13px;
  line-height: 100%;
  display: inline-block;
  color: #2A2A2A;
  padding-right: 10px
}

.b_p_b_n_prognoz_part_box a.more {
  font-size: 14px;
  font-weight: bold;
  color: var(--main-color-blue);
  position: absolute;
  right: 0;
  bottom: 10px
}

.b_p_b_n_prognoz_part_box a.more span {
  display: none
}

.b_p_b_n_prognoz_part_box a.more::before {
  content: '>';
  width: 32px;
  height: 32px;
  background: #F2F1F1;
  border-radius: 5px;
  font-weight: bold;
  color: var(--main-color-blue);
  display: block;
  line-height: 32px;
  text-align: center
}

.b_p_b_n_p_p_s_b_row {
  background: #EDF4F2;
  border-radius: 5px
}

.b_p_b_n_p_p_s_b_text {
  font-weight: bold;
  font-size: 15px;
  line-height: 120%;
  padding: 10px;
  text-align: center;
  width: 100%;
  color: #028665;
  cursor: pointer
}

.b_p_b_n_p_p_s_b_button {
  display: block;
  background-color: #028665;
  color: white;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  text-decoration: unset;
  cursor: pointer;
  position: unset;
  width: 100%;
  margin-top: 10px;
  line-height: 50px
}

.b_p_b_n_prognoz_part>a {
  text-decoration: unset
}

.b_p_block_new a {
  text-decoration: unset;
  color: unset
}

.b_p_block_new a:focus {
  color: unset
}

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

.bpb_np_logo {
  margin-right: 10px;
  display: flex
}

.bpb_np_logo img {
  max-width: unset
}

.bpb_np_logo img:first-child {
  margin-right: 8px
}

.b_p_block_new.no_content {
  padding: 28px 0;
  text-align: center;
  color: #A5A6A7;
  font-size: 14px;
  line-height: 21px;
  height: auto;
  display: block;
  background-color: white
}

@media (min-width: 768px) {
  .bpb_np_head_text:hover {
      opacity: 0.5
  }
}

@media only screen and (min-width: 1000px) {
  .b_p_b_blur_text {
      position: absolute;
      bottom: 20px;
      height: 65px;
      background: white;
      left: 5px;
      right: 5px;
      filter: blur(7px)
  }

  .b_p_block_new {
      display: flex;
      padding: unset;
      flex-direction: column
  }

  .b_p_b_n_prognozist_part {
      border-right: 1px solid #E0E0E0;
      width: 22%;
      display: block;
      height: unset;
      background-color: white
  }

  .b_p_b_n_p_p_last_results {
      height: 133px
  }

  .b_p_b_n_p_p_roi {
      width: 50%;
      position: absolute
  }
}

.b_p_b_n_params {
  margin-bottom: 15px
}

.archive .b_p_b_n_params {
  margin-bottom: 0
}

.b_p_b_n_params .b_p_b_n_param_link {
  font-size: 16px;
  line-height: 19px;
  color: #A5A6A7;
  font-weight: bold
}

.b_p_b_n_params .b_p_b_n_param_link.active {
  color: #2A2A2A;
  cursor: default
}

.b_p_b_n_params .b_p_b_n_param_link.not_active:hover {
  color: #2A2A2A;
  cursor: pointer
}

.b_p_b_n_params~.nav-mobile {
  display: none
}

.b_p_b_n_param_link span {
  font-weight: normal;
  font-size: 12px;
  vertical-align: middle
}

.b_p_b_n_params .b_p_b_n_param_link {
  font-size: 18px;
  line-height: 19px;
  color: #A5A6A7;
  font-weight: bold;
  display: inline-block;
  margin-right: 12px
}

.b_p_b_n_params .b_p_b_n_param_link.active {
  color: #2A2A2A;
  cursor: default
}

.b_p_b_n_params .b_p_b_n_param_link.not_active:hover {
  color: #000;
  cursor: pointer
}

#s_p_n_m_block {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  opacity: 0
}

#s_p_n_m_block .s_p_n_modal {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: unset;
  position: absolute;
  text-align: center;
  width: 300px
}

#s_p_n_m_block .s_p_n_modal>img.lazy {
  margin: 0 auto
}

#s_p_n_m_block .s_p_n_modal .modal_bk_close {
  position: absolute;
  right: 0;
  padding: 3px;
  line-height: 10px;
  background-color: #2a2a2a;
  color: #fff;
  cursor: pointer;
  display: none;
  width: 24px;
  height: 24px
}

#s_p_n_m_block .s_p_n_modal .modal_bk_close .icon-close:before {
  top: 7px;
  left: 4px
}

#s_p_n_m_block .s_p_n_modal .s_p_n_m_title {
  font-size: 16px;
  line-height: 19px;
  padding: 26px 10px 0 10px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 5px
}

#s_p_n_m_block .s_p_n_modal .s_p_n_m_table .s_p_n_m_t_line {
  display: flex;
  height: 55px;
  padding: 10px
}

#s_p_n_m_block .s_p_n_modal .s_p_n_m_table .s_p_n_m_t_line:not(:first-child) {
  border-top: 1px solid #E0E0E0
}

#s_p_n_m_block .s_p_n_modal .s_p_n_m_table .td-bc-logo {
  width: 100px;
  height: 34px;
  margin-right: 14px;
  line-height: 34px
}

#s_p_n_m_block .s_p_n_modal .s_p_n_m_table .s_p_n_m_t_l_value {
  background: #EFEFEF;
  font-weight: bold;
  font-size: 16px;
  line-height: 35px;
  height: 35px;
  width: 70px;
  text-align: center;
  margin-right: 14px
}

#s_p_n_m_block .s_p_n_modal .s_p_n_m_table .s_p_n_m_t_l_link {
  display: block;
  width: 82px;
  height: 35px;
  background-color: #028665;
  border-bottom: 2px solid #0A6828;
  color: white;
  line-height: 35px;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  text-decoration: unset;
  cursor: pointer
}

#s_p_n_m_block .s_p_n_modal .s_p_n_m_table .s_p_n_m_t_l_link:hover {
  background-color: #0A6828
}

.soc_links_a {
  overflow: hidden;
  margin-bottom: 10px
}

.soc_links_aa {
  display: block;
  width: 50%;
  float: left
}

.soc_btn,
.soc_mail {
  display: block;
  position: relative;
  height: 37px;
  padding-left: 25px;
  font-weight: bold;
  font-size: 14px;
  line-height: 37px;
  color: #2A2A2A;
  background: #FFF;
  text-decoration: none;
  text-align: center;
  cursor: pointer
}

.soc_links_aa a.soc_btn:hover,
.soc_links_aa a.soc_btn:focus,
.soc_links_aa a.soc_btn:visited,
.soc_mail:hover {
  text-decoration: none
}

.soc_btn img,
.soc_mail img {
  position: absolute;
  left: 0;
  width: 37px;
  height: 37px
}

.soc_links_vk img {
  background: #337AB7;
  padding: 13px 9px
}

.soc_links_vk {
  margin: 0 5px 5px 0
}

.soc_links_tg img {
  background: #29B6F6;
  padding: 12px 11px 10px 9px
}

.soc_links_tg {
  margin: 0 0 5px 5px
}

.soc_links_inst {
  background: linear-gradient(90.2deg, #BE3380 2.67%, #ED5740 102.63%);
  margin: 5px 5px 0 0
}

.soc_links_yt img {
  background: #E62117;
  padding: 12px 9px
}

.soc_links_yt {
  margin: 5px 5px 0 0
}

.soc_mail {
  margin: 5px 0 0 5px
}

.soc_mail img {
  background: linear-gradient(135.38deg, #1D71F2 0%, #1AC5FC 102.03%);
  padding: 12px 9px
}

.soc_mail.subscr img {
  background: #d8d8d8
}

.soc_mail.subscr {
  opacity: 0.5
}

.global_mailing_widget_block span {
  font-weight: bold
}

@media (min-width: 768px) {

  .soc_links_aa a.soc_btn:hover,
  .soc_links_aa a.soc_btn:focus,
  .soc_links_aa a.soc_btn:visited,
  .soc_mail:hover {
      opacity: .5
  }
}

@media only screen and (min-width: 801px) {
  .mobile-visible-800 {
      display: none
  }
}

@media only screen and (min-width: 900px) {
  a.winline-priority-btn {
      margin-right: 20px
  }

  a.winline-priority-btn:hover {
      opacity: .5
  }
}

.ftr_589841:before {
  content: "Реклама: 18+. ООО «БК «ПАРИ», ИНН: 7703365167, pari.ru"
}

.ftr_94503:before {
  content: "Реклама: 18+. ООО «УК НКС», ИНН: 7714707736, winline.ru"
}

.ftr_95083:before {
  content: "Реклама: 18+. ООО «Мелофон», ИНН: 2540179758, melbet.ru"
}

.ftr_257192:before {
  content: "Реклама: 18+ ООО Фирма «СТОМ», ИНН: 770500532, betboom.ru"
}

.ftr_93263:before {
  content: "Реклама: 18+ Рекламодатель: ООО «Фортуна», ИНН: 6164205110, betcity.ru"
}

.ftr_94438:before {
  content: "Реклама: 18+. ООО «Инвест Гарант», ИНН: 7701353624, zenit.win"
}

.ftr_123805:before {
  content: "Реклама 18+ ООО «РУС-ТЕЛЕТОТ», ИНН: 7714156454, tennisi.bet"
}

.ftr_112768:before {
  content: "Реклама: 18+. ООО «ФОНКОР», ИНН: 7726752148, fon.bet"
}

.ftr_93270:before {
  content: " Реклама: 18+. ООО «Леон», ИНН: 7707760834, leon.ru"
}

.ftr_93845:before {
  content: "Реклама: 18+. ООО «ПМБК», ИНН: 7729607406, ligastavok.ru"
}

.ftr_94378:before {
  content: "Реклама: 18+ Рекламодатель: ООО «БК «Марафон», ИНН: 7701180668, marathonbet.ru"
}

.expert-slider__item {
  width: 207px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  background-color: #fff
}

.expert-slider__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
  padding: 20px 15px 10px 15px
}

.expert-slider__item>.expert-slider__link,
.expert-slider__item>.expert-slider__link-author {
  text-decoration: none;
  color: #2A2A2A;
  width: 100%
}

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

.expert-slider__avatar {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden
}

.expert-slider__avatar img {
  width: 100%
}

.expert-slider__info-title {
  line-height: 20px;
  font-size: 18px;
  font-weight: 700
}

.expert-slider__item>.expert-slider__link .expert-slider__info-desc {
  line-height: 16px;
  font-size: 13px;
  color: #6E6E6E;
  white-space: normal;
  text-align: center
}

.expert-slider__link-author {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 15px;
  border-top: 1px solid #F2F1F1;
  font-size: 13px;
  height: 47px
}

.expert-slider__arr::after {
  content: '';
  transform: rotate(45deg);
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--main-color-blue);
  border-right: 2px solid var(--main-color-blue)
}

.expert-slider__count {
  display: flex;
  width: 30px;
  height: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  background: #E5EEFF;
  color: var(--main-color-blue);
  text-align: center;
  font-size: 13px;
  line-height: 13px;
  font-weight: 700
}

body.no-scroll {
  overflow: hidden
}

.vk_shorts_container {
  display: flex;
  flex-direction: column;
  white-space: normal;
  align-items: flex-start;
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow-x: auto;
  overflow-y: visible;
  margin-bottom: 20px
}

.vk_shorts_title {}

.v_s_c_slider {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  gap: 10px;
  width: max-content
}

.v_s_c_s_btn {
  overflow: hidden
}

.vk_shorts_container .v_s_c_slider .v_s_c_s_thumb {
  object-fit: cover;
  border-radius: 0
}

.vk_shorts_popup:target {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 9999;
  justify-content: flex-start;
  align-items: center
}

.vk_shorts_popup:target .vk_shorts_popup_scroll_container,
.vk_shorts_popup:target .vk_shorts_popup_iframe {
  display: flex;
  position: fixed;
  height: 100%
}

.vk_shorts_popup:target .vk_shorts_popup_scroll_container {
  z-index: 999
}

.vk_shorts_popup:target .vk_shorts_popup_iframe {
  width: 100%;
  z-index: -1
}

.vk_shorts_popup:target .vk_shorts_popup_close,
.vk_shorts_popup:target .vk_shorts_popup_speak {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  color: #fff;
  z-index: 9999
}

.vk_shorts_popup:target .vk_shorts_popup_close {
  font-size: 50px;
  left: 10px;
  top: 10px;
  text-decoration: none;
  background: #00000030;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  font-weight: bold
}

.vk_shorts_popup:target .vk_shorts_popup_speak {
  right: 0;
  top: 0;
  font-size: 30px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  width: 30px;
  height: 30px;
  padding: 30px
}

.vk_shorts_popup:target .vk_shorts_popup_scroll_container {
  width: 85%
}

@media only screen and (min-width: 650px) {
  .vk_shorts_popup:target {
      background: #000000d9;
      justify-content: center
  }

  .vk_shorts_popup:target .vk_shorts_popup_iframe {
      width: 300px;
      height: 530px
  }

  .vk_shorts_popup:target .vk_shorts_popup_scroll_container {
      width: 200px;
      height: 530px;
      cursor: pointer
  }

  .vk_shorts_popup:target .vk_shorts_popup_close {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      border-radius: 0;
      padding: 0;
      top: 0;
      left: 0;
      z-index: -5
  }
}

.loader-page {
  display: none
}

.pos_relat {
  position: relative
}

.ancor_zagruzhaem.loader-page-on-opacity {
  display: flex;
  background: rgba(242, 242, 242, 0.7)
}

@media only screen and (min-width: 900px) {
  .loader-proccess {
      position: absolute
  }
}

body #menu-polnoe-menyu.main-menu {
  display: block
}

pre {
  overflow: auto;
  font-family: monospace, monospace;
  font-size: 1em
}

.comment-form-comment textarea {
  display: block
}

@media(min-width: 900px) {

  .top-header,
  .hidden-sm,
  .container,
  .footer,
  .copyright {
      display: block
  }
}

dialog {
  border: none;
  min-width: 300px;
  padding: 0
}

dialog::backdrop {
  background-color: rgb(0 0 0 / 0.5)
}

dialog,
dialog::backdrop,
dialog * {
  outline: none
}

dialog,
dialog::backdrop {
  opacity: 0;
  scale: 1.05;
  transition-duration: 0.2s
}

dialog[open],
dialog[open]::backdrop {
  opacity: 1;
  scale: 1
}


html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}

ol,
ul {
  list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);
  list-style-type: none;
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 20px;
}

* {
  box-sizing: border-box
}

html {
  height: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block
}

body {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 1;
  color: #111;
  height: 100%
}

body.not-scroll {
  overflow-y: hidden
}

textarea,
input[type=text],
input[type=email],
input[type=password],
input[type=search],
input[type=tel],
input[type=number] {
  font-family: 'Roboto', sans-serif;
  border: 1px solid #666;
  background: #fff;
  color: #111;
  outline: none
}

input[type=submit],
button {
  margin: 0;
  -webkit-appearance: none;
  font-family: 'Roboto', sans-serif;
  outline: none;
  cursor: pointer;
  color: #111
}

button::-moz-focus-inner {
  border: 0
}

.inner {
  min-width: 290px;
  max-width: 1290px;
  margin: 0 auto
}

a {
  color: #111;
  text-decoration: underline;
  outline: none
}

a:hover {
  text-decoration: none
}

.slick-slide {
  outline: none !important
}

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

:invalid {
  box-shadow: none
}

strong {
  font-weight: 500
}

em {
  font-style: italic
}

.site-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
  overflow: hidden;
  position: relative;
  background: #f1f4f4
}

.site-container {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}

.site-header {
  background: #e4e8eb
}

.site-header__container {
  display: flex;
  align-items: center;
  position: relative;
  padding: 30px 0 32px
}

.header-logo {
  width: 179px;
  margin-right: 20px
}

.header-logo svg {
  fill: #111
}

.header-slogan {
  position: relative;
  padding-left: 40px;
  font-size: 15px;
  line-height: 18px;
  margin: 5px 0 0
}

.header-slogan:before {
  content: '';
  display: block;
  width: 21px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='12' viewBox='0 0 21 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5303 6.53033C20.8232 6.23744 20.8232 5.76256 20.5303 5.46967L15.7574 0.696699C15.4645 0.403806 14.9896 0.403806 14.6967 0.696699C14.4038 0.989592 14.4038 1.46447 14.6967 1.75736L18.9393 6L14.6967 10.2426C14.4038 10.5355 14.4038 11.0104 14.6967 11.3033C14.9896 11.5962 15.4645 11.5962 15.7574 11.3033L20.5303 6.53033ZM0 6.75H20V5.25H0V6.75Z' fill='%23437B94'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 3px;
  left: 0
}

.touch-menu {
  display: none
}

.fixed-header {
  display: none
}

.site-nav {
  margin-bottom: 30px
}

.site-nav__menu {
  display: flex;
  margin: 0 -2px 10px
}

.site-nav__menu li {
  width: 100%;
  padding: 0 2px;
  max-width: 260px
}

.site-nav__menu a {
  height: 50px;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  box-shadow: 0px 30px 30px rgba(0, 0, 0, .05);
  border-radius: 5px;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  text-decoration: none
}

.site-nav__menu i {
  display: block;
  flex-shrink: 0;
  margin: 2px 10px 0 0;
  fill: #437b94
}

.site-nav__submenu {
  display: inline-flex;
  flex-wrap: wrap;
  padding: 8px 3px 5px 20px;
  background: rgba(255, 255, 255, .65);
  border-radius: 5px;
  margin-bottom: -4px
}

.site-nav__submenu li {
  margin: 0 19px 3px 0
}

.site-nav__submenu li a {
  position: relative;
  padding-left: 17px;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  background: linear-gradient(90deg, #2b4c5a 0%, #203a43 50%, #2c5364 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-decoration: none
}

.site-nav__submenu li a:before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  background: rgba(17, 17, 17, .07);
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 0
}

.site-nav__submenu li a:hover,
.site-nav__submenu li.current a {
  color: #1c80ad;
  background: 0 0;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: #1c80ad;
  background-clip: unset;
  text-fill-color: #1c80ad
}

.site-nav__submenu li a:hover:before,
.site-nav__submenu li.current a:before {
  background: #1c80ad
}

.site-content {
  position: relative;
  padding: 10px 0 20px
}

.site-content__decor-1 {
  position: absolute;
  top: 50px;
  left: calc((100vw - 1290px)/2 - 521px)
}

.site-content__decor-2 {
  position: absolute;
  top: 29px;
  right: calc((100vw - 1290px)/2 - 600px)
}

.site-content__decor-3 {
  position: absolute;
  top: 703px;
  right: calc((100vw - 1290px)/2 - 255px)
}

.site-content__decor-4 {
  position: absolute;
  top: 1025px;
  left: calc((100vw - 1290px)/2 - 154px)
}

.site-content__decor-5 {
  position: absolute;
  top: 1630px;
  left: calc((100vw - 1290px)/2 - 470px)
}

.site-content__decor-6 {
  position: absolute;
  top: 1855px;
  right: calc((100vw - 1290px)/2 - 393px)
}

.site-content__decor-7 {
  position: absolute;
  top: 2437px;
  left: calc((100vw - 1290px)/2 - 586px)
}

.site-content__decor-8 {
  position: absolute;
  top: 2565px;
  right: calc((100vw - 1290px)/2 - 522px)
}

.site-content__container {
  display: flex;
  flex-direction: column;
  position: relative
}

.page-title {
  font-weight: 700;
  font-size: 44px;
  line-height: 40px;
  margin: 0 61px 6px 0;
  padding: 20px 70px 25px;
  margin: 0 -70px 30px;
  position: relative;
  background: linear-gradient(90deg, rgba(255, 255, 255, .4) 0%, rgba(255, 255, 255, 0) 100.47%)
}

.page-title h2,
.page-title h1 {
  display: inline;
  background: linear-gradient(90deg, #0f2027 0%, #203a43 50%, #2c5364 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  position: relative
}

.page-title span {
  background: 0 0;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: #437b94;
  background-clip: unset;
  text-fill-color: #437b94;
  color: #437b94
}

.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 16px;
  color: #616e77;
  margin: -12px 0 11px
}

.breadcrumbs li {
  margin-bottom: 10px
}

.breadcrumbs li:not(:last-child):after {
  content: '';
  display: inline-block;
  border-top: 3px solid transparent;
  border-left: 5px solid rgba(97, 110, 119, .4);
  border-bottom: 3px solid transparent;
  margin: 0 11px 0 10px
}

.breadcrumbs li a {
  color: #616e77;
  text-decoration: none
}

.breadcrumbs li a:hover {
  color: #111;
  text-decoration: none
}

.pagination {
  display: flex;
  justify-content: center;
  padding: 20px 0 0
}

.pagination a,
.pagination span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 5px;
  font-family: 'Tomorrow', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  margin: 0 5px 10px
}

.pagination span {
  background: #437b94;
  box-shadow: 0px 30px 30px rgba(0, 0, 0, .05);
  color: #fff;
  cursor: default;
  user-select: none
}

.pagination .dots {
  background: #fff;
  box-shadow: none;
  color: #111
}

.pagination a.prev,
.pagination a.next {
  width: 110px;
  font-family: 'Roboto';
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  letter-spacing: .05em;
  text-transform: uppercase
}

.pagination a i {
  display: block;
  line-height: 0
}

.pagination a svg {
  fill: #437b94
}

.pagination a.prev {
  margin-right: 25px
}

.pagination a.prev i {
  margin-right: 15px
}

.pagination a.next {
  margin-left: 25px
}

.pagination a.next i {
  transform: scaleX(-1);
  margin-left: 15px
}

.mobile-menu,
.mobile-sidebar {
  display: none
}

.section-seo {
  order: 100;
  background: #fff;
  border-radius: 20px;
  padding: 35px 40px 25px;
  margin-bottom: 40px
}

.seo-body {
  font-size: 14px;
  line-height: 25px
}

.seo-body p {
  margin-bottom: 15px
}

.seo-body h1 {
  font-weight: 700;
  font-size: 44px;
  line-height: 40px;
  margin-bottom: 18px
}

.seo-body h2 {
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 8px
}

.seo-body ol {
  counter-reset: ol;
  margin-bottom: 12px
}

.seo-body ol li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px
}

.seo-body ol li:before {
  content: counter(ol) '.';
  counter-increment: ol;
  font-family: 'Tomorrow', sans-serif;
  font-weight: 500;
  font-size: 17px;
  line-height: 20px;
  color: #437b94;
  position: absolute;
  top: 0;
  left: 0
}

.seo-body ul {
  counter-reset: ol;
  margin-bottom: 12px
}

.seo-body ul li {
  position: relative;
  padding-left: 27px;
  margin-bottom: 10px
}

.seo-body ul li:before {
  content: '';
  display: block;
  width: 14px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6L5.32873 10L12 2' stroke='%23437B94' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 0 0/100% auto;
  position: absolute;
  top: 5px;
  left: 0
}

.comment-block__content em {
  display: none
}

.post-body {
  font-size: 18px;
  line-height: 30px
}

.post-body a {
  font-weight: 700;
  color: #437b94
}

.post-body p {
  margin-bottom: 20px
}

.post-body h1 {
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 17px;
  background: linear-gradient(90deg, #0f2027 0%, #203a43 50%, #2c5364 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent
}

.post-body h1 span {
  color: #437b94
}

.post-body h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  margin: 28px 0 22px
}

.post-body h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  margin: 28px 0 22px
}

.post-body ol {
  counter-reset: ol;
  margin-bottom: 12px
}

.post-body ol li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 20px
}

.post-body ol li:before {
  content: counter(ol) '.';
  counter-increment: ol;
  font-family: 'Tomorrow', sans-serif;
  font-weight: 600;
  font-size: 17px;
  line-height: 20px;
  color: #437b94;
  position: absolute;
  top: 4px;
  left: 0
}

.post-body ul {
  counter-reset: ol;
  margin-bottom: 20px
}

.post-body ul li {
  position: relative;
  padding-left: 27px;
  margin-bottom: 20px
}

.post-body ul li:before {
  content: '';
  display: block;
  width: 14px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6L5.32873 10L12 2' stroke='%23437B94' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 0 0/100% auto;
  position: absolute;
  top: 9px;
  left: 0
}

.post-body li p {
  margin-bottom: 20px
}

.post-body img {
  line-height: 0;
  border: 5px solid #fff;
  box-shadow: 0px 2px 15px #e6e6e6;
  border-radius: 20px
}

.post-body blockquote {
  position: relative;
  padding: 30px 50px 30px 100px;
  background: #eef1f3;
  margin: 31px -50px 37px;
  font-weight: 500;
  clear: both
}

.post-body blockquote:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 30C6.69231 30 0 23.3077 0 15C0 6.69231 6.69231 0 15 0C23.3077 0 30 6.69231 30 15C30 23.3077 23.3077 30 15 30ZM15.0008 22.8333C13.8008 22.8333 12.8342 21.8667 12.8342 20.6667C12.8342 19.4667 13.8008 18.5 15.0008 18.5C16.2008 18.5 17.1675 19.4667 17.1675 20.6667C17.1675 21.8667 16.2008 22.8333 15.0008 22.8333ZM15.0028 15.6667C14.0862 15.6667 13.3362 14.9167 13.3362 14.0001V7.33341C13.3362 6.41675 14.0862 5.66675 15.0028 5.66675C15.9195 5.66675 16.6695 6.41675 16.6695 7.33341V14.0001C16.6695 14.9167 15.9195 15.6667 15.0028 15.6667Z' fill='%23437B94'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 31px;
  left: 50px
}

.post-gallery {
  display: inline-block;
  width: 300px;
  max-height: 415px;
  border: 5px solid #fff;
  border-radius: 20px;
  box-shadow: 0px 2px 15px #e6e6e6;
  max-width: 100%;
  overflow: hidden;
  line-height: 0;
  position: relative;
  z-index: 1;
  clear: right
}

.post-gallery img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
  border: none;
  box-shadow: none
}

.post-gallery__slide {
  display: none
}

.post-gallery__slide:first-child {
  display: block
}

.post-gallery__slide a {
  height: 405px;
  display: block;
  position: relative
}

.post-gallery__slide span {
  display: block;
  position: relative
}

.post-gallery__slide a:before {
  content: '';
  display: block;
  background: linear-gradient(90deg, rgba(43, 76, 90, .6) 0%, rgba(32, 58, 67, .6) 50%, rgba(44, 83, 100, .6) 100%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0
}

.post-gallery__slide a:after {
  content: '';
  display: block;
  width: 40px;
  height: 38px;
  background: url("data:image/svg+xml,%3Csvg width='40' height='38' viewBox='0 0 40 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 3.8C10.268 3.8 4 9.75461 4 17.1C4 24.4454 10.268 30.4 18 30.4C25.732 30.4 32 24.4454 32 17.1C32 9.75461 25.732 3.8 18 3.8ZM0 17.1C0 7.65593 8.05887 0 18 0C27.9411 0 36 7.65593 36 17.1C36 26.5441 27.9411 34.2 18 34.2C8.05887 34.2 0 26.5441 0 17.1Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.8858 26.4915C28.6668 25.7495 29.9332 25.7495 30.7142 26.4915L39.4142 34.7565C40.1953 35.4985 40.1953 36.7015 39.4142 37.4435C38.6332 38.1855 37.3668 38.1855 36.5858 37.4435L27.8858 29.1785C27.1047 28.4365 27.1047 27.2335 27.8858 26.4915Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 9.5C19.1046 9.5 20 10.3507 20 11.4V22.8C20 23.8493 19.1046 24.7 18 24.7C16.8954 24.7 16 23.8493 16 22.8V11.4C16 10.3507 16.8954 9.5 18 9.5Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 17.1C10 16.0507 10.8954 15.2 12 15.2H24C25.1046 15.2 26 16.0507 26 17.1C26 18.1493 25.1046 19 24 19H12C10.8954 19 10 18.1493 10 17.1Z' fill='white'/%3E%3C/svg%3E ") no-repeat center/100% auto;
  position: absolute;
  top: calc(50% - 19px);
  right: calc(50% - 20px);
  opacity: 0;
  transition: all .2s
}

.post-gallery__slider a:hover:before,
.post-gallery__slider a:hover:after {
  opacity: 1
}

.post-gallery .slick-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: rgba(17, 17, 17, .3);
  border-radius: 20px;
  position: absolute;
  top: calc(50% - 20px);
  z-index: 1;
  cursor: pointer
}

.post-gallery .slick-arrow.slick-prev {
  left: 20px;
  transform: scaleX(-1)
}

.post-gallery .slick-arrow.slick-next {
  right: 20px
}

.post-gallery .slick-arrow.slick-disabled {
  visibility: hidden
}

.post-gallery .slick-arrow svg {
  fill: #fff
}

.block-payment {
  background: #f5f7f9;
  padding: 25px 50px 10px;
  margin: 30px -50px 30px;
  clear: both
}

.block-payment__title {
  font-weight: 700;
  font-size: 19px;
  line-height: 30px;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #437b94;
  margin-bottom: 16px
}

.block-payment__list {
  font-weight: 500;
  font-size: 18px;
  line-height: 20px
}

.block-payment__list li {
  margin-bottom: 20px
}

.block-payment__list li:before {
  content: '';
  display: block;
  width: 0 !important;
  height: 0 !important;
  border-top: 3px solid transparent;
  border-left: 6px solid #437b94;
  border-bottom: 3px solid transparent;
  background: 0 0 !important;
  position: absolute;
  top: 8px !important;
  left: 0 !important;
  pointer-events: none
}

.block-payment__list li a {
  font-weight: 500;
  color: #111;
  text-decoration: none
}

.block-best {
  background: #faf8e6;
  margin: 36px -50px 33px;
  clear: both
}

.block-best__title {
  padding: 7px 50px 9px;
  background: linear-gradient(90deg, rgba(235, 184, 3, .2) 0%, rgba(235, 184, 3, 0) 100.47%);
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  color: #26210d
}

.block-best__content {
  padding: 17px 50px 10px
}

.block-best__head {
  display: flex;
  align-items: center;
  margin-bottom: 16px
}

.block-best__info {
  display: flex;
  align-items: center;
  margin-right: 25px
}

.block-best__image {
  width: 30px;
  height: 30px;
  border: 1px solid #fff;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 12px
}

.block-best__image img {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  object-fit: cover;
  border-radius: 50% !important
}

.block-best__name {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px
}

.block-best__name a {
  color: #111;
  text-decoration: none
}

.block-best__reviews a {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  margin: 3px 0 0
}

.block-best__reviews a {
  display: inline-flex;
  align-items: center;
  color: #d3a500;
  text-decoration: none
}

.block-best__reviews a i {
  display: block;
  line-height: 0;
  margin-left: 8px
}

.block-best__reviews a svg {
  fill: #d3a500
}

.block-best__list {
  display: flex;
  flex-wrap: wrap;
  font-size: 18px;
  line-height: 21px;
  margin: 0 !important
}

.block-best__list li {
  position: relative;
  padding-left: 23px !important;
  margin: 0 22px 10px 0 !important
}

.block-best__list li:before {
  content: '';
  display: block;
  width: 14px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6L5.32873 10L12 2' stroke='%23E1B103' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 0 0/100% auto !important;
  position: absolute;
  top: 4px !important;
  left: 0
}

.block-quote {
  padding: 30px 50px 30px 110px;
  background: rgba(233, 214, 214, .5);
  margin: 30px -50px 37px;
  position: relative;
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  clear: both
}

.block-quote:before {
  content: '';
  display: block;
  width: 40px;
  height: 33px;
  background: url("data:image/svg+xml,%3Csvg width='40' height='33' viewBox='0 0 40 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9999 0.0625H14.0001C15.1061 0.0625 16 0.958618 16 2.06274C16 3.1665 15.1061 4.06262 14.0001 4.06262H11.9999C7.58813 4.06262 4 7.65076 4 12.0625V16.1648C4.3241 16.0985 4.65808 16.0626 5.00012 16.0626H11.0001C13.7581 16.0626 16 18.3068 16 21.0625V27.0625C16 29.8186 13.7581 32.0627 11.0001 32.0627H5.00012C2.24182 32.0627 -0.00012207 29.8186 -0.00012207 27.0625V12.0625C-0.00012207 5.4447 5.38208 0.0625 11.9999 0.0625Z' fill='%23111111'/%3E%3Cpath d='M35.9999 0.0625H38.0001C39.1061 0.0625 40 0.958618 40 2.06274C40 3.1665 39.1061 4.06262 38.0001 4.06262H35.9999C31.5881 4.06262 28 7.65076 28 12.0625V16.1648C28.3241 16.0985 28.6581 16.0626 29.0001 16.0626H35.0001C37.7581 16.0626 40 18.3068 40 21.0625V27.0625C40 29.8186 37.7581 32.0627 35.0001 32.0627H29.0001C26.2418 32.0627 23.9999 29.8186 23.9999 27.0625V12.0625C23.9999 5.4447 29.3821 0.0625 35.9999 0.0625Z' fill='%23111111'/%3E%3C/svg%3E%0A") no-repeat 0 0/100% auto;
  opacity: .2;
  position: absolute;
  top: 35px;
  left: 50px
}

.block-quote a {
  display: inline-flex;
  align-items: center;
  color: #7a3131;
  text-decoration: none;
  margin-left: 10px
}

.block-quote a svg {
  fill: #7a3131
}

.block-quote a i {
  display: block;
  line-height: 0;
  margin-left: 10px
}

.block-project {
  position: relative;
  background: #f5f7f9;
  margin: 41px -50px;
  clear: both
}

.block-project__head {
  background: linear-gradient(90deg, rgba(67, 123, 148, .1) 0%, rgba(67, 123, 148, 0) 100.47%);
  margin: 0 0 2px;
  padding: 10px 50px
}

.block-project__headline {
  width: 390px;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.block-project__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  color: #437b94
}

.block-project__title span {
  background: linear-gradient(90deg, #0f2027 0%, #203a43 50%, #2c5364 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent
}

.block-project__all {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px
}

.block-project__all a {
  color: #437b94
}

.block-project__container {
  padding: 0 50px
}

.block-project__item {
  width: 390px;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 55px;
  padding: 7px 0;
  border-bottom: 1px dashed rgba(97, 110, 119, .3)
}

.block-project__item:last-child {
  border: none
}

.block-project__content {
  display: flex;
  align-items: center
}

.block-project__number {
  width: 20px;
  font-family: 'Tomorrow', sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: #437b94;
  flex-shrink: 0
}

.block-project__image {
  width: 32px;
  height: 32px;
  border: 2px solid #fff;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 13px
}

.block-project__image img {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 50%;
  object-fit: cover
}

.block-project__name {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px
}

.block-project__name a {
  color: #111;
  text-decoration: none
}

.block-project__reviews a {
  flex-shrink: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-align: right;
  margin-left: 20px
}

.block-project__reviews a {
  color: rgba(97, 110, 119, .5);
  text-decoration: none
}

.social-likes {
  display: none
}

.social-likes_visible {
  display: flex
}

.social-likes__widget:not(:first-child) {
  margin-left: 10px
}

.social-likes__button {
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0px 2px 15px #e6e6e6;
  cursor: pointer
}

.social-likes__icon {
  display: none
}

.social-likes__button svg {
  transform: scale(.9);
  fill: rgba(97, 110, 119, .5)
}

.social-likes__button:hover svg {
  fill: rgba(97, 110, 119, 1)
}

.post-body #ez-toc-container {
  display: none !important
}

.section-best {
  position: relative;
  margin-bottom: 42px
}

.section-best:before {
  content: '';
  display: block;
  height: 70px;
  border-radius: 0 0 10px 10px;
  background: rgba(97, 110, 119, .1);
  box-shadow: 0px 0px 50px -25px rgba(0, 0, 0, .8);
  backdrop-filter: blur(100px);
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: -5px
}

.section-best__inner {
  position: relative;
  padding: 25px 30px 0;
  background: #fff;
  box-shadow: inset 0px 0px 10px rgba(21, 57, 79, .05);
  border-radius: 20px
}

.section-best__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(90deg, rgba(67, 123, 148, .1) 0%, rgba(67, 123, 148, 0) 100.47%);
  padding: 3px 30px;
  margin: 0 -30px 17px
}

.section-best__title {
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  color: #437b94
}

.section-best__title span {
  background: linear-gradient(90deg, #0f2027de 0%, #203a43 50%, #2c5364 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent
}

.section-best__arrows {
  display: flex;
  margin-top: 2px
}

.section-best__prev,
.section-best__next {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: #437b94;
  box-shadow: 0px 5px 10px rgba(22, 84, 112, .2), inset 0px 0px 7px rgba(255, 255, 255, .5);
  border-radius: 20px;
  padding-left: 2px;
  margin-left: 20px;
  flex-shrink: 0;
  cursor: pointer
}

.section-best__prev svg,
.section-best__next svg {
  fill: #fff
}

.section-best__prev {
  transform: scale(-1)
}

.section-best__slider {
  margin: 0 -30px 0 -10px
}

.section-best__slider:not(.slick-initialized) {
  visibility: hidden;
  height: 228px
}

.section-best__slide {
  padding: 0 10px 28px
}

.section-best__item {
  width: 272px;
  position: relative
}

.section-best__item:before {
  content: '';
  display: block;
  height: 70px;
  border-radius: 0 0 10px 10px;
  background: linear-gradient(104.12deg, rgba(255, 255, 255, .48) 10.05%, rgba(255, 255, 255, .126) 89.95%);
  box-shadow: 0px 0px 50px -25px rgba(0, 0, 0, .8);
  backdrop-filter: blur(100px);
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: -5px
}

.section-best__content {
  padding: 4px 15px 15px;
  background: linear-gradient(to bottom, #28a745 0%, #28a745 50%, #1d5b2b 100%);
  border-radius: 10px 10px 10px 10px;
  backdrop-filter: blur(30px);
  color: #fff;
  position: relative
}

.section-best__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px
}

.section-best__name {
  font-weight: 500;
  font-size: 20px;
  line-height: 25px;
  color: #fff;
  margin: 3px 10px 0 0
}

.section-best__name a {
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  display: flex;
  color: white;

  padding: 10px 0 5px 0;
}

.section-best__rating {
  position: relative;
  right: 15px;
  top: -15px;
  flex-shrink: 0;
  border-radius: 30px;
  position: relative;
  line-height: 20px;
  text-align: center;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
  margin: 0 -11px 0 0
}

.svg-rating-sidebar {
  width: 28px;
  height: 28px;
  position: relative;
  color: #ffeb00;
  margin-right: 6px;
  top: -3px;

}

.section-best__image {
  content: '';
  display: block;
  width: 54px;
  height: 54px;
  border: 2px solid #eaeaea;
  border-radius: 50%;
}

.section-best__image a {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  display: flex;
  color: white;
}

.section-best__image img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover
}

.section-best__rating span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 28px;
  line-height: 15px;
  color: #ffffff;
}


.collection-item__stars-index {
  margin-left: 10px;
  position: relative;
  top: -2px;
  width: 100%;
}

.section-best__rating-index span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 30px;
  line-height: 15px;
  color: rgb(0, 0, 0);
}

.section-best__rating-index {
  display: flex;
  margin-left: auto;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 28px;
  line-height: 15px;
  color: #000000;
}

.section-best__list {
  font-size: 15px;
  line-height: 18px;
  color: #F5F7F9ED;
  margin-bottom: 11px
}

.section-best__list li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 7px
}

.section-best__list:nth-child(3) {
  display: none
}

.section-best__list li:before {
  content: '';
  display: block;
  width: 11px;
  height: 8px;
  background: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.4' d='M3.73609 7.84288L0.161085 4.35628C-0.0536949 4.14681 -0.0536949 3.80718 0.161085 3.59769L0.938884 2.8391C1.15366 2.62961 1.50193 2.62961 1.71671 2.8391L4.125 5.18782L9.28329 0.157101C9.49807 -0.0523671 9.84634 -0.0523671 10.0611 0.157101L10.8389 0.915689C11.0537 1.12516 11.0537 1.46479 10.8389 1.67428L4.51391 7.8429C4.29911 8.05237 3.95087 8.05237 3.73609 7.84288Z' fill='white'/%3E%3C/svg%3E ") no-repeat 0 0/100% auto;
  position: absolute;
  top: 6px;
  left: 1px
}

.section-best__btns {
  display: flex
}

.section-best__reviews {
  width: 50%;
  padding-right: 5px
}

.section-best__reviews a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  background: linear-gradient(104.12deg, rgba(255, 255, 255, .126) 10.05%, rgba(255, 255, 255, .4) 89.95%);
  border-radius: 5px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: white;
  text-align: center;
  text-decoration: none;
}

.section-best__reviews a span {
  display: block;
  font-weight: 500;
  font-size: 11px;
  line-height: 20px;
  position: relative;
  margin-left: 5px
}



.section-best__reviews a i {
  color: white;
  font-weight: 600;
  font-size: 14px;
}

.section-best__social {
  width: 50%;
  padding: 0 0 0 5px
}

.section-best__social a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  background: linear-gradient(104.12deg, rgba(255, 255, 255, .126) 10.05%, rgba(255, 255, 255, .4) 89.95%);
  border-radius: 5px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  cursor: pointer
}

.section-best__social a i {
  display: block;
  line-height: 0;
  margin-left: 10px
}

.section-best__social a i svg {
  fill: #fff
}

.section-best__mobile-arrows {
  display: none
}

.section-posts__container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px
}

.section-posts__col {
  width: 33.3333333333%;
  padding: 0 15px 32px
}

.section-posts__image {
  position: relative;
  margin-bottom: 22px
}

.section-posts__image:before {
  content: '';
  display: block;
  height: 70px;
  border-radius: 0 0 10px 10px;
  background: linear-gradient(104.12deg, rgba(255, 255, 255, .48) 10.05%, rgba(255, 255, 255, .126) 89.95%);
  box-shadow: 0px 0px 50px -25px rgba(0, 0, 0, .8);
  backdrop-filter: blur(100px);
  position: absolute;
  left: 55px;
  right: 55px;
  bottom: -5px;
  opacity: .4
}

.section-posts__image img {
  position: relative;
  display: block;
  border-radius: 10px
}

.section-posts__title {
  font-weight: 700;
  font-size: 17px;
  line-height: 25px
}

.section-posts__title a {
  color: #222;
  text-decoration: none
}

.section-posts__title a svg {
  fill: #437b94;
  vertical-align: middle;
  margin-left: 10px;
  transform: translateY(-1px)
}

.aside-project {
  position: relative;
  margin-bottom: 30px
}

.aside-project:before {
  content: '';
  display: block;
  height: 70px;
  border-radius: 0 0 10px 10px;
  background: linear-gradient(104.12deg, rgba(255, 255, 255, .48) 10.05%, rgba(255, 255, 255, .126) 89.95%);
  box-shadow: 0px 0px 50px -25px rgba(0, 0, 0, .8);
  backdrop-filter: blur(100px);
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: -5px;
  opacity: .8
}

.aside-project__inner {
  padding: 20px 15px 3px;
  background: rgba(214, 229, 233, .9);
  border-radius: 20px;
  position: relative
}

.aside-project__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(255, 255, 255, .4);
  margin: 0 -15px 2px;
  padding: 10px 15px
}

.aside-project__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  color: #437b94
}

.aside-project__title span {
  background: linear-gradient(90deg, #0f2027 0%, #203a43 50%, #2c5364 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent
}

.aside-project__all {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px
}

.aside-project__all a {
  color: #437b94ed
}

.aside-project__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 55px;
  padding: 7px 0;
  position: relative;
  border-bottom: 1px dashed rgba(97, 110, 119, .3)
}

.aside-project__item:last-child {
  border-bottom: none
}

.aside-project__content {
  display: flex;
  align-items: center
}

.aside-project__number {
  width: 20px;
  font-family: 'Tomorrow', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  flex-shrink: 0
}

.aside-project__image {
  width: 32px;
  height: 32px;
  border: 2px solid #fff;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 10px
}

.aside-project__image img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover
}

.aside-project__name {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px
}

.aside-project__name a {
  text-decoration: none
}

.aside-project__reviews {
  flex-shrink: 0;
  font-weight: 500;
  font-size: 13px;
  line-height: 17px;
  text-align: right;
  margin-left: 20px
}

.aside-project__reviews a {
  color: rgba(17, 17, 17, .45);
  text-decoration: none
}

.aside-links:not(:last-child) {
  margin-bottom: 30px
}

.aside-links__block {
  position: relative;
  margin-bottom: 5px
}

.aside-links__block:last-child:before {
  content: '';
  display: block;
  height: 70px;
  border-radius: 0 0 10px 10px;
  background: linear-gradient(104.12deg, rgba(255, 255, 255, .48) 10.05%, rgba(255, 255, 255, .126) 89.95%);
  box-shadow: 0px 0px 50px -25px rgba(0, 0, 0, .8);
  backdrop-filter: blur(100px);
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: -5px
}

.aside-links__inner {
  height: 100%;
  padding: 20px 25px 6px;
  background: #fff;
  position: relative
}

.aside-links__block:first-child .aside-links__inner {
  border-radius: 20px 20px 0 0
}

.aside-links__block:last-child .aside-links__inner {
  border-radius: 0 0 20px 20px
}

.aside-links__title {
  border-left: #437b94 2px solid;
  background: linear-gradient(126.67deg, rgba(67, 123, 148, .1) 17.09%, rgba(50, 171, 164, 0) 86.89%);
  font-weight: 700;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: 10px 23px;
  margin: 0 -25px
}

.aside-links__list {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #4b555c
}

.aside-links__list li {
  padding: 12px 0;
  position: relative;
  border-bottom: 1px dashed rgba(97, 110, 119, .3)
}

.aside-links__list li:last-child {
  border-bottom: none
}

.aside-links__list a {
  display: inline-block;
  position: relative;
  color: #4b555c;
  text-decoration: none
}

.aside-links__list li a:before {
  content: '';
  display: block;
  border-top: 4px solid transparent;
  border-left: 6px solid #4b555c;
  border-bottom: 3px solid transparent;
  position: absolute;
  top: 8px;
  left: -15px;
  border-radius: 2px;
  pointer-events: none
}

.aside-links__list li a:hover {
  color: #437b94
}

.aside-links__list li a:hover:before {
  border-left-color: #437b94
}

.section-sidebar {
  display: flex;
  margin-bottom: 40px
}

.section-sidebar .aside-project {
  width: calc(33.75% - 25px);
  margin: 0 25px 0 0
}

.section-sidebar .aside-project__name {
  font-size: 16px;
  line-height: 20px
}

.section-sidebar .aside-project__reviews a {
  text-decoration: none
}

.section-sidebar .aside-links {
  width: 66.25%;
  display: flex;
  margin: 0
}

.section-sidebar .aside-links__block {
  margin-bottom: 0
}

.section-sidebar .aside-links__block:before {
  content: '';
  display: block;
  height: 70px;
  border-radius: 0 0 10px 10px;
  background: linear-gradient(104.12deg, rgba(255, 255, 255, .48) 10.05%, rgba(255, 255, 255, .126) 89.95%);
  box-shadow: 0px 0px 50px -25px rgba(0, 0, 0, .8);
  backdrop-filter: blur(100px);
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: -5px
}

.section-sidebar .aside-links__block:nth-child(1) {
  width: calc(52.1% - 35px);
  margin-right: 35px
}

.section-sidebar .aside-links__block:nth-child(2) {
  width: 47.9%
}

.section-sidebar .aside-links__inner {
  border-radius: 20px !important
}

.section-sidebar .aside-links__title {
  padding: 13px 25px 12px 23px;
  font-weight: 700;
  font-size: 17px;
  line-height: 25px
}

.section-sidebar .aside-links__list li {
  padding: 15px 0 12px
}

.section-faq {
  padding: 25px 30px 20px;
  background: #dce3e4;
  border-radius: 20px;
  order: 150;
  margin-bottom: 40px
}

.section-faq__title {
  background: linear-gradient(90deg, rgba(67, 123, 148, .1) 0%, rgba(67, 123, 148, 0) 100.47%);
  padding: 5px 40px;
  margin: 0 -30px 25px
}

.section-faq__title h2 {
  display: inline;
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  background: linear-gradient(90deg, #2b4c5a 0%, #203a43 50%, #2c5364 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent
}

.section-faq__item {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px
}

.section-faq__question {
  padding: 14px 10px 11px 59px;
  background: linear-gradient(104.12deg, rgba(255, 255, 255, .8) 10.05%, rgba(255, 255, 255, 0) 72.47%, rgba(255, 255, 255, 0) 89.95%);
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
  user-select: none;
  position: relative;
  cursor: pointer
}

.section-faq__question span {
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid #437b94;
  border-radius: 50%;
  position: absolute;
  top: 18px;
  left: 20px
}

.section-faq__question span:before {
  content: '';
  display: block;
  width: 10px;
  height: 2px;
  background: #437b94;
  position: absolute;
  top: 10px;
  left: 6px
}

.section-faq__item:not(.opened) .section-faq__question span:after {
  content: '';
  display: block;
  width: 2px;
  height: 10px;
  background: #437b94;
  position: absolute;
  top: 6px;
  left: 10px
}

.section-faq__answer {
  display: none;
  padding: 0 60px;
  background: rgba(255, 255, 255, .7)
}

.section-faq__item.opened .section-faq__question {
  background: rgba(245, 247, 249, .7)
}

.faq-best {
  padding: 7px 0 13px
}

.faq-best table td {
  align-items: center;
  padding: 7px 0;
  border-bottom: 1px dashed rgba(97, 110, 119, .3)
}

.faq-best table tr:last-child td {
  border-bottom: none
}

.faq-best__name {
  margin-right: 50px;
  font-family: 'Tomorrow';
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: rgba(17, 17, 17, .4)
}

.faq-best__name i {
  display: inline-block;
  width: 12px
}

.faq-best__name a {
  display: inline-block;
  margin-left: 10px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #437b94
}

.faq-best__rating {
  margin-right: 51px;
  font-weight: 500;
  font-size: 10px;
  line-height: 15px;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: rgba(97, 110, 119, .5)
}

.faq-best__rating span {
  display: inline-block;
  font-family: 'Tomorrow';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 15px;
  color: #437b94
}

.faq-best__reviews {
  font-weight: 500;
  font-size: 13px;
  line-height: 15px
}

.faq-best__reviews a {
  color: rgba(17, 17, 17, .4);
  text-decoration: none
}

.section-faq__text {
  font-size: 16px;
  line-height: 25px;
  padding: 12px 0 18px
}

.section-faq__text ul li {
  position: relative;
  padding-left: 25px
}

.section-faq__text ul li:before {
  content: '';
  display: block;
  width: 14px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6L5.32873 10L12 2' stroke='%23437B94' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 0 0/100% auto;
  position: absolute;
  top: 6px;
  left: -3px
}

.complaint-form__input {
  position: relative;
  margin-bottom: 15px
}

.complaint-form__input input {
  width: 100%;
  height: 50px;
  padding: 0 15px 0 53px;
  background: #fff;
  border: 1px solid rgba(67, 123, 148, .3);
  border-radius: 5px;
  font-size: 16px;
  line-height: 24px
}

.complaint-form__input input::placeholder {
  color: #616e77;
  opacity: 1
}

.complaint-form__input i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 16px;
  left: 23px
}

.complaint-form__input svg {
  fill: #32aba4
}

.complaint-form__more {
  font-weight: 500;
  font-size: 15px;
  line-height: 25px;
  color: #437b94;
  padding: 1px 0 19px
}

.complaint-form__more span {
  display: inline-flex;
  align-items: center;
  margin: 0 0 0 22px;
  cursor: pointer
}

.complaint-form__more i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  padding: 1px 1px 0 0;
  border-radius: 50%;
  background: #437b94;
  box-shadow: 0px 2px 15px #e6e6e6;
  flex-shrink: 0;
  margin-right: 15px;
  position: relative
}

.complaint-form__message {
  display: flex;
  border: 1px solid rgba(67, 123, 148, .3);
  border-radius: 5px;
  position: relative
}

.complaint-form__textarea {
  flex-grow: 1
}

.complaint-form__textarea textarea {
  width: 100%;
  height: 179px;
  min-height: 179px;
  border: none;
  padding: 23px 15px 23px 53px;
  background: 0 0;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  resize: none;
  overflow: hidden
}

.complaint-form__file {
  position: relative;
  width: 150px
}

.complaint-form__file input,
.comment-form__file input {
  display: none
}

.complaint-form__file button,
.comment-form__file button {
  width: calc(100% - 8px);
  height: 30px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: 0 0;
  border: none;
  position: absolute;
  left: 0;
  bottom: 15px;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  color: #437b94
}

.complaint-form__file button i,
.comment-form__file button i {
  display: block;
  line-height: 0;
  margin: 0 5px 1px 0;
  flex-shrink: 0
}

.complaint-form__file button svg,
.comment-form__file button svg {
  fill: #437b94
}

.complaint-form .bk-list,
.comment-form__file .bk-list {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  padding: 24px 24px 50px 0
}

.complaint-form .bk-list li,
.comment-form__file .bk-list li {
  display: block;
  width: 50px;
  height: 50px;
  border: 2px solid #fff;
  filter: drop-shadow(0px 2px 15px #e6e6e6);
  border-radius: 5px;
  margin: 0 0 8px 8px;
  background-position: center;
  background-size: cover;
  position: relative;
  cursor: pointer
}

.complaint-form .bk-list li:before,
.comment-form__file .bk-list li:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: #f7c71b 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%3Cline x1='5.17203' y1='5.17157' x2='10.8289' y2='10.8284' stroke='%23111111' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='10.8281' y1='5.1716' x2='5.17127' y2='10.8285' stroke='%23111111' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat center;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  right: -4px
}

.complaint-form__textarea i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 24px;
  left: 23px
}

.complaint-form__textarea i svg {
  fill: #32aba4
}

.complaint-form__btn {
  padding-top: 25px;
  text-align: center
}

.complaint-form__btn button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  border: none;
  padding: 0 42px;
  background: #437b94;
  box-shadow: 0px 50px 30px rgba(0, 0, 0, .05), 0px 30px 30px rgba(0, 0, 0, .03), 0px 10px 15px rgba(0, 0, 0, .02);
  border-radius: 5px;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  color: #fff
}

.complaint-form__btn i {
  display: block;
  line-height: 0;
  margin-left: 10px
}

.complaint-form__btn svg {
  fill: #fff
}

.post-popup {
  visibility: hidden;
  opacity: 0;
  transform: translateY(-80px);
  width: 1210px;
  max-width: 100%;
  border-radius: 10px;
  filter: drop-shadow(0px 5px 10px rgba(22, 84, 112, .4));
  position: fixed;
  top: 10px;
  left: calc(50% - 605px);
  z-index: 50;
  transition: all .2s
}

.post-popup.show {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px)
}

.post-popup__inner {
  padding: 20px 30px;
  background: #dff5ff;
  border-radius: 10px;
  clip-path: polygon(0 calc(50% - 8px), 0 0, 100% 0, 100% 100%, 0 100%, 0 calc(50% + 8px), 8px 50%);
  position: relative
}

.post-popup__close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(255, 255, 255, .5);
  border-radius: 0 10px;
  cursor: pointer
}

.post-popup__close svg {
  fill: rgba(10, 56, 75, .3)
}

.post-popup__close:hover svg {
  fill: #111
}

.post-popup__text {
  position: relative;
  font-weight: 500;
  font-size: 18px;
  line-height: 30px
}

.post-popup__text a {
  color: #0a384b;
  text-decoration: none
}

.post-popup__text a:hover {
  color: #111
}

.post-popup__text i {
  display: inline-block;
  line-height: 0;
  margin-left: 10px
}

.post-popup__text svg {
  fill: #1b7ca8
}

.post-popup__text a:hover svg {
  fill: #111
}

.dco-attachment-gallery {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px 0 0
}

.dco-attachment.dco-image-attachment {
  width: 115px;
  height: 115px;
  margin: 10px 20px 10px 0 !important
}

.dco-attachment.dco-image-attachment img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 5px
}

.site-footer {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background: #fff;
  position: relative
}

.footer-logo {
  width: 179px;
  margin-right: 20px
}

.footer-logo svg {
  fill: #fff
}

.footer-menu {
  padding: 26px 0
}

.footer-menu ul {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  margin: 0 -10px
}

.footer-menu li {
  padding: 0 10px
}

.footer-menu a {
  display: flex;
  text-decoration: none
}

.footer-menu i {
  display: flex;
  flex-shrink: 0;
  margin: -2px 10px 0 0
}

.footer-menu svg {
  fill: #437b94
}

.footer-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #203a43;
  padding: 27px 30px;
  border-radius: 10px 10px 0 0
}

.footer-logo {
  width: 179px;
  flex-shrink: 0;
  margin-right: 20px
}

.footer-text {
  width: 500px;
  max-width: 100%;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #fff
}

.footer-email {
  flex-shrink: 0;
  margin: 0 0 3px 20px
}

.footer-email a {
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  text-decoration: none;
  position: relative;
  padding-left: 28px
}

.footer-email a:before {
  content: '';
  display: block;
  width: 15px;
  height: 11px;
  background: url("data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7158 3.63229C14.8301 3.54349 15 3.62656 15 3.76693V9.625C15 10.3841 14.3701 11 13.5938 11H1.40625C0.629883 11 0 10.3841 0 9.625V3.76979C0 3.62656 0.166992 3.54635 0.28418 3.63516C0.94043 4.13359 1.81055 4.76667 4.79883 6.88932C5.41699 7.33047 6.45996 8.25859 7.5 8.25286C8.5459 8.26146 9.60938 7.31328 10.2041 6.88932C13.1924 4.76667 14.0596 4.13073 14.7158 3.63229ZM7.5 7.33333C8.17969 7.34479 9.1582 6.49688 9.65039 6.1474C13.5381 3.3888 13.834 3.14818 14.7305 2.46068C14.9004 2.33177 15 2.13125 15 1.91927V1.375C15 0.615885 14.3701 0 13.5938 0H1.40625C0.629883 0 0 0.615885 0 1.375V1.91927C0 2.13125 0.0996094 2.32891 0.269531 2.46068C1.16602 3.14531 1.46191 3.3888 5.34961 6.1474C5.8418 6.49688 6.82031 7.34479 7.5 7.33333Z' fill='%23437B94'/%3E%3C/svg%3E%0A") no-repeat 0 0/100% auto;
  position: absolute;
  top: 3px;
  left: 0
}

.alignnone {
  margin: 5px 20px 20px 0
}

.aligncenter,
div.aligncenter {
  margin: auto;
  text-align: center
}

.alignright {
  float: right;
  margin: 7px 0 20px 50px
}

.alignleft {
  float: left;
  margin: 7px 0 20px 50px
}

.aligncenter {
  display: block;
  margin: 33px auto 28px
}

.only-mobile {
  display: none
}

.mobile-panel-overlay {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(17, 17, 17, .92);
  z-index: 101;
  transition: all .2s
}

.mobile-panel-overlay.show {
  visibility: visible;
  opacity: 1
}

.mobile-panel {
  visibility: hidden;
  opacity: 0;
  transform: translateY(-40px);
  top: 11px;
  left: 15px;
  right: 15px;
  position: fixed;
  transition: all .2s ease-out 0s;
  overflow-y: auto;
  z-index: 102
}

.mobile-panel.show {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px)
}

.mobile-panel__logo {
  width: 179px;
  opacity: .3;
  margin-bottom: 16px
}

.mobile-panel__logo svg {
  fill: #fff
}

.mobile-panel__close {
  width: 22px;
  height: 23px;
  position: absolute;
  top: 7px;
  right: 6px;
  cursor: pointer
}

.mobile-panel__close svg {
  fill: #85bbd2
}

.mobile-panel__search {
  height: 40px;
  padding: 3px 0;
  background: #eef1f3;
  border: 1px solid #e7eaec;
  border-radius: 5px;
  margin-bottom: 10px
}

.asl_w_container {
  width: calc(100% + 2px) !important;
  margin: -1px !important
}

body .mobile-panel__search #ajaxsearchlite1 .probox,
body div.asl_w {
  border-radius: 5px;
  background: 0 0 !important;
  box-shadow: none !important
}

body div.asl_r.vertical {
  padding: 4px 0
}

body .mobile-panel__search #ajaxsearchlite1 .probox,
body div.asl_w .probox {
  height: 33px !important;
  border: none !important;
  background: 0 0 !important;
  text-shadow: none !important;
  box-shadow: none !important
}

body .mobile-panel__search div.asl_m .probox .proinput {
  padding: 2px 20px 0;
  margin: 0;
  position: relative;
  font-family: 'Roboto' !important;
  text-shadow: none !important
}

body .mobile-panel__search div.asl_m .probox .proinput input {
  height: 30px !important;
  font-family: 'Roboto' !important;
  font-size: 14px;
  line-height: 17px
}

body .mobile-panel__search div.asl_w .probox .proinput input::placeholder {
  font-family: 'Roboto' !important
}

body .mobile-panel__search div.asl_w .probox .proloading {
  width: 30px;
  height: 30px
}

body .mobile-panel__search .promagnifier,
body .mobile-panel__search .proclose {
  display: none !important
}

.mobile-panel__menu {
  margin-bottom: 15px
}

.mobile-panel__menu>ul>li {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  position: relative;
  margin-bottom: 10px
}

.mobile-panel__menu>ul>li>a {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 8px 40px 8px 20px;
  text-decoration: none;
  background: #eef4f9;
  box-shadow: 0px 30px 30px rgba(0, 0, 0, .05);
  border-radius: 5px;
  text-decoration: none
}

.mobile-panel__menu>ul>li>a i {
  display: block;
  width: 20px;
  margin-right: 11px;
  line-height: 0
}

.mobile-panel__menu>ul>li>a svg {
  fill: #437b94
}

.mobile-panel__menu>ul>li>a>svg {
  position: absolute;
  top: calc(50% - 5px);
  right: 20px
}

.mobile-panel__menu>ul>li>ul {
  display: none
}

.totop {
  display: none;
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 90
}

.totop span {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f7c71b;
  box-shadow: 0px 10px 10px rgba(78, 63, 11, .15);
  border-radius: 5px;
  cursor: pointer
}

.totop span svg {
  fill: #fff;
  transform: rotate(-90deg)
}

@media only screen and (max-width: 1310px) {
  .inner {
      margin-left: 15px;
      margin-right: 15px
  }

  .page-title {
      padding: 20px 30px 25px;
      margin: 0 -30px 30px
  }

  .post-popup {
      width: calc(100% - 10px);
      top: 8px;
      left: 5px;
      right: 5px
  }

  .post-popup__inner {
      padding: 11px 40px 14px 20px;
      clip-path: polygon(0 16px, 0 0, 100% 0, 100% 100%, 0 100%, 0 32px, 8px 24px)
  }

  .post-popup__text {
      font-size: 15px;
      line-height: 25px
  }

  .post-popup__text i {
      transform: translateY(2px)
  }
}

@media only screen and (max-width: 992px) {

  .site-content__decor-1,
  .site-content__decor-2,
  .site-content__decor-3,
  .site-content__decor-4,
  .site-content__decor-5,
  .site-content__decor-6 {
      display: none
  }

  .site-nav {
      margin-bottom: 0
  }

  .site-nav__submenu {
      margin-bottom: 10px
  }

  .page-title {
      padding: 9px 15px 11px;
      background: rgba(255, 255, 255, .4);
      font-size: 34px;
      line-height: 40px;
      text-align: center;
      margin: 0 -15px 15px
  }

  .pagination {
      padding: 10px 0 0
  }

  .aside-links__title {
      font-size: 16px
  }

  .aside-links__list li {
      padding: 13px 0
  }

  .site-footer {
      background: #f1f4f4
  }

  .footer-menu {
      display: none
  }

  .breadcrumbs {
      margin: 13px 0 2px;
      font-size: 13px;
      line-height: 15px
  }

  .breadcrumbs li:not(:last-child):after {
      margin: 0 7px 0 9px
  }

  .footer-main {
      flex-direction: column;
      align-items: center;
      padding: 17px 20px 22px;
      margin: 0 -15px;
      border-radius: 0
  }

  .footer-logo {
      width: 179px;
      margin: 0 0 8px
  }

  .footer-email {
      margin: 16px 0 0
  }

  .section-seo {
      padding: 19px 15px 12px;
      margin: 0 -15px;
      border-radius: 0
  }

  .seo-body {
      font-size: 13px;
      line-height: 20px
  }

  .seo-body h1 {
      font-size: 34px;
      line-height: 40px;
      margin: 0 -5px 12px
  }

  .seo-body h2 {
      font-size: 26px;
      line-height: 30px;
      margin: 20px 0 17px
  }

  .seo-body p {
      margin-bottom: 10px
  }

  .seo-body ol li {
      padding-left: 24px
  }

  .seo-body ol li:before {
      font-size: 17px;
      top: -2px
  }

  .seo-body ul {
      margin: 13px 0 12px
  }

  .seo-body ul li {
      padding-left: 24px
  }

  .seo-body ul li:before {
      top: 2px
  }

  .post-body h1 {
      font-size: 34px;
      line-height: 40px;
      margin-bottom: 11px
  }

  .post-body p {
      margin-bottom: 15px
  }

  .post-body ul {
      margin-bottom: 10px
  }

  .post-body ul li {
      padding-left: 25px;
      margin-bottom: 10px
  }

  .post-body ol li {
      position: relative;
      padding-left: 27px;
      margin-bottom: 10px
  }

  .post-body blockquote {
      padding: 19px 50px 19px 95px;
      font-size: 16px;
      line-height: 25px;
      margin: 26px -50px 26px
  }

  .post-body blockquote:before {
      top: 20px
  }

  .post-body img {
      border-width: 3px;
      border-radius: 10px
  }

  .post-gallery {
      display: block;
      width: 382px;
      max-width: 100%;
      border-width: 3px
  }

  .post-gallery__slide a {
      height: 482px
  }

  .post-gallery .slick-arrow.slick-prev {
      left: 12px
  }

  .post-gallery .slick-arrow.slick-next {
      right: 12px
  }

  .block-payment {
      padding: 20px 15px 12px;
      margin: 20px -15px 30px
  }

  .block-payment__title {
      margin-bottom: 10px
  }

  .block-payment__list {
      font-size: 16px;
      line-height: 25px
  }

  ul.block-payment__list li {
      padding-left: 21px;
      margin-bottom: 10px
  }

  .block-payment__list li:before {
      top: 10px !important
  }

  .block-best {
      margin: 21px -15px
  }

  .block-best__head {
      flex-direction: inherit;
      align-items: flex-start;
      margin-bottom: 14px
  }

  .block-best__info {
      margin: 0 0 3px
  }

  .block-best__title {
      padding: 7px 15px 9px;
      font-size: 23px
  }

  .block-best__reviews {
      margin: 0 0 0 22px
  }

  .block-best__content {
      padding: 13px 15px 10px
  }

  .block-best__list {
      flex-direction: column;
      align-items: flex-start;
      font-size: 19px;
      line-height: 20px
  }

  .block-quote {
      padding: 19px 23px 16px 60px;
      font-size: 16px;
      line-height: 25px;
      margin: 21px -15px
  }

  .block-quote:before {
      width: 31px;
      height: 25px;
      top: 25px;
      left: 14px
  }

  .block-quote a {
      display: flex;
      margin: 0
  }

  .block-project {
      padding-bottom: 3px;
      margin: 26px -50px
  }

  .block-project__title {
      font-size: 26px
  }

  .block-project__all {
      font-size: 16px
  }

  .block-project__number {
      width: 24px;
      font-size: 16px
  }

  .block-project__image {
      margin-right: 9px
  }

  .block-project__name {
      font-size: 18px
  }

  .block-project__reviews {
      font-size: 15px
  }

  .social-likes__button {
      width: 32px;
      height: 32px
  }

  .social-likes__button svg {
      transform: none
  }

  .section-best {
      margin-bottom: 20px
  }

  .section-best:before {
      background: #616e77;
      opacity: .1;
      left: 0;
      right: 0
  }

  .section-best__slider {
      margin: 0 -15px 0 -7px
  }

  .section-best__slide {
      padding: 0 7px 40px
  }

  .section-best__item {
      width: 300px
  }

  .section-best__header {
      margin: 0 -15px 15px
  }

  .section-best__inner {
      border-radius: 0;
      margin: 0 -15px;
      padding: 15px 15px 12px
  }

  .section-best__header {
      padding: 11px 15px 9px
  }

  .section-best__title {
      font-size: 34px;
      line-height: 40px;
      text-align: center
  }

  .section-best__arrows {
      display: none
  }

  .section-best__head {
      margin-bottom: 10px
  }

  .section-best__name {
      font-size: 22px;
      line-height: 25px;

  }

  .section-best__content {
      border-radius: 10px
  }

  .section-best__list {
      font-size: 16px;
      line-height: 18px;
      margin-bottom: 14px
  }

  .section-best__list:nth-child(3) {
      display: block
  }

  .section-best__reviews {
      padding-right: 7px
  }

  .section-best__social {
      padding: 0 0 0 8px
  }

  .section-best__social span {
      background: linear-gradient(104.12deg, rgba(255, 255, 255, .126) 10.05%, rgba(255, 255, 255, .48) 89.95%)
  }

  .section-best__mobile-arrows {
      display: flex;
      justify-content: center;
      margin: -21px 0 0;
      position: relative
  }

  .section-best__mobile-prev,
  .section-best__mobile-next {
      padding: 5px;
      margin: 0 10px;
      cursor: pointer
  }

  .section-best__mobile-next {
      transform: scaleX(-1)
  }

  .section-best__mobile-arrows svg {
      fill: #616e77
  }

  .section-posts {
      padding: 15px 0 0;
      margin-bottom: -5px
  }

  .section-posts__container {
      width: 660px;
      max-width: 100%;
      margin: 0 auto
  }

  .section-posts__col {
      width: 50%
  }

  .section-posts__col:nth-child(3) {
      display: none
  }

  .section-posts__image {
      margin-bottom: 11px
  }

  .section-posts__image img {
      width: 100%;
      height: 175px;
      object-fit: cover
  }

  .section-posts__image:before {
      left: 20px;
      right: 20px
  }

  .aside-project {
      margin-bottom: 20px
  }

  .aside-project__head {
      padding: 10px 20px
  }

  .aside-project__item {
      padding: 7px 5px
  }

  .aside-project__name {
      font-size: 16px
  }

  .aside-project__reviews {
      font-size: 14px
  }

  .section-sidebar {
      flex-direction: column;
      padding: 10px 0;
      margin: 0
  }

  .section-sidebar .aside-project,
  .section-sidebar .aside-links,
  .section-sidebar .aside-links__block,
  .section-sidebar .mx-banner-block-1502,
  .section-sidebar .mx-banner-block-1509 {
      display: block;
      width: 100% !important;
      margin-left: 0 !important;
      margin-right: 0 !important
  }

  .section-sidebar .aside-project {
      margin-bottom: 20px
  }

  .section-sidebar .aside-links__title {
      padding: 10px 23px 9px;
      font-size: 16px;
      line-height: 21px
  }

  .section-sidebar .aside-links__list li {
      padding: 13px 0
  }

  .section-sidebar .aside-links__block {
      margin-bottom: 0
  }

  .section-sidebar .aside-links__block:first-child {
      margin-bottom: 5px
  }

  .section-sidebar .aside-links__block:first-child:before {
      display: none
  }

  .aside-links:not(:last-child) {
      margin-bottom: 4px
  }

  .section-faq {
      border-radius: 0;
      padding: 20px 15px 10px;
      margin: 0 -15px
  }

  .section-faq__title {
      background: #ccd9dc;
      text-align: center;
      margin: 0 -30px 20px
  }

  .section-faq__title h2 {
      font-size: 26px;
      line-height: 30px
  }

  .section-faq__item.opened .section-faq__question {
      background: linear-gradient(104.12deg, rgba(255, 255, 255, .8) 10.05%, rgba(255, 255, 255, 0) 72.47%, rgba(255, 255, 255, 0) 89.95%)
  }

  .section-faq__answer {
      padding: 0 20px
  }

  .faq-best table {
      width: 100%
  }

  .faq-best table td:nth-child(2) {
      text-align: right
  }

  .faq-best table td:last-child {
      display: none
  }

  .faq-best__name a {
      margin-left: 12px
  }

  .faq-best__rating {
      margin: 0
  }

  .section-faq__text {
      padding: 12px 0
  }

  .section-faq__text ul {
      margin-bottom: -3px
  }

  .section-faq__text ul li {
      margin-bottom: 10px
  }

  .complaint-form__input input {
      padding: 0 15px 0 40px;
      font-size: 15px
  }

  .complaint-form__input i {
      top: 16px;
      left: 14px
  }

  .complaint-form__more {
      padding: 1px 0 19px
  }

  .complaint-form__more span {
      margin: 0
  }

  .complaint-form__more i {
      margin-right: 10px
  }

  .complaint-form__textarea textarea {
      height: 119px;
      min-height: 119px;
      font-size: 15px;
      line-height: 20px;
      padding: 13px 15px 23px;
      text-indent: 29px
  }

  .complaint-form__message {
      flex-direction: column
  }

  .complaint-form__textarea {
      width: 100%
  }

  .complaint-form__textarea i {
      top: 14px;
      left: 14px
  }

  .complaint-form__btn {
      padding-top: 15px
  }

  .complaint-form__btn button {
      width: 100%
  }

  .complaint-form__file,
  .comment-form__file {
      width: 100%
  }

  .complaint-form__file button,
  .comment-form__file button {
      width: auto;
      left: auto;
      right: 15px;
      bottom: 9px
  }

  .complaint-form__file .bk-list,
  .comment-form__file .bk-list {
      justify-content: flex-start;
      align-items: flex-end;
      height: 100%;
      padding: 0 19px 41px 0;
      flex-direction: row-reverse
  }

  .block-best__list li {
      margin: 0 0 10px !important
  }

  .only-desktop {
      display: none
  }

  .only-mobile {
      display: block
  }

  .alignright,
  .alignleft {
      float: none;
      margin: 27px auto 20px
  }
}

@media only screen and (max-width: 768px) {
  .totop {
      display: none !important
  }

  .logo-circle {
      transform: scale(1.1) translate(-10px, -3px)
  }

  .logo-number {
      transform: scale(1.1) translate(-10px, -3px)
  }

  .site-header {
      border-bottom: 2px solid rgba(37, 67, 80, .15);
      box-shadow: 0px 30px 30px rgba(0, 0, 0, .05)
  }

  .site-header__container {
      flex-direction: column;
      align-items: flex-start;
      padding: 7px 0 8px
  }

  .touch-menu {
      width: 34px;
      display: block;
      position: absolute;
      top: 17px;
      right: 2px;
      cursor: pointer
  }

  .touch-menu svg {
      width: 100%;
      fill: #437b94
  }

  .header-logo {
      width: 179px;
      margin: 0
  }

  .header-slogan {
      font-size: 15px;
      line-height: 18px;
      padding: 0;
      color: #616e77;
      margin: 2px 0 0
  }

  .header-slogan:before {
      display: none
  }

  .fixed-header {
      visibility: hidden;
      opacity: 0;
      transform: translateY(-70px);
      display: block;
      background: #e4e8eb;
      border-bottom: 2px solid rgba(37, 67, 80, .15);
      box-shadow: 0px 30px 30px rgba(0, 0, 0, .05);
      position: fixed;
      left: 0;
      top: 0;
      right: 0;
      z-index: 90;
      transition: all .2s
  }

  .fixed-header.opened {
      visibility: visible;
      opacity: 1;
      transform: translateY(0px)
  }

  .fixed-header__container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 8px 0
  }

  .fixed-header__container .touch-menu {
      right: 17px
  }

  .post-popup.show.post-popup_header {
      top: 65px
  }

  .site-content {
      padding: 0
  }

  .site-nav {
      margin: 0 -10px
  }

  .site-nav__menu {
      display: none
  }

  .site-nav__submenu {
      display: flex;
      justify-content: center;
      padding: 8px 3px 4px 20px;
      margin: 5px 0
  }

  .site-nav__submenu li a:before {
      top: 7px
  }

  .site-nav__submenu li {
      margin: 0 19px 5px 0
  }

  .site-nav__submenu li a {
      font-size: 16px;
      line-height: 19px
  }

  .mobile-sidebar {
      display: block;
      padding: 15px 0 5px
  }

  .mobile-menu {
      display: block;
      padding: 10px 10px 5px
  }

  .mobile-menu ul {
      font-weight: 500;
      font-size: 16px;
      line-height: 19px
  }

  .mobile-menu li {
      padding: 0;
      margin-bottom: 5px
  }

  .mobile-menu a {
      display: flex;
      align-items: center;
      text-decoration: none;
      height: 40px;
      padding: 0 16px;
      background: rgba(247, 199, 27, .8)
  }

  .mobile-menu li:first-child a {
      border-radius: 5px 5px 0 0
  }

  .mobile-menu li:last-child a {
      border-radius: 0 0 5px 5px
  }

  .mobile-menu i {
      width: 15px;
      flex-shrink: 0;
      margin: 3px 10px 0 0
  }

  .mobile-menu svg {
      fill: rgba(144, 114, 7, .7)
  }
}

@media only screen and (max-width: 650px) {
  .breadcrumbs {
      display: block;
      margin: 13px -5px 12px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      min-width: 0
  }

  .breadcrumbs li {
      display: inline
  }

  .breadcrumbs li:not(:last-child):after {
      margin: 0 4px 0 9px
  }

  .section-posts__container {
      width: 300px
  }

  .section-posts__col {
      width: 100%;
      padding: 0 0 19px
  }

  .pagination a.prev {
      margin-right: 15px
  }

  .pagination a.next {
      margin-left: 15px
  }

  .block-best__reviews {
      margin: 0 0 0 21px
  }

  .block-best__reviews {
      margin: 3px 0 0 42px
  }

  .block-best__head {
      flex-direction: column
  }
}

@media only screen and (max-width: 411px) {
  .site-header__container {
      padding: 7px 0
  }

  .header-logo {
      width: 168px
  }

  .fixed-header__container .touch-menu {
      right: 15px
  }

  .header-slogan {
      font-size: 14px;
      line-height: 22px;
      margin: 2px 0 0
  }

  .touch-menu {
      width: 32px;
      right: 0
  }

  .site-nav__submenu {
      justify-content: center;
      padding: 7px 3px 3px 20px
  }

  .site-nav__submenu li {
      margin: 0 19px 6px 0
  }

  .page-title {
      padding: 11px 15px 14px;
      font-size: 32px;
      line-height: 35px
  }

  .section-seo {
      padding: 16px 15px 12px
  }

  .seo-body h1 {
      font-size: 32px;
      line-height: 35px;
      margin: 0 0 9px
  }

  .seo-body ol li {
      padding-left: 27px
  }

  .aside-links__title {
      padding: 11px 23px 9px;
      font-size: 15px;
      line-height: 20px;
      margin-bottom: 1px
  }

  .aside-project__head {
      padding: 10px 16px
  }

  .aside-project__item {
      padding: 7px 0
  }

  .aside-project__name {
      font-size: 15px
  }

  .aside-project__reviews {
      font-size: 13px
  }

  .section-best__header {
      padding: 13px 30px 12px
  }

  .section-best__title {
      font-size: 32px;
      line-height: 35px
  }

  .section-sidebar .aside-project__name {
      font-size: 15px
  }

  .section-sidebar .aside-links__title {
      font-size: 15px;
      line-height: 20px
  }

  .section-faq__title {
      padding: 7px 25px
  }

  .post-body h1 {
      font-size: 32px;
      line-height: 35px;
      margin-bottom: 13px
  }

  .post-gallery__slide a {
      height: 454px
  }

  .block-best {
      margin: 26px -15px
  }

  .block-best__head {
      margin-bottom: 15px
  }

  .block-best__title {
      padding: 9px 15px 11px;
      font-size: 21px;
      line-height: 25px
  }

  .block-best__name {
      font-size: 19px
  }

  .block-best__list {
      font-size: 18px
  }

  .block-quote {
      padding: 19px 23px 21px 60px
  }

  .block-project__title {
      font-size: 24px
  }

  .block-project__all {
      font-size: 15px
  }

  .block-project__name {
      font-size: 17px
  }

  .block-project__reviews {
      font-size: 14px
  }

  .mobile-panel__logo {
      width: 168px;
      margin-bottom: 19px
  }

  .alignright,
  .alignleft {
      float: none;
      margin: 21px auto 20px
  }

  .post-popup.show.post-popup_header {
      top: 62px
  }
}

@media only screen and (max-width: 383px) {
  .site-header__container {
      padding: 9px 0 7px
  }

  .header-logo {
      width: 157px
  }

  .header-slogan {
      font-size: 14px;
      line-height: 22px;
      margin: 3px 0 0
  }

  .touch-menu {
      width: 29px;
      right: 2px
  }

  .header-slogan {
      font-size: 13px;
      line-height: 21px
  }

  .fixed-header__container {
      padding: 9px 0 11px
  }

  .site-nav__submenu {
      padding: 8px 3px 2px 20px
  }

  .site-nav__submenu li {
      margin: 0 19px 7px 0
  }

  .site-nav__submenu li a {
      font-size: 15px;
      line-height: 18px
  }

  .page-title {
      padding: 13px 15px 12px;
      font-size: 30px;
      line-height: 35px
  }

  .aside-links__title {
      font-size: 15px;
      line-height: 20px
  }

  .section-best__header {
      padding: 13px 12px 12px
  }

  .section-best__title {
      font-size: 30px
  }

  .section-best__slider {
      margin: 0 -15px
  }

  .section-best__item {
      margin: 0 auto
  }

  .section-faq__title {
      margin: 0 -30px 15px
  }

  .section-faq__title h2 {
      font-size: 24px;
      line-height: 30px
  }

  .mobile-menu ul {
      font-size: 15px
  }

  .section-seo {
      padding: 16px 15px 12px
  }

  .seo-body h1 {
      font-size: 30px;
      line-height: 35px;
      margin: 0 0 8px
  }

  .seo-body h2 {
      font-size: 24px;
      line-height: 30px;
      margin: 21px 0 16px
  }

  .section-sidebar .aside-project__name {
      font-size: 14px
  }

  .post-body h1 {
      font-size: 30px
  }

  .post-body ul {
      margin-bottom: 20px
  }

  .post-gallery__slide a {
      height: 424px
  }

  .block-payment {
      padding: 20px 15px 2px;
      margin: 24px -15px 30px
  }

  .block-best__title {
      font-size: 20px
  }

  .block-best__name {
      font-size: 18px
  }

  .block-project__number {
      width: 24px;
      font-size: 15px
  }

  .block-project__name {
      font-size: 16px
  }

  .mobile-panel {
      left: 10px;
      right: 10px
  }

  .mobile-panel__close {
      right: 10px
  }

  .mobile-panel__logo {
      width: 157px;
      margin: 0 5px 21px
  }

  .mobile-panel__menu>ul>li {
      font-size: 15px
  }
}

@media only screen and (max-width: 359px) {
  .fixed-header__container .touch-menu {
      right: 17px
  }

  .site-nav__submenu {
      padding: 8px 3px 2px
  }

  .site-nav__submenu li {
      margin: 0 9px 7px
  }

  .mobile-menu {
      padding: 10px 5px 5px
  }

  .aside-project {
      margin: 0 -5px 20px
  }

  .aside-project__name {
      font-size: 14px
  }

  .aside-links {
      margin: 0 -5px
  }

  .aside-links__list {
      font-size: 15px
  }

  .section-posts {
      margin: 0 -5px 0
  }

  .section-posts__image img {
      height: 160px
  }

  .post-body {
      font-size: 17px
  }

  .post-body blockquote {
      padding: 19px 10px 19px 50px;
      margin: 26px -10px 26px
  }

  .post-body blockquote:before {
      left: 10px
  }

  .block-best {
      margin: 26px -10px
  }

  .alignright,
  .alignleft {
      float: none;
      margin: 25px auto 20px
  }

  .post-gallery {
      width: calc(100% + 10px);
      max-width: calc(100% + 10px);
      margin: 25px -5px 30px !important
  }

  .post-gallery__slide a {
      height: 384px
  }

  .block-payment {
      padding: 18px 15px 2px;
      margin: 21px -10px 30px
  }

  .block-payment__list {
      font-size: 15px
  }

  ul.block-payment__list li {
      padding-left: 16px
  }

  .block-quote {
      padding: 20px 23px 18px 60px;
      font-size: 15px;
      margin: 21px -10px
  }

  .block-quote a {
      display: inline-flex
  }

  .section-sidebar {
      margin: 0 -5px
  }

  .section-faq__container {
      margin: 0 -5px
  }

  .section-faq__title {
      padding: 7px 25px 9px
  }

  .section-faq__question {
      padding: 14px 10px 16px 44px;
      font-size: 17px;
      line-height: 25px
  }

  .section-faq__question span {
      top: 15px;
      left: 10px
  }

  .section-faq__answer {
      padding: 0 15px
  }

  .faq-best__name {
      margin-right: 10px
  }

  .section-faq__text {
      font-size: 15px
  }

  .footer-email {
      margin: 8px 0 0
  }
}
</style>



<style id="bp-login-form-style-inline-css" type="text/css">
.widget_bp_core_login_widget .bp-login-widget-user-avatar {
  float: left
}

.widget_bp_core_login_widget .bp-login-widget-user-links {
  margin-left: 70px
}

#bp-login-widget-form label {
  display: block;
  font-weight: 600;
  margin: 15px 0 5px;
  width: auto
}

#bp-login-widget-form input[type=password],
#bp-login-widget-form input[type=text] {
  background-color: #fafafa;
  border: 1px solid #d6d6d6;
  border-radius: 0;
  font: inherit;
  font-size: 100%;
  padding: .5em;
  width: 100%
}

#bp-login-widget-form .bp-login-widget-register-link,
#bp-login-widget-form .login-submit {
  display: inline;
  width: -moz-fit-content;
  width: fit-content
}

#bp-login-widget-form .bp-login-widget-register-link {
  margin-left: 1em
}

#bp-login-widget-form .bp-login-widget-register-link a {
  filter: invert(1)
}

#bp-login-widget-form .bp-login-widget-pwd-link {
  font-size: 80%
}
</style>
<style id="videoRecorder-ebeglcfo">
._ext_highlight {
  outline: 3px solid rgba(255, 0, 0, 0.5);
  outline-offset: -3px;
  transition: all 0.1s ease;
  z-index: 2147483647;
}

._ext__floating_popup {
  position: fixed;
  top: 80px;
  right: 30px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  margin: auto;
  height: 30px;
  white-space: nowrap;
  padding: 8px;
  z-index: 2147483647;
}

._ext__floating_popup>button {
  margin-left: 5px;
  color: black;
  background-color: white;
  border: 2px solid #e7e7e7;
  cursor: pointer;
}
</style>
<style id="countdown-ebeglcfo">
.countdown-ebeglcfo-button {
  background: 0 0;
  border: none;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-family: 'Open-Sans';
  font-size: 12px;
  height: auto;
  line-height: 1;
  margin: 0 auto;
  padding: 0 12px;
}

.countdown-ebeglcfo-button:focus {
  background: 0 0;
}

.countdown-ebeglcfo-button:hover {
  background: 0 0;
}

.countdown-ebeglcfo {
  background: rgba(59, 59, 59, 0.8);
  border-radius: 4px;
  color: #ffffff;
  left: 50%;
  padding: 14px 14px 10px;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 110000;
}

.countdown-ebeglcfo.capture-delayed {
  left: 50px;
  top: 50px;
  transform: translate(0, 0);
}

.countdown-ebeglcfo-content {
  height: 120px;
  position: relative;
  width: 120px;
}

.countdown-ebeglcfo-progress {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.countdown-ebeglcfo-progress svg {
  display: block;
  height: 100%;
  width: 100%;
}

.countdown-ebeglcfo-sep {
  background: #758386;
  height: 1px;
  margin: 7px 0;
}

.countdown-ebeglcfo-cancel .nsc-button {
  color: #ffffff;
  display: block;
  font-size: 14px;
  padding: 0 3px;
  text-align: center;
  width: 100%;
}
</style>


<style id="videoRecorder-ebeglcfo">
._ext_highlight {
  outline: 3px solid rgba(255, 0, 0, 0.5);
  outline-offset: -3px;
  transition: all 0.1s ease;
  z-index: 2147483647;
}

._ext__floating_popup {
  position: fixed;
  top: 80px;
  right: 30px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  margin: auto;
  height: 30px;
  white-space: nowrap;
  padding: 8px;
  z-index: 2147483647;
}

._ext__floating_popup>button {
  margin-left: 5px;
  color: black;
  background-color: white;
  border: 2px solid #e7e7e7;
  cursor: pointer;
}
</style>
<style id="countdown-ebeglcfo">
.countdown-ebeglcfo-button {
  background: 0 0;
  border: none;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-family: 'Open-Sans';
  font-size: 12px;
  height: auto;
  line-height: 1;
  margin: 0 auto;
  padding: 0 12px;
}

.countdown-ebeglcfo-button:focus {
  background: 0 0;
}

.countdown-ebeglcfo-button:hover {
  background: 0 0;
}

.countdown-ebeglcfo {
  background: rgba(59, 59, 59, 0.8);
  border-radius: 4px;
  color: #ffffff;
  left: 50%;
  padding: 14px 14px 10px;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 110000;
}

.countdown-ebeglcfo.capture-delayed {
  left: 50px;
  top: 50px;
  transform: translate(0, 0);
}

.countdown-ebeglcfo-content {
  height: 120px;
  position: relative;
  width: 120px;
}

.countdown-ebeglcfo-progress {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.countdown-ebeglcfo-progress svg {
  display: block;
  height: 100%;
  width: 100%;
}

.countdown-ebeglcfo-sep {
  background: #758386;
  height: 1px;
  margin: 7px 0;
}

.countdown-ebeglcfo-cancel .nsc-button {
  color: #ffffff;
  display: block;
  font-size: 14px;
  padding: 0 3px;
  text-align: center;
  width: 100%;
}
</style>
<style id="bp-member-style-inline-css" type="text/css">
[data-type="bp/member"] input.components-placeholder__input {
  border: 1px solid #757575;
  border-radius: 2px;
  flex: 1 1 auto;
  padding: 6px 8px
}

.bp-block-member {
  position: relative
}

.bp-block-member .member-content {
  display: flex
}

.bp-block-member .user-nicename {
  display: block
}

.bp-block-member .user-nicename a {
  border: none;
  color: currentColor;
  text-decoration: none
}

.bp-block-member .bp-profile-button {
  width: 100%
}

.bp-block-member .bp-profile-button a.button {
  bottom: 10px;
  display: inline-block;
  margin: 18px 0 0;
  position: absolute;
  right: 0
}

.bp-block-member.has-cover .item-header-avatar,
.bp-block-member.has-cover .member-content,
.bp-block-member.has-cover .member-description {
  z-index: 2
}

.bp-block-member.has-cover .member-content,
.bp-block-member.has-cover .member-description {
  padding-top: 75px
}

.bp-block-member.has-cover .bp-member-cover-image {
  background-color: #c5c5c5;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border: 0;
  display: block;
  height: 150px;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.bp-block-member img.avatar {
  height: auto;
  width: auto
}

.bp-block-member.avatar-none .item-header-avatar {
  display: none
}

.bp-block-member.avatar-none.has-cover {
  min-height: 200px
}

.bp-block-member.avatar-full {
  min-height: 150px
}

.bp-block-member.avatar-full .item-header-avatar {
  width: 180px
}

.bp-block-member.avatar-thumb .member-content {
  align-items: center;
  min-height: 50px
}

.bp-block-member.avatar-thumb .item-header-avatar {
  width: 70px
}

.bp-block-member.avatar-full.has-cover {
  min-height: 300px
}

.bp-block-member.avatar-full.has-cover .item-header-avatar {
  width: 200px
}

.bp-block-member.avatar-full.has-cover img.avatar {
  background: #fffc;
  border: 2px solid #fff;
  margin-left: 20px
}

.bp-block-member.avatar-thumb.has-cover .item-header-avatar {
  padding-top: 75px
}

.entry .entry-content .bp-block-member .user-nicename a {
  border: none;
  color: currentColor;
  text-decoration: none
}
</style>
<style id="bp-members-style-inline-css" type="text/css">
[data-type="bp/members"] .components-placeholder.is-appender {
  min-height: 0
}

[data-type="bp/members"] .components-placeholder.is-appender .components-placeholder__label:empty {
  display: none
}

[data-type="bp/members"] .components-placeholder input.components-placeholder__input {
  border: 1px solid #757575;
  border-radius: 2px;
  flex: 1 1 auto;
  padding: 6px 8px
}

[data-type="bp/members"].avatar-none .member-description {
  width: calc(100% - 44px)
}

[data-type="bp/members"].avatar-full .member-description {
  width: calc(100% - 224px)
}

[data-type="bp/members"].avatar-thumb .member-description {
  width: calc(100% - 114px)
}

[data-type="bp/members"] .member-content {
  position: relative
}

[data-type="bp/members"] .member-content .is-right {
  position: absolute;
  right: 2px;
  top: 2px
}

[data-type="bp/members"] .columns-2 .member-content .member-description,
[data-type="bp/members"] .columns-3 .member-content .member-description,
[data-type="bp/members"] .columns-4 .member-content .member-description {
  padding-left: 44px;
  width: calc(100% - 44px)
}

[data-type="bp/members"] .columns-3 .is-right {
  right: -10px
}

[data-type="bp/members"] .columns-4 .is-right {
  right: -50px
}

.bp-block-members.is-grid {
  display: flex;
  flex-wrap: wrap;
  padding: 0
}

.bp-block-members.is-grid .member-content {
  margin: 0 1.25em 1.25em 0;
  width: 100%
}

@media(min-width:600px) {
  .bp-block-members.columns-2 .member-content {
      width: calc(50% - .625em)
  }

  .bp-block-members.columns-2 .member-content:nth-child(2n) {
      margin-right: 0
  }

  .bp-block-members.columns-3 .member-content {
      width: calc(33.33333% - .83333em)
  }

  .bp-block-members.columns-3 .member-content:nth-child(3n) {
      margin-right: 0
  }

  .bp-block-members.columns-4 .member-content {
      width: calc(25% - .9375em)
  }

  .bp-block-members.columns-4 .member-content:nth-child(4n) {
      margin-right: 0
  }
}

.bp-block-members .member-content {
  display: flex;
  flex-direction: column;
  padding-bottom: 1em;
  text-align: center
}

.bp-block-members .member-content .item-header-avatar,
.bp-block-members .member-content .member-description {
  width: 100%
}

.bp-block-members .member-content .item-header-avatar {
  margin: 0 auto
}

.bp-block-members .member-content .item-header-avatar img.avatar {
  display: inline-block
}

@media(min-width:600px) {
  .bp-block-members .member-content {
      flex-direction: row;
      text-align: left
  }

  .bp-block-members .member-content .item-header-avatar,
  .bp-block-members .member-content .member-description {
      width: auto
  }

  .bp-block-members .member-content .item-header-avatar {
      margin: 0
  }
}

.bp-block-members .member-content .user-nicename {
  display: block
}

.bp-block-members .member-content .user-nicename a {
  border: none;
  color: currentColor;
  text-decoration: none
}

.bp-block-members .member-content time {
  color: #767676;
  display: block;
  font-size: 80%
}

.bp-block-members.avatar-none .item-header-avatar {
  display: none
}

.bp-block-members.avatar-full {
  min-height: 190px
}

.bp-block-members.avatar-full .item-header-avatar {
  width: 180px
}

.bp-block-members.avatar-thumb .member-content {
  min-height: 80px
}

.bp-block-members.avatar-thumb .item-header-avatar {
  width: 70px
}

.bp-block-members.columns-2 .member-content,
.bp-block-members.columns-3 .member-content,
.bp-block-members.columns-4 .member-content {
  display: block;
  text-align: center
}

.bp-block-members.columns-2 .member-content .item-header-avatar,
.bp-block-members.columns-3 .member-content .item-header-avatar,
.bp-block-members.columns-4 .member-content .item-header-avatar {
  margin: 0 auto
}

.bp-block-members img.avatar {
  height: auto;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: auto
}

.bp-block-members .member-content.has-activity {
  align-items: center
}

.bp-block-members .member-content.has-activity .item-header-avatar {
  padding-right: 1em
}

.bp-block-members .member-content.has-activity .wp-block-quote {
  margin-bottom: 0;
  text-align: left
}

.bp-block-members .member-content.has-activity .wp-block-quote cite a,
.entry .entry-content .bp-block-members .user-nicename a {
  border: none;
  color: currentColor;
  text-decoration: none
}
</style>
<style id="bp-dynamic-members-style-inline-css" type="text/css">
.bp-dynamic-block-container .item-options {
  font-size: .5em;
  margin: 0 0 1em;
  padding: 1em 0
}

.bp-dynamic-block-container .item-options a.selected {
  font-weight: 600
}

.bp-dynamic-block-container ul.item-list {
  list-style: none;
  margin: 1em 0;
  padding-left: 0
}

.bp-dynamic-block-container ul.item-list li {
  margin-bottom: 1em
}

.bp-dynamic-block-container ul.item-list li:after,
.bp-dynamic-block-container ul.item-list li:before {
  content: " ";
  display: table
}

.bp-dynamic-block-container ul.item-list li:after {
  clear: both
}

.bp-dynamic-block-container ul.item-list li .item-avatar {
  float: left;
  width: 60px
}

.bp-dynamic-block-container ul.item-list li .item {
  margin-left: 70px
}
</style>
<style id="bp-online-members-style-inline-css" type="text/css">
.widget_bp_core_whos_online_widget .avatar-block,
[data-type="bp/online-members"] .avatar-block {
  display: flex;
  flex-flow: row wrap
}

.widget_bp_core_whos_online_widget .avatar-block img,
[data-type="bp/online-members"] .avatar-block img {
  margin: .5em
}
</style>
<style id="bp-active-members-style-inline-css" type="text/css">
.widget_bp_core_recently_active_widget .avatar-block,
[data-type="bp/active-members"] .avatar-block {
  display: flex;
  flex-flow: row wrap
}

.widget_bp_core_recently_active_widget .avatar-block img,
[data-type="bp/active-members"] .avatar-block img {
  margin: .5em
}
</style>
<style id="bp-latest-activities-style-inline-css" type="text/css">
.bp-latest-activities .components-flex.components-select-control select[multiple] {
  height: auto;
  padding: 0 8px
}

.bp-latest-activities .components-flex.components-select-control select[multiple]+.components-input-control__suffix svg {
  display: none
}

.bp-latest-activities-block a,
.entry .entry-content .bp-latest-activities-block a {
  border: none;
  text-decoration: none
}

.bp-latest-activities-block .activity-list.item-list blockquote {
  border: none;
  padding: 0
}

.bp-latest-activities-block .activity-list.item-list blockquote .activity-item:not(.mini) {
  box-shadow: 1px 0 4px #00000026;
  padding: 0 1em;
  position: relative
}

.bp-latest-activities-block .activity-list.item-list blockquote .activity-item:not(.mini):after,
.bp-latest-activities-block .activity-list.item-list blockquote .activity-item:not(.mini):before {
  border-color: #0000;
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  left: 15px;
  position: absolute;
  width: 0
}

.bp-latest-activities-block .activity-list.item-list blockquote .activity-item:not(.mini):before {
  border-top-color: #00000026;
  border-width: 9px;
  bottom: -18px;
  left: 14px
}

.bp-latest-activities-block .activity-list.item-list blockquote .activity-item:not(.mini):after {
  border-top-color: #fff;
  border-width: 8px;
  bottom: -16px
}

.bp-latest-activities-block .activity-list.item-list blockquote .activity-item.mini .avatar {
  display: inline-block;
  height: 20px;
  margin-right: 2px;
  vertical-align: middle;
  width: 20px
}

.bp-latest-activities-block .activity-list.item-list footer {
  align-items: center;
  display: flex
}

.bp-latest-activities-block .activity-list.item-list footer img.avatar {
  border: none;
  display: inline-block;
  margin-right: .5em
}

.bp-latest-activities-block .activity-list.item-list footer .activity-time-since {
  font-size: 90%
}

.bp-latest-activities-block .widget-error {
  border-left: 4px solid #0b80a4;
  box-shadow: 1px 0 4px #00000026
}

.bp-latest-activities-block .widget-error p {
  padding: 0 1em
}
</style>
<style id="bp-friends-style-inline-css" type="text/css">
.bp-dynamic-block-container .item-options {
  font-size: .5em;
  margin: 0 0 1em;
  padding: 1em 0
}

.bp-dynamic-block-container .item-options a.selected {
  font-weight: 600
}

.bp-dynamic-block-container ul.item-list {
  list-style: none;
  margin: 1em 0;
  padding-left: 0
}

.bp-dynamic-block-container ul.item-list li {
  margin-bottom: 1em
}

.bp-dynamic-block-container ul.item-list li:after,
.bp-dynamic-block-container ul.item-list li:before {
  content: " ";
  display: table
}

.bp-dynamic-block-container ul.item-list li:after {
  clear: both
}

.bp-dynamic-block-container ul.item-list li .item-avatar {
  float: left;
  width: 60px
}

.bp-dynamic-block-container ul.item-list li .item {
  margin-left: 70px
}
</style>
<style id="bp-group-style-inline-css" type="text/css">
[data-type="bp/group"] input.components-placeholder__input {
  border: 1px solid #757575;
  border-radius: 2px;
  flex: 1 1 auto;
  padding: 6px 8px
}

.bp-block-group {
  position: relative
}

.bp-block-group .group-content {
  display: flex
}

.bp-block-group .group-description {
  width: 100%
}

.bp-block-group .group-description-content {
  margin-bottom: 18px;
  width: 100%
}

.bp-block-group .bp-profile-button {
  overflow: hidden;
  width: 100%
}

.bp-block-group .bp-profile-button a.button {
  margin: 18px 0 0
}

.bp-block-group.has-cover .group-content,
.bp-block-group.has-cover .group-description,
.bp-block-group.has-cover .item-header-avatar {
  z-index: 2
}

.bp-block-group.has-cover .group-content,
.bp-block-group.has-cover .group-description {
  padding-top: 75px
}

.bp-block-group.has-cover .bp-group-cover-image {
  background-color: #c5c5c5;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border: 0;
  display: block;
  height: 150px;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.bp-block-group img.avatar {
  height: auto;
  width: auto
}

.bp-block-group.avatar-none .item-header-avatar {
  display: none
}

.bp-block-group.avatar-full {
  min-height: 150px
}

.bp-block-group.avatar-full .item-header-avatar {
  width: 180px
}

.bp-block-group.avatar-full .group-description {
  padding-left: 35px
}

.bp-block-group.avatar-thumb .item-header-avatar {
  width: 70px
}

.bp-block-group.avatar-thumb .item-header-avatar img.avatar {
  margin-top: 15px
}

.bp-block-group.avatar-none.has-cover {
  min-height: 200px
}

.bp-block-group.avatar-none.has-cover .item-header-avatar {
  padding-top: 75px
}

.bp-block-group.avatar-full.has-cover {
  min-height: 300px
}

.bp-block-group.avatar-full.has-cover .item-header-avatar {
  width: 200px
}

.bp-block-group.avatar-full.has-cover img.avatar {
  background: #fffc;
  border: 2px solid #fff;
  margin-left: 20px
}

.bp-block-group.avatar-thumb:not(.has-description) .group-content {
  align-items: center;
  min-height: 50px
}

.bp-block-group.avatar-thumb.has-cover .item-header-avatar {
  padding-top: 75px
}

.bp-block-group.has-description .bp-profile-button a.button {
  display: block;
  float: right
}
</style>
<style id="bp-groups-style-inline-css" type="text/css">
[data-type="bp/groups"] .components-placeholder.is-appender {
  min-height: 0
}

[data-type="bp/groups"] .components-placeholder.is-appender .components-placeholder__label:empty {
  display: none
}

[data-type="bp/groups"] .components-placeholder input.components-placeholder__input {
  border: 1px solid #757575;
  border-radius: 2px;
  flex: 1 1 auto;
  padding: 6px 8px
}

[data-type="bp/groups"].avatar-none .group-description {
  width: calc(100% - 44px)
}

[data-type="bp/groups"].avatar-full .group-description {
  width: calc(100% - 224px)
}

[data-type="bp/groups"].avatar-thumb .group-description {
  width: calc(100% - 114px)
}

[data-type="bp/groups"] .group-content {
  position: relative
}

[data-type="bp/groups"] .group-content .is-right {
  position: absolute;
  right: 2px;
  top: 2px
}

[data-type="bp/groups"] .columns-2 .group-content .group-description,
[data-type="bp/groups"] .columns-3 .group-content .group-description,
[data-type="bp/groups"] .columns-4 .group-content .group-description {
  padding-left: 44px;
  width: calc(100% - 44px)
}

[data-type="bp/groups"] .columns-3 .is-right {
  right: -10px
}

[data-type="bp/groups"] .columns-4 .is-right {
  right: -50px
}

.bp-block-groups.is-grid {
  display: flex;
  flex-wrap: wrap;
  padding: 0
}

.bp-block-groups.is-grid .group-content {
  margin: 0 1.25em 1.25em 0;
  width: 100%
}

@media(min-width:600px) {
  .bp-block-groups.columns-2 .group-content {
      width: calc(50% - .625em)
  }

  .bp-block-groups.columns-2 .group-content:nth-child(2n) {
      margin-right: 0
  }

  .bp-block-groups.columns-3 .group-content {
      width: calc(33.33333% - .83333em)
  }

  .bp-block-groups.columns-3 .group-content:nth-child(3n) {
      margin-right: 0
  }

  .bp-block-groups.columns-4 .group-content {
      width: calc(25% - .9375em)
  }

  .bp-block-groups.columns-4 .group-content:nth-child(4n) {
      margin-right: 0
  }
}

.bp-block-groups .group-content {
  display: flex;
  flex-direction: column;
  padding-bottom: 1em;
  text-align: center
}

.bp-block-groups .group-content .group-description,
.bp-block-groups .group-content .item-header-avatar {
  width: 100%
}

.bp-block-groups .group-content .item-header-avatar {
  margin: 0 auto
}

.bp-block-groups .group-content .item-header-avatar img.avatar {
  display: inline-block
}

@media(min-width:600px) {
  .bp-block-groups .group-content {
      flex-direction: row;
      text-align: left
  }

  .bp-block-groups .group-content .group-description,
  .bp-block-groups .group-content .item-header-avatar {
      width: auto
  }

  .bp-block-groups .group-content .item-header-avatar {
      margin: 0
  }
}

.bp-block-groups .group-content time {
  color: #767676;
  display: block;
  font-size: 80%
}

.bp-block-groups.avatar-none .item-header-avatar {
  display: none
}

.bp-block-groups.avatar-full {
  min-height: 190px
}

.bp-block-groups.avatar-full .item-header-avatar {
  width: 180px
}

.bp-block-groups.avatar-thumb .group-content {
  min-height: 80px
}

.bp-block-groups.avatar-thumb .item-header-avatar {
  width: 70px
}

.bp-block-groups.columns-2 .group-content,
.bp-block-groups.columns-3 .group-content,
.bp-block-groups.columns-4 .group-content {
  display: block;
  text-align: center
}

.bp-block-groups.columns-2 .group-content .item-header-avatar,
.bp-block-groups.columns-3 .group-content .item-header-avatar,
.bp-block-groups.columns-4 .group-content .item-header-avatar {
  margin: 0 auto
}

.bp-block-groups img.avatar {
  height: auto;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: auto
}

.bp-block-groups .member-content.has-description {
  align-items: center
}

.bp-block-groups .member-content.has-description .item-header-avatar {
  padding-right: 1em
}

.bp-block-groups .member-content.has-description .group-description-content {
  margin-bottom: 0;
  text-align: left
}
</style>
<style id="bp-dynamic-groups-style-inline-css" type="text/css">
.bp-dynamic-block-container .item-options {
  font-size: .5em;
  margin: 0 0 1em;
  padding: 1em 0
}

.bp-dynamic-block-container .item-options a.selected {
  font-weight: 600
}

.bp-dynamic-block-container ul.item-list {
  list-style: none;
  margin: 1em 0;
  padding-left: 0
}

.bp-dynamic-block-container ul.item-list li {
  margin-bottom: 1em
}

.bp-dynamic-block-container ul.item-list li:after,
.bp-dynamic-block-container ul.item-list li:before {
  content: " ";
  display: table
}

.bp-dynamic-block-container ul.item-list li:after {
  clear: both
}

.bp-dynamic-block-container ul.item-list li .item-avatar {
  float: left;
  width: 60px
}

.bp-dynamic-block-container ul.item-list li .item {
  margin-left: 70px
}
</style>
<style id="bp-sitewide-notices-style-inline-css" type="text/css">
.bp-sitewide-notice-block .bp-screen-reader-text,
[data-type="bp/sitewide-notices"] .bp-screen-reader-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important
}

.bp-sitewide-notice-block [data-bp-tooltip]:after,
[data-type="bp/sitewide-notices"] [data-bp-tooltip]:after {
  background-color: #fff;
  border: 1px solid #737373;
  border-radius: 1px;
  box-shadow: 4px 4px 8px #0003;
  color: #333;
  content: attr(data-bp-tooltip);
  display: none;
  font-family: Helvetica Neue, Helvetica, Arial, san-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.25;
  max-width: 200px;
  opacity: 0;
  padding: 5px 8px;
  pointer-events: none;
  position: absolute;
  text-shadow: none;
  text-transform: none;
  transform: translateZ(0);
  transition: all 1.5s ease;
  visibility: hidden;
  white-space: nowrap;
  word-wrap: break-word;
  z-index: 100000
}

.bp-sitewide-notice-block .bp-tooltip:after,
[data-type="bp/sitewide-notices"] .bp-tooltip:after {
  left: 50%;
  margin-top: 7px;
  top: 110%;
  transform: translate(-50%)
}

.bp-sitewide-notice-block {
  border-left: 4px solid #ff853c;
  padding-left: 1em;
  position: relative
}

.bp-sitewide-notice-block h2:before {
  background: none;
  border: none
}

.bp-sitewide-notice-block .dismiss-notice {
  background-color: #0000;
  border: 1px solid #ff853c;
  color: #ff853c;
  display: block;
  padding: .2em .5em;
  position: absolute;
  right: .5em;
  top: .5em;
  width: -moz-fit-content;
  width: fit-content
}

.bp-sitewide-notice-block .dismiss-notice:hover {
  background-color: #ff853c;
  color: #fff
}
</style>
<style id="classic-theme-styles-inline-css" type="text/css">
/*! This file is auto-generated */

.wp-block-button__link {
  color: #fff;
  background-color: #32373c;
  border-radius: 9999px;
  box-shadow: none;
  text-decoration: none;
  padding: calc(.667em + 2px) calc(1.333em + 2px);
  font-size: 1.125em
}

.wp-block-file__button {
  background: #32373c;
  color: #fff;
  text-decoration: none
}
</style>
<style id="global-styles-inline-css" type="text/css">
:root {
  --wp--preset--aspect-ratio--square: 1;
  --wp--preset--aspect-ratio--4-3: 4/3;
  --wp--preset--aspect-ratio--3-4: 3/4;
  --wp--preset--aspect-ratio--3-2: 3/2;
  --wp--preset--aspect-ratio--2-3: 2/3;
  --wp--preset--aspect-ratio--16-9: 16/9;
  --wp--preset--aspect-ratio--9-16: 9/16;
  --wp--preset--color--black: #000000;
  --wp--preset--color--cyan-bluish-gray: #abb8c3;
  --wp--preset--color--white: #ffffff;
  --wp--preset--color--pale-pink: #f78da7;
  --wp--preset--color--vivid-red: #cf2e2e;
  --wp--preset--color--luminous-vivid-orange: #ff6900;
  --wp--preset--color--luminous-vivid-amber: #fcb900;
  --wp--preset--color--light-green-cyan: #7bdcb5;
  --wp--preset--color--vivid-green-cyan: #00d084;
  --wp--preset--color--pale-cyan-blue: #8ed1fc;
  --wp--preset--color--vivid-cyan-blue: #0693e3;
  --wp--preset--color--vivid-purple: #9b51e0;
  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
  --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
  --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
  --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
  --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
  --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
  --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
  --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
  --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
  --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
  --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
  --wp--preset--font-size--small: 13px;
  --wp--preset--font-size--medium: 20px;
  --wp--preset--font-size--large: 36px;
  --wp--preset--font-size--x-large: 42px;
  --wp--preset--font-family--inter: "Inter", sans-serif;
  --wp--preset--font-family--cardo: Cardo;
  --wp--preset--spacing--20: 0.44rem;
  --wp--preset--spacing--30: 0.67rem;
  --wp--preset--spacing--40: 1rem;
  --wp--preset--spacing--50: 1.5rem;
  --wp--preset--spacing--60: 2.25rem;
  --wp--preset--spacing--70: 3.38rem;
  --wp--preset--spacing--80: 5.06rem;
  --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
  --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
  --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}

:where(.is-layout-flex) {
  gap: 0.5em;
}

:where(.is-layout-grid) {
  gap: 0.5em;
}

body .is-layout-flex {
  display: flex;
}

.is-layout-flex {
  flex-wrap: wrap;
  align-items: center;
}

.is-layout-flex>:is(*, div) {
  margin: 0;
}

body .is-layout-grid {
  display: grid;
}

.is-layout-grid>:is(*, div) {
  margin: 0;
}

:where(.wp-block-columns.is-layout-flex) {
  gap: 2em;
}

:where(.wp-block-columns.is-layout-grid) {
  gap: 2em;
}

:where(.wp-block-post-template.is-layout-flex) {
  gap: 1.25em;
}

:where(.wp-block-post-template.is-layout-grid) {
  gap: 1.25em;
}

.has-black-color {
  color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-color {
  color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-color {
  color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-color {
  color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-color {
  color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-color {
  color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
  color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
  color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
  color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
  color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
  color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
  color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-background-color {
  background-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
  background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
  background-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-background-color {
  background-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-background-color {
  background-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
  background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
  background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
  background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
  background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
  background-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-border-color {
  border-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
  border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
  border-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-border-color {
  border-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-border-color {
  border-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
  border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
  border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
  border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
  border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
  border-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
  background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
  background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
  background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
  background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
  background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}

.has-cool-to-warm-spectrum-gradient-background {
  background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}

.has-blush-light-purple-gradient-background {
  background: var(--wp--preset--gradient--blush-light-purple) !important;
}

.has-blush-bordeaux-gradient-background {
  background: var(--wp--preset--gradient--blush-bordeaux) !important;
}

.has-luminous-dusk-gradient-background {
  background: var(--wp--preset--gradient--luminous-dusk) !important;
}

.has-pale-ocean-gradient-background {
  background: var(--wp--preset--gradient--pale-ocean) !important;
}

.has-electric-grass-gradient-background {
  background: var(--wp--preset--gradient--electric-grass) !important;
}

.has-midnight-gradient-background {
  background: var(--wp--preset--gradient--midnight) !important;
}

.has-small-font-size {
  font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
  font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
  font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
  font-size: var(--wp--preset--font-size--x-large) !important;
}

:where(.wp-block-post-template.is-layout-flex) {
  gap: 1.25em;
}

:where(.wp-block-post-template.is-layout-grid) {
  gap: 1.25em;
}

:where(.wp-block-columns.is-layout-flex) {
  gap: 2em;
}

:where(.wp-block-columns.is-layout-grid) {
  gap: 2em;
}

:root:where(.wp-block-pullquote) {
  font-size: 1.5em;
  line-height: 1.6;
}
</style>
<style id="vikinger-styles-inline-css" type="text/css">
:root {
  --font-primary: Rajdhani, sans-serif;
  --font-secondary: Titillium Web, sans-serif;
}

:root {
  --color-wplogin-body: #ffffff;
  --color-wplogin-body-rgb: 255, 255, 255;
  --color-wplogin-header-text: #ffffff;
  --color-wplogin-header-text-rgb: 255, 255, 255;
  --color-header-background: #615dfa;
  --color-header-background-rgb: 97, 93, 250;
  --color-header-logo-background: #00c7d9;
  --color-header-logo-background-rgb: 0, 199, 217;
  --color-header-text: #ffffff;
  --color-header-text-rgb: 255, 255, 255;
  --color-header-icon: #8b88ff;
  --color-header-icon-rgb: 139, 136, 255;
  --color-header-icon-hover: #ffffff;
  --color-header-icon-hover-rgb: 255, 255, 255;
  --color-header-profile-settings-icon: #ffffff;
  --color-header-profile-settings-icon-rgb: 255, 255, 255;
  --color-header-mobilemenu-trigger-icon: #ffffff;
  --color-header-mobilemenu-trigger-icon-rgb: 255, 255, 255;
  --color-header-divider: #7a77fd;
  --color-header-divider-rgb: 122, 119, 253;
  --color-header-input-background: #4e4ac8;
  --color-header-input-background-rgb: 78, 74, 200;
  --color-header-input-placeholder: #8b88ff;
  --color-header-input-placeholder-rgb: 139, 136, 255;
  --color-header-progressbar-line-gradient-start: #41efff;
  --color-header-progressbar-line-gradient-start-rgb: 65, 239, 255;
  --color-header-progressbar-line-gradient-end: #41efff;
  --color-header-progressbar-line-gradient-end-rgb: 65, 239, 255;
  --color-header-progressbar-underline: #4a46c8;
  --color-header-progressbar-underline-rgb: 74, 70, 200;
  --color-body: #f8f8fb;
  --color-body-rgb: 248, 248, 251;
  --color-box-background: #ffffff;
  --color-box-background-rgb: 255, 255, 255;
  --color-box-background-alt: #fcfcfd;
  --color-box-background-alt-rgb: 252, 252, 253;
  --color-box-over-box-background: #ffffff;
  --color-box-over-box-background-rgb: 255, 255, 255;
  --color-box-over-box-light-background: #ffffff;
  --color-box-over-box-light-background-rgb: 255, 255, 255;
  --color-box-highlight-background: #f7f7fb;
  --color-box-highlight-background-rgb: 247, 247, 251;
  --color-box-hover-background: #f2f2f9;
  --color-box-hover-background-rgb: 242, 242, 249;
  --color-box-shadow: 0 0 40px 0 rgba(94, 92, 154, .06);
  --color-overbox-shadow: 3px 5px 20px 0 rgba(94, 92, 154, .12);
  --color-overbox-dark-shadow: 0 0 40px 0 rgba(94, 92, 154, .12);
  --color-overbox-big-shadow: 3px 5px 40px 0 rgba(94, 92, 154, .1);
  --color-text: #3e3f5e;
  --color-text-rgb: 62, 63, 94;
  --color-text-alt: #8f91ac;
  --color-text-alt-rgb: 143, 145, 172;
  --color-text-alt-2: #adafca;
  --color-text-alt-2-rgb: 173, 175, 202;
  --color-icon: #adafca;
  --color-icon-rgb: 173, 175, 202;
  --color-icon-highlighted: #3e3f5e;
  --color-icon-highlighted-rgb: 62, 63, 94;
  --color-border: #dedeea;
  --color-border-rgb: 222, 222, 234;
  --color-divider: #eaeaf5;
  --color-divider-rgb: 234, 234, 245;
  --color-progressbar-line-gradient-start: #615dfa;
  --color-progressbar-line-gradient-start-rgb: 97, 93, 250;
  --color-progressbar-line-gradient-end: #41efff;
  --color-progressbar-line-gradient-end-rgb: 65, 239, 255;
  --color-progressbar-underline: #e7e8ee;
  --color-progressbar-underline-rgb: 231, 232, 238;
  --color-avatar-rank-hexagon: #45437f;
  --color-avatar-rank-hexagon-rgb: 69, 67, 127;
  --color-primary: #23d2e2;
  --color-primary-rgb: 35, 210, 226;
  --color-primary-hover: #1bc5d4;
  --color-primary-hover-rgb: 27, 197, 212;
  --color-primary-light: #41efff;
  --color-primary-light-rgb: 65, 239, 255;
  --color-primary-dark: #00c7d9;
  --color-primary-dark-rgb: 0, 199, 217;
  --color-primary-shadow: 4px 7px 12px 0 rgba(35, 210, 226, .2);
  --color-secondary: #615dfa;
  --color-secondary-rgb: 97, 93, 250;
  --color-secondary-hover: #5753e4;
  --color-secondary-hover-rgb: 87, 83, 228;
  --color-secondary-dark: #45437f;
  --color-secondary-dark-rgb: 69, 67, 127;
  --color-secondary-shadow: 4px 7px 12px 0 rgba(97, 93, 250, .2);
  --color-tertiary: #fd4350;
  --color-tertiary-rgb: 253, 67, 80;
  --color-tertiary-hover: #dd343f;
  --color-tertiary-hover-rgb: 221, 52, 63;
  --color-tertiary-shadow: 4px 7px 12px 0 rgba(253, 67, 80, .2);
  --color-loading-screen-background: #3e3f5e;
  --color-loading-screen-background-rgb: 62, 63, 94;
  --color-loading-bar-1: #615dfa;
  --color-loading-bar-1-rgb: 97, 93, 250;
  --color-loading-bar-2: #5d71fb;
  --color-loading-bar-2-rgb: 93, 113, 251;
  --color-loading-bar-3: #5983fb;
  --color-loading-bar-3-rgb: 89, 131, 251;
  --color-loading-bar-4: #549afc;
  --color-loading-bar-4-rgb: 84, 154, 252;
  --color-loading-bar-5: #4eb2fd;
  --color-loading-bar-5-rgb: 78, 178, 253;
  --color-loading-bar-6: #49c9fe;
  --color-loading-bar-6-rgb: 73, 201, 254;
  --color-loading-bar-7: #45ddfe;
  --color-loading-bar-7-rgb: 69, 221, 254;
  --color-loading-bar-8: #41efff;
  --color-loading-bar-8-rgb: 65, 239, 255;
  --color-overlay: rgba(21, 21, 31, .96);
  ;
  --color-notice-overlay-background-primary: rgba(35, 210, 226, .14);
  --color-notice-overlay-background-secondary: rgba(97, 93, 250, .14);
  --color-notice-overlay-background-tertiary: rgba(253, 67, 80, .14);
  --color-avatar-overlay-background: rgba(97, 93, 250, .9);
  --footer-navigation-display-mobile: none;
}
</style>
<style id="pmpro_colors">
:root {
  --pmpro--color--base: #ffffff;
  --pmpro--color--contrast: #222222;
  --pmpro--color--accent: #0c3d54;
  --pmpro--color--accent--variation: hsl(199, 75%, 28.5%);
  --pmpro--color--border--variation: hsl(0, 0%, 91%);
}
</style>
<meta name="generator"
content="Elementor 3.25.10; features: additional_custom_breakpoints, e_optimized_control_loading; settings: css_print_method-external, google_font-enabled, font_display-auto">
<style>
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
  background-image: none !important;
}

@media screen and (max-height: 1024px) {

  .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
  .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
      background-image: none !important;
  }
}

@media screen and (max-height: 640px) {

  .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
  .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
      background-image: none !important;
  }
}
</style>
<style type="text/css" id="wp-custom-css">
textarea {
  word-break: break-word;
}

.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
  vertical-align: middle;
}
</style>
<style type="text/css">
.vue-slider-dot {
  position: absolute;
  will-change: transform;
  -webkit-transition: all 0s;
  transition: all 0s;
  z-index: 5
}

.vue-slider-dot-tooltip {
  position: absolute;
  visibility: hidden
}

.vue-slider-dot-tooltip-show {
  visibility: visible
}

.vue-slider-dot-tooltip-top {
  top: -10px;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%)
}

.vue-slider-dot-tooltip-bottom {
  bottom: -10px;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%)
}

.vue-slider-dot-tooltip-left {
  left: -10px;
  top: 50%;
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%)
}

.vue-slider-dot-tooltip-right {
  right: -10px;
  top: 50%;
  -webkit-transform: translate(100%, -50%);
  transform: translate(100%, -50%)
}
</style>
<style type="text/css">
.vue-slider-marks {
  position: relative;
  width: 100%;
  height: 100%
}

.vue-slider-mark {
  position: absolute;
  z-index: 1
}

.vue-slider-ltr .vue-slider-mark,
.vue-slider-rtl .vue-slider-mark {
  width: 0;
  height: 100%;
  top: 50%
}

.vue-slider-ltr .vue-slider-mark-step,
.vue-slider-rtl .vue-slider-mark-step {
  top: 0
}

.vue-slider-ltr .vue-slider-mark-label,
.vue-slider-rtl .vue-slider-mark-label {
  top: 100%;
  margin-top: 10px
}

.vue-slider-ltr .vue-slider-mark {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.vue-slider-ltr .vue-slider-mark-step {
  left: 0
}

.vue-slider-ltr .vue-slider-mark-label {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.vue-slider-rtl .vue-slider-mark {
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%)
}

.vue-slider-rtl .vue-slider-mark-step {
  right: 0
}

.vue-slider-rtl .vue-slider-mark-label {
  right: 50%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%)
}

.vue-slider-btt .vue-slider-mark,
.vue-slider-ttb .vue-slider-mark {
  width: 100%;
  height: 0;
  left: 50%
}

.vue-slider-btt .vue-slider-mark-step,
.vue-slider-ttb .vue-slider-mark-step {
  left: 0
}

.vue-slider-btt .vue-slider-mark-label,
.vue-slider-ttb .vue-slider-mark-label {
  left: 100%;
  margin-left: 10px
}

.vue-slider-btt .vue-slider-mark {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%)
}

.vue-slider-btt .vue-slider-mark-step {
  top: 0
}

.vue-slider-btt .vue-slider-mark-label {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.vue-slider-ttb .vue-slider-mark {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.vue-slider-ttb .vue-slider-mark-step {
  bottom: 0
}

.vue-slider-ttb .vue-slider-mark-label {
  bottom: 50%;
  -webkit-transform: translateY(50%);
  transform: translateY(50%)
}

.vue-slider-mark-label,
.vue-slider-mark-step {
  position: absolute
}
</style>
<style type="text/css">
.vue-slider {
  position: relative;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  -ms-touch-action: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.vue-slider-disabled {
  pointer-events: none
}

.vue-slider-rail {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition-property: width, height, left, right, top, bottom;
  transition-property: width, height, left, right, top, bottom
}

.vue-slider-process {
  position: absolute;
  z-index: 1
}

.vue-slider-sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute !important
}
</style>
<style type="text/css">
/* component style */

.vue-slider-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* rail style */

.vue-slider-rail {
  background-color: #ccc;
  border-radius: 15px;
}

/* process style */

.vue-slider-process {
  background-color: #3498db;
  border-radius: 15px;
}

/* mark style */

.vue-slider-mark {
  z-index: 4;
}

.vue-slider-mark:first-child .vue-slider-mark-step,
.vue-slider-mark:last-child .vue-slider-mark-step {
  display: none;
}

.vue-slider-mark-step {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.16);
}

.vue-slider-mark-label {
  font-size: 14px;
  white-space: nowrap;
}

/* dot style */

.vue-slider-dot-handle {
  cursor: pointer;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32);
}

.vue-slider-dot-handle-focus {
  box-shadow: 0px 0px 1px 2px rgba(52, 152, 219, 0.36);
}

.vue-slider-dot-handle-disabled {
  cursor: not-allowed;
  background-color: #ccc;
}

.vue-slider-dot-tooltip-inner {
  font-size: 14px;
  white-space: nowrap;
  padding: 2px 5px;
  min-width: 20px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  border-color: #3498db;
  background-color: #3498db;
  box-sizing: content-box;
}

.vue-slider-dot-tooltip-inner::after {
  content: "";
  position: absolute;
}

.vue-slider-dot-tooltip-inner-top::after {
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-top-color: inherit;
}

.vue-slider-dot-tooltip-inner-bottom::after {
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-bottom-color: inherit;
}

.vue-slider-dot-tooltip-inner-left::after {
  left: 100%;
  top: 50%;
  transform: translate(0, -50%);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-left-color: inherit;
}

.vue-slider-dot-tooltip-inner-right::after {
  right: 100%;
  top: 50%;
  transform: translate(0, -50%);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-right-color: inherit;
}

.vue-slider-dot-tooltip-wrapper {
  opacity: 0;
  transition: all 0.3s;
}

.vue-slider-dot-tooltip-wrapper-show {
  opacity: 1;
}
</style>
<style type="text/css">
.Main__controls_1d7bsga8[data-v-10465fb6] {
  width: 100%;
  max-width: 510px;
  position: fixed;
  padding: 0px 11px;
  user-select: none;
  z-index: 10000000;
  background: white;
  border: 2px solid black;
  display: flex;
  flex-direction: row;
  align-items: center
}

.Main__controls_1d7bsga8 .Main__play-btn-wrap_x5pQSEfb[data-v-10465fb6] {
  margin: 0 0px
}

.Main__controls_1d7bsga8 .Main__play-btn-wrap_x5pQSEfb div[data-v-10465fb6] {
  cursor: pointer;
  height: 32px;
  width: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center
}

.Main__controls_1d7bsga8 .Main__play-btn-wrap_x5pQSEfb svg[data-v-10465fb6] {
  width: 14px;
  height: auto;
  cursor: pointer
}

.Main__controls_1d7bsga8 .Main__controls-wrap_3U3nEvol[data-v-10465fb6] {
  display: flex;
  flex-direction: row;
  flex: 1;
  padding: 8px 0;
  align-items: center
}

.Main__controls_1d7bsga8 .Main__controls-wrap_3U3nEvol .Main__time_IdhjO9hP[data-v-10465fb6] {
  white-space: nowrap;
  margin-right: 10px;
  margin-left: 2px;
  font-size: 10px;
  font-family: 'Didact Gothic'
}

.Main__controls_1d7bsga8 .Main__controls-wrap_3U3nEvol .Main__progress_PWbxBj3c[data-v-10465fb6] {
  margin: 0 5px;
  max-width: 343px;
  flex-shrink: unset;
  width: 100%
}

.Main__controls_1d7bsga8 .Main__controls-wrap_3U3nEvol .Main__duration_2uU0QLly[data-v-10465fb6] {
  margin-left: 5px;
  margin-right: 5px;
  font-size: 10px;
  font-family: 'Didact Gothic'
}

.Main__controls_1d7bsga8 .Main__controls-wrap_3U3nEvol .Main__volume_2sFz3dVC[data-v-10465fb6] {
  flex-shrink: unset;
  margin: 0 5px;
  width: 100px
}

.Main__tl_2eCs-W85[data-v-10465fb6] {
  top: 15%;
  right: calc(100% - 38px);
  padding-right: 3px
}

.Main__tl_2eCs-W85 .Main__play-btn-wrap_x5pQSEfb div[data-v-10465fb6] {
  margin-left: 5px
}

.Main__tl_2eCs-W85[data-v-10465fb6]:hover {
  right: unset;
  left: -4px;
  padding-right: 11px;
  padding-left: 0px
}

.Main__tl_2eCs-W85:hover .Main__play-btn-wrap_x5pQSEfb[data-v-10465fb6] {
  order: 0
}

.Main__tl_2eCs-W85:hover .Main__play-btn-wrap_x5pQSEfb div[data-v-10465fb6] {
  padding-left: 5px;
  margin-left: unset
}

.Main__tl_2eCs-W85 .Main__play-btn-wrap_x5pQSEfb[data-v-10465fb6] {
  order: 1
}

.Main__bl_3NKsjgYi[data-v-10465fb6] {
  bottom: 15%;
  right: calc(100% - 38px);
  padding-right: 3px
}

.Main__bl_3NKsjgYi .Main__play-btn-wrap_x5pQSEfb div[data-v-10465fb6] {
  margin-left: 5px
}

.Main__bl_3NKsjgYi[data-v-10465fb6]:hover {
  right: unset;
  left: -4px;
  padding-right: 11px;
  padding-left: 0px
}

.Main__bl_3NKsjgYi:hover .Main__play-btn-wrap_x5pQSEfb[data-v-10465fb6] {
  order: 0
}

.Main__bl_3NKsjgYi:hover .Main__play-btn-wrap_x5pQSEfb div[data-v-10465fb6] {
  padding-left: 5px;
  margin-left: unset
}

.Main__bl_3NKsjgYi .Main__play-btn-wrap_x5pQSEfb[data-v-10465fb6] {
  order: 1
}

.Main__tr_3I2WpakI[data-v-10465fb6] {
  top: 15%;
  left: calc(100% - 38px);
  padding-left: 3px
}

.Main__tr_3I2WpakI .Main__play-btn-wrap_x5pQSEfb div[data-v-10465fb6] {
  margin-right: 5px
}

.Main__tr_3I2WpakI[data-v-10465fb6]:hover {
  left: unset;
  right: -4px;
  padding-right: 5px;
  padding-left: 11px
}

.Main__tr_3I2WpakI:hover .Main__play-btn-wrap_x5pQSEfb[data-v-10465fb6] {
  order: 1;
  margin-left: 10px
}

.Main__tr_3I2WpakI:hover .Main__play-btn-wrap_x5pQSEfb div[data-v-10465fb6] {
  margin-right: unset
}

.Main__tr_3I2WpakI .Main__play-btn-wrap_x5pQSEfb[data-v-10465fb6] {
  order: 0
}

.Main__br_1ErROjdI[data-v-10465fb6] {
  bottom: 15%;
  left: calc(100% - 38px);
  padding-left: 3px
}

.Main__br_1ErROjdI .Main__play-btn-wrap_x5pQSEfb div[data-v-10465fb6] {
  margin-right: 5px
}

.Main__br_1ErROjdI[data-v-10465fb6]:hover {
  left: unset;
  right: -4px;
  padding-right: 5px;
  padding-left: 11px
}

.Main__br_1ErROjdI:hover .Main__play-btn-wrap_x5pQSEfb[data-v-10465fb6] {
  order: 1;
  margin-left: 10px
}

.Main__br_1ErROjdI:hover .Main__play-btn-wrap_x5pQSEfb div[data-v-10465fb6] {
  margin-right: unset
}

.Main__br_1ErROjdI .Main__play-btn-wrap_x5pQSEfb[data-v-10465fb6] {
  order: 0
}
</style>
<style type="text/css">
.vue-slider-process,
.vue-slider-dot {
  transition: none !important
}

.vue-slider {
  cursor: pointer
}

.vue-slider-dot-tooltip {
  display: none !important
}

.vue-slider-dot {
  background: black !important;
  border-radius: 50%;
  box-shadow: none;
  height: 12px !important;
  width: 12px !important
}

.vue-slider-dot-handle {
  background: transparent !important;
  box-shadow: none
}

.vue-slider-rail {
  background: #f2f2f2 !important
}

.vue-slider-process {
  background: black !important
}

.vue-slider {
  height: 2px !important
}
</style>
<style type="text/css">
.vue-slider-dot {
  position: absolute;
  will-change: transform;
  -webkit-transition: all 0s;
  transition: all 0s;
  z-index: 5
}

.vue-slider-dot-tooltip {
  position: absolute;
  visibility: hidden
}

.vue-slider-dot-tooltip-show {
  visibility: visible
}

.vue-slider-dot-tooltip-top {
  top: -10px;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%)
}

.vue-slider-dot-tooltip-bottom {
  bottom: -10px;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%)
}

.vue-slider-dot-tooltip-left {
  left: -10px;
  top: 50%;
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%)
}

.vue-slider-dot-tooltip-right {
  right: -10px;
  top: 50%;
  -webkit-transform: translate(100%, -50%);
  transform: translate(100%, -50%)
}
</style>
<style type="text/css">
.vue-slider-marks {
  position: relative;
  width: 100%;
  height: 100%
}

.vue-slider-mark {
  position: absolute;
  z-index: 1
}

.vue-slider-ltr .vue-slider-mark,
.vue-slider-rtl .vue-slider-mark {
  width: 0;
  height: 100%;
  top: 50%
}

.vue-slider-ltr .vue-slider-mark-step,
.vue-slider-rtl .vue-slider-mark-step {
  top: 0
}

.vue-slider-ltr .vue-slider-mark-label,
.vue-slider-rtl .vue-slider-mark-label {
  top: 100%;
  margin-top: 10px
}

.vue-slider-ltr .vue-slider-mark {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.vue-slider-ltr .vue-slider-mark-step {
  left: 0
}

.vue-slider-ltr .vue-slider-mark-label {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.vue-slider-rtl .vue-slider-mark {
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%)
}

.vue-slider-rtl .vue-slider-mark-step {
  right: 0
}

.vue-slider-rtl .vue-slider-mark-label {
  right: 50%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%)
}

.vue-slider-btt .vue-slider-mark,
.vue-slider-ttb .vue-slider-mark {
  width: 100%;
  height: 0;
  left: 50%
}

.vue-slider-btt .vue-slider-mark-step,
.vue-slider-ttb .vue-slider-mark-step {
  left: 0
}

.vue-slider-btt .vue-slider-mark-label,
.vue-slider-ttb .vue-slider-mark-label {
  left: 100%;
  margin-left: 10px
}

.vue-slider-btt .vue-slider-mark {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%)
}

.vue-slider-btt .vue-slider-mark-step {
  top: 0
}

.vue-slider-btt .vue-slider-mark-label {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.vue-slider-ttb .vue-slider-mark {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.vue-slider-ttb .vue-slider-mark-step {
  bottom: 0
}

.vue-slider-ttb .vue-slider-mark-label {
  bottom: 50%;
  -webkit-transform: translateY(50%);
  transform: translateY(50%)
}

.vue-slider-mark-label,
.vue-slider-mark-step {
  position: absolute
}
</style>
<style type="text/css">
.vue-slider {
  position: relative;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  -ms-touch-action: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.vue-slider-disabled {
  pointer-events: none
}

.vue-slider-rail {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition-property: width, height, left, right, top, bottom;
  transition-property: width, height, left, right, top, bottom
}

.vue-slider-process {
  position: absolute;
  z-index: 1
}

.vue-slider-sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  overflow: hidden;
  position: absolute !important
}
</style>
<style type="text/css">
/* component style */

.vue-slider-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* rail style */

.vue-slider-rail {
  background-color: #ccc;
  border-radius: 15px;
}

/* process style */

.vue-slider-process {
  background-color: #3498db;
  border-radius: 15px;
}

/* mark style */

.vue-slider-mark {
  z-index: 4;
}

.vue-slider-mark:first-child .vue-slider-mark-step,
.vue-slider-mark:last-child .vue-slider-mark-step {
  display: none;
}

.vue-slider-mark-step {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.16);
}

.vue-slider-mark-label {
  font-size: 14px;
  white-space: nowrap;
}

/* dot style */

.vue-slider-dot-handle {
  cursor: pointer;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32);
}

.vue-slider-dot-handle-focus {
  box-shadow: 0px 0px 1px 2px rgba(52, 152, 219, 0.36);
}

.vue-slider-dot-handle-disabled {
  cursor: not-allowed;
  background-color: #ccc;
}

.vue-slider-dot-tooltip-inner {
  font-size: 14px;
  white-space: nowrap;
  padding: 2px 5px;
  min-width: 20px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  border-color: #3498db;
  background-color: #3498db;
  box-sizing: content-box;
}

.vue-slider-dot-tooltip-inner::after {
  content: "";
  position: absolute;
}

.vue-slider-dot-tooltip-inner-top::after {
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-top-color: inherit;
}

.vue-slider-dot-tooltip-inner-bottom::after {
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-bottom-color: inherit;
}

.vue-slider-dot-tooltip-inner-left::after {
  left: 100%;
  top: 50%;
  transform: translate(0, -50%);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-left-color: inherit;
}

.vue-slider-dot-tooltip-inner-right::after {
  right: 100%;
  top: 50%;
  transform: translate(0, -50%);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-right-color: inherit;
}

.vue-slider-dot-tooltip-wrapper {
  opacity: 0;
  transition: all 0.3s;
}

.vue-slider-dot-tooltip-wrapper-show {
  opacity: 1;
}
</style>
<style type="text/css">
.Main__controls_1d7bsga8[data-v-10465fb6] {
  width: 100%;
  max-width: 510px;
  position: fixed;
  padding: 0px 11px;
  user-select: none;
  z-index: 10000000;
  background: white;
  border: 2px solid black;
  display: flex;
  flex-direction: row;
  align-items: center
}

.Main__controls_1d7bsga8 .Main__play-btn-wrap_x5pQSEfb[data-v-10465fb6] {
  margin: 0 0px
}

.Main__controls_1d7bsga8 .Main__play-btn-wrap_x5pQSEfb div[data-v-10465fb6] {
  cursor: pointer;
  height: 32px;
  width: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center
}

.Main__controls_1d7bsga8 .Main__play-btn-wrap_x5pQSEfb svg[data-v-10465fb6] {
  width: 14px;
  height: auto;
  cursor: pointer
}

.Main__controls_1d7bsga8 .Main__controls-wrap_3U3nEvol[data-v-10465fb6] {
  display: flex;
  flex-direction: row;
  flex: 1;
  padding: 8px 0;
  align-items: center
}

.Main__controls_1d7bsga8 .Main__controls-wrap_3U3nEvol .Main__time_IdhjO9hP[data-v-10465fb6] {
  white-space: nowrap;
  margin-right: 10px;
  margin-left: 2px;
  font-size: 10px;
  font-family: 'Didact Gothic'
}

.Main__controls_1d7bsga8 .Main__controls-wrap_3U3nEvol .Main__progress_PWbxBj3c[data-v-10465fb6] {
  margin: 0 5px;
  max-width: 343px;
  flex-shrink: unset;
  width: 100%
}

.Main__controls_1d7bsga8 .Main__controls-wrap_3U3nEvol .Main__duration_2uU0QLly[data-v-10465fb6] {
  margin-left: 5px;
  margin-right: 5px;
  font-size: 10px;
  font-family: 'Didact Gothic'
}

.Main__controls_1d7bsga8 .Main__controls-wrap_3U3nEvol .Main__volume_2sFz3dVC[data-v-10465fb6] {
  flex-shrink: unset;
  margin: 0 5px;
  width: 100px
}

.Main__tl_2eCs-W85[data-v-10465fb6] {
  top: 15%;
  right: calc(100% - 38px);
  padding-right: 3px
}

.Main__tl_2eCs-W85 .Main__play-btn-wrap_x5pQSEfb div[data-v-10465fb6] {
  margin-left: 5px
}

.Main__tl_2eCs-W85[data-v-10465fb6]:hover {
  right: unset;
  left: -4px;
  padding-right: 11px;
  padding-left: 0px
}

.Main__tl_2eCs-W85:hover .Main__play-btn-wrap_x5pQSEfb[data-v-10465fb6] {
  order: 0
}

.Main__tl_2eCs-W85:hover .Main__play-btn-wrap_x5pQSEfb div[data-v-10465fb6] {
  padding-left: 5px;
  margin-left: unset
}

.Main__tl_2eCs-W85 .Main__play-btn-wrap_x5pQSEfb[data-v-10465fb6] {
  order: 1
}

.Main__bl_3NKsjgYi[data-v-10465fb6] {
  bottom: 15%;
  right: calc(100% - 38px);
  padding-right: 3px
}

.Main__bl_3NKsjgYi .Main__play-btn-wrap_x5pQSEfb div[data-v-10465fb6] {
  margin-left: 5px
}

.Main__bl_3NKsjgYi[data-v-10465fb6]:hover {
  right: unset;
  left: -4px;
  padding-right: 11px;
  padding-left: 0px
}

.Main__bl_3NKsjgYi:hover .Main__play-btn-wrap_x5pQSEfb[data-v-10465fb6] {
  order: 0
}

.Main__bl_3NKsjgYi:hover .Main__play-btn-wrap_x5pQSEfb div[data-v-10465fb6] {
  padding-left: 5px;
  margin-left: unset
}

.Main__bl_3NKsjgYi .Main__play-btn-wrap_x5pQSEfb[data-v-10465fb6] {
  order: 1
}

.Main__tr_3I2WpakI[data-v-10465fb6] {
  top: 15%;
  left: calc(100% - 38px);
  padding-left: 3px
}

.Main__tr_3I2WpakI .Main__play-btn-wrap_x5pQSEfb div[data-v-10465fb6] {
  margin-right: 5px
}

.Main__tr_3I2WpakI[data-v-10465fb6]:hover {
  left: unset;
  right: -4px;
  padding-right: 5px;
  padding-left: 11px
}

.Main__tr_3I2WpakI:hover .Main__play-btn-wrap_x5pQSEfb[data-v-10465fb6] {
  order: 1;
  margin-left: 10px
}

.Main__tr_3I2WpakI:hover .Main__play-btn-wrap_x5pQSEfb div[data-v-10465fb6] {
  margin-right: unset
}

.Main__tr_3I2WpakI .Main__play-btn-wrap_x5pQSEfb[data-v-10465fb6] {
  order: 0
}

.Main__br_1ErROjdI[data-v-10465fb6] {
  bottom: 15%;
  left: calc(100% - 38px);
  padding-left: 3px
}

.Main__br_1ErROjdI .Main__play-btn-wrap_x5pQSEfb div[data-v-10465fb6] {
  margin-right: 5px
}

.Main__br_1ErROjdI[data-v-10465fb6]:hover {
  left: unset;
  right: -4px;
  padding-right: 5px;
  padding-left: 11px
}

.Main__br_1ErROjdI:hover .Main__play-btn-wrap_x5pQSEfb[data-v-10465fb6] {
  order: 1;
  margin-left: 10px
}

.Main__br_1ErROjdI:hover .Main__play-btn-wrap_x5pQSEfb div[data-v-10465fb6] {
  margin-right: unset
}

.Main__br_1ErROjdI .Main__play-btn-wrap_x5pQSEfb[data-v-10465fb6] {
  order: 0
}
</style>
<style>
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/DDenhzk1Dhuz.woff2') format('woff2'),
      url('fonts/bVDZxYzDmivm.woff') format('woff'),
      url('fonts/beXEvkKYfQuD.ttf') format('truetype');
}

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

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

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

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

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('fonts/x0qEONPEB4pO.woff2') format('woff2'),
      url('fonts/F1ubFA0E48zf.woff') format('woff'),
      url('fonts/1XQSPD3tMc0F.ttf') format('truetype');
}
</style>
<style>
.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.collapse {
  visibility: collapse;
}

.\!static {
  position: static !important;
}

.static {
  position: static;
}

.\!fixed {
  position: fixed !important;
}

.fixed {
  position: fixed;
}

.\!absolute {
  position: absolute !important;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0;
}

.inset-x-0 {
  left: 0;
  right: 0;
}

.inset-x-4 {
  left: 1rem;
  right: 1rem;
}

search .mat-mdc-card-content .gam-game-card {
  margin-bottom: 20px
}

.pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 500
}

.blog .pagination {
  margin-top: 10px;
  margin-bottom: 15px
}

.gam-game-button-rec {
  background-color: #24A1DE;
  color: #fff;
  padding: 0 12px;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 5px 6px 5px
}

.p-24-ob {
  padding: 10px !important
}

.img-ob {
  max-width: 100%;
  width: 100%;
  display: block;
  max-height: 155px;
  object-fit: cover;
  border-radius: 8px
}

.text-con {
  text-wrap-style: balance
}

.bg-light-ob {
  background-color: #347cdb !important
}

.cmLmjB {
  position: relative;
  margin-bottom: 1em;
  border-radius: .2em;
  padding: 1.44em;
  color: #fff;
  background: #0085db
}

.gxrFAQ {
  width: calc(100% - 2em);
  font-size: 1.57em;
  margin-bottom: .7em;
  line-height: 1.3em;
  letter-spacing: .02em
}

.efpFwW {
  width: calc(100% - 5em);
  margin-bottom: 1em;
  line-height: 1.5em;
  font-size: 1em
}

.jlzApG {
  display: inline-block;
  border-radius: .2em;
  color: #000;
  font-weight: 500;
  height: fit-content;
  padding: .7em 1.5em !important;
  background: #ffffff !important
}

.jlzApG svg {
  margin-left: .8em;
  vertical-align: middle
}

.profile-position-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.jlzApG svg path {
  fill: #000
}

.dLeLmA {
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: 46%;
}

@media screen and (max-width: 1200px) {
  .cmLmjB {
      padding: 1.44em 1em;
      font-size: .92em
  }
}

@media screen and (max-width: 991px) {
  .gxrFAQ {
      margin-bottom: .5em
  }
}

@media screen and (max-width: 450px) {
  .gxrFAQ {
      width: calc(100% - 4em)
  }
}

@media screen and (max-width: 990px) {
  .efpFwW {
      width: fit-content;
      margin-bottom: 0
  }
}

@media screen and (max-width: 730px) {
  .efpFwW {
      width: calc(100% - 10em)
  }
}

@media screen and (max-width: 800px) {
  .stati .efpFwW {
      width: calc(100% - 10em);
      margin-bottom: 0
  }
}

@media screen and (max-width: 700px) {
  .efpFwW {
      margin-bottom: 1em
  }
}

@media screen and (max-width: 991px) {
  .jlzApG {
      padding: .5em 0.86em !important
  }
}

@media screen and (max-width: 990px) {
  .jlzApG {
      margin-left: 0;
      margin-top: 10px
  }
}

@media screen and (max-width: 730px) {
  .jlzApG {
      margin-left: 0
  }
}

@media screen and (max-width: 990px) {
  .dLeLmA {
      height: 100%
  }
}

@media screen and (max-width: 480px) {
  .dLeLmA {
      height: 80%
  }
}

@media screen and (max-width: 390px) {
  .dLeLmA {
      height: 70%
  }
}

@media screen and (max-width: 480px) {
  .row .m-t-20 .col-10 {
      flex: 0 0 100%;
      max-width: 100%
  }
}

.mdc-data-table__content tr td .gam-game-button {
  justify-content: center
}

.mdc-data-table {
  width: 100%
}

.category .gam-games-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr))
}

@media screen and (max-width: 840px) {
  .category .gam-games-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media screen and (max-width: 600px) {
  .category .gam-games-grid {
      grid-template-columns: repeat(1, minmax(0, 1fr))
  }
}

.category .gam-game-button {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center
}

.category .gam-game-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 15px;
  width: 100%
}

.wpcf7-form-control {
  width: 100%;
  padding: 12px;
  margin: 10px 0;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 16px;
  color: #333;
  background-color: #f0f5f9;
  transition: border-color 0.3s, box-shadow 0.3s;
  outline: none;
  font-family: Gilroy;
  font-size: 14px
}

.wpcf7-submit {
  cursor: pointer;
  background-color: #0085db;
  color: #fff;
  font-weight: 500
}

.wpcf7-response-output {
  margin: 0 !important;
  padding: 10px 15px 10px 15px !important;
  font-family: 'Gilroy' !important;
  border: 1px solid #0085db !important
}

.wpcf7-spinner {
  position: absolute;
  opacity: 0
}

@media screen and (max-width: 360px) {
  .dLeLmA {
      height: 50%
  }
}

.stati p {
  font-size: 16px
}

.stati .dLeLmA {
  height: 100%
}

@media screen and (max-width: 600px) {
  .stati .dLeLmA {
      height: 90%
  }
}

@media screen and (max-width: 600px) {
  .stati .dLeLmA {
      height: 80%
  }
}

@media screen and (max-width: 500px) {
  .stati .dLeLmA {
      height: 70%
  }
}

@media screen and (max-width: 470px) {
  .stati .dLeLmA {
      display: none
  }
}

@media screen and (max-width: 470px) {
  .stati .efpFwW {
      width: 100%
  }
}

@media screen and (min-width: 1024px) {

  .pum-theme-53 .pum-content+.pum-close,
  .pum-theme-lightbox .pum-content+.pum-close {
      position: absolute;
      height: 26px;
      width: 26px;
      left: auto;
      right: 55px;
      bottom: auto;
      top: 120px;
      padding: 0;
      color: #fff;
      font-family: Arial;
      font-weight: 100;
      font-size: 24px;
      line-height: 24px;
      border: 2px solid #fff;
      border-radius: 26px;
      box-shadow: 0 0 15px 1px rgb(2 2 2 / .75);
      text-shadow: 0 0 0 rgb(0 0 0 / .23);
      background-color: #0086de
  }
}

@media screen and (max-width: 1400px) {

  .pum-theme-53 .pum-content+.pum-close,
  .pum-theme-lightbox .pum-content+.pum-close {
      right: 55px;
      top: 80px
  }
}

@media screen and (max-width: 1140px) {

  .pum-theme-53 .pum-content+.pum-close,
  .pum-theme-lightbox .pum-content+.pum-close {
      right: 55px;
      top: 50px
  }
}

@media screen and (max-width: 1024px) {

  .pum-theme-53 .pum-content+.pum-close,
  .pum-theme-lightbox .pum-content+.pum-close {
      right: 55px;
      top: 120px;
      background-color: #0086de
  }
}

@media screen and (max-width: 900px) {

  .pum-theme-53 .pum-content+.pum-close,
  .pum-theme-lightbox .pum-content+.pum-close {
      right: 55px;
      top: 60px;
      background-color: #0086de;
      height: 34px;
      width: 34px;
      font-size: 32px
  }
}

@media screen and (max-width: 740px) {

  .pum-theme-53 .pum-content+.pum-close,
  .pum-theme-lightbox .pum-content+.pum-close {
      right: 55px;
      top: 20px;
      background-color: #0086de
  }
}

@media screen and (max-width: 520px) {

  .pum-theme-53 .pum-content+.pum-close,
  .pum-theme-lightbox .pum-content+.pum-close {
      right: 45px;
      top: 20px;
      background-color: #0086de
  }
}

@media screen and (max-width: 460px) {

  .pum-theme-53 .pum-content+.pum-close,
  .pum-theme-lightbox .pum-content+.pum-close {
      right: 45px;
      top: 0;
      background-color: #0086de
  }
}

@media screen and (max-width: 378px) {
  .but-con {
      height: 47px !important
  }
}

@media screen and (max-width: 450px) {
  .img-con {
      position: relative;
      right: 56px
  }
}

.breadcrumb-item {
  position: relative;
  top: 2px
}

@media screen and (max-width: 640px) {
  .mat-mdc-card-content-index {
      padding: 0 4px !important;
      margin-top: 10px !important
  }
}

@media screen and (max-width: 640px) {
  .mat-mdc-card-header-index {
      padding: 30px 20px 0 !important
  }
}

.mat-mdc-card-header-ruc {
  padding: 30px 25px 0 !important
}

.scr {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.mat-mdc-card {
  flex-grow: 1
}

.flex-block-stati {
  display: flex
}

@media screen and (max-width: 590px) {
  .height-stati {
      height: 400px
  }
}

@media screen and (max-width: 480px) {
  .gam-game-card-single .gam-game-button {
      width: 100% !important;
      justify-content: center !important
  }

  .gam-game-card-single .gam-game-info {
      flex-wrap: wrap !important
  }
}

#ez-toc-container {
  background: #ffffff !important;
  border: 1px solid #0085db !important;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / .05);
  box-shadow: 0 1px 1px rgb(0 0 0 / .05);
  display: table;
  margin-bottom: 1em;
  padding: 15px 20px 15px 20px !important;
  position: relative;
  width: 100%
}

.grid-stati-dr-news {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px
}

@media screen and (max-width: 920px) {
  .grid-stati-dr-news {
      grid-template-columns: repeat(1, 1fr)
  }
}

.two {
  display: flex;
  flex-wrap: wrap;
  gap: 10px
}

.two img {
  flex: 1
}


blockquote {
  background-color: #28a745;
  color: #fff;
  font-style: italic;
  padding: 10px 20px 10px 20px;
  margin: 0
}

blockquote p {
  color: #fff !important;
}

.social-share {
  display: flex;
  gap: 10px;
  margin-right: auto;
  color: #fff;
  justify-content: center;
  align-items: center;
  font-weight: 500
}

.inset-x-\[-1000\%\] {
  left: -1000%;
  right: -1000%;
}

.inset-y-0 {
  bottom: 0;
  top: 0;
}

.\!-bottom-0 {
  bottom: 0 !important;
}

.\!-right-2 {
  right: -.5rem !important;
}

.\!left-10 {
  left: 2.5rem !important;
}

.\!left-2 {
  left: .5rem !important;
}

.\!left-5 {
  left: 1.25rem !important;
}

.\!left-6 {
  left: 1.5rem !important;
}

.\!right-3 {
  right: .75rem !important;
}

.-bottom-0\.5 {
  bottom: -.125rem;
}

.-bottom-1 {
  bottom: -.25rem;
}

.-bottom-1\.5 {
  bottom: -.375rem;
}

.-bottom-11 {
  bottom: -2.75rem;
}

.-bottom-12 {
  bottom: -3rem;
}

.-bottom-2 {
  bottom: -.5rem;
}

.-bottom-3 {
  bottom: -.75rem;
}

.-bottom-4 {
  bottom: -1rem;
}

.-bottom-40 {
  bottom: -10rem;
}

.-bottom-5 {
  bottom: -1.25rem;
}

.-bottom-7 {
  bottom: -1.75rem;
}

.-bottom-9 {
  bottom: -2.25rem;
}

.-left-0\.5 {
  left: -.125rem;
}

.-left-1 {
  left: -.25rem;
}

.-left-1\.5 {
  left: -.375rem;
}

.-left-10 {
  left: -2.5rem;
}

.-left-100 {
  left: -400px;
}

.-left-2 {
  left: -.5rem;
}

.-left-5 {
  left: -1.25rem;
}

.-left-full {
  left: -100%;
}

.-right-0\.5 {
  right: -.125rem;
}

.-right-1 {
  right: -.25rem;
}

.-right-10 {
  right: -2.5rem;
}

.-right-11 {
  right: -2.75rem;
}

.-right-12 {
  right: -3rem;
}

.-right-16 {
  right: -4rem;
}

.-right-2 {
  right: -.5rem;
}

.-right-2\.5 {
  right: -.625rem;
}

.-right-20 {
  right: -5rem;
}

.-right-3 {
  right: -.75rem;
}

.-right-4 {
  right: -1rem;
}

.-right-7 {
  right: -1.75rem;
}

.-right-8 {
  right: -2rem;
}

.-right-9 {
  right: -2.25rem;
}

.-top-0\.5 {
  top: -.125rem;
}

.-top-1 {
  top: -.25rem;
}

.-top-1\.5 {
  top: -.375rem;
}

.-top-10 {
  top: -2.5rem;
}

.-top-100 {
  top: -400px;
}

.-top-12 {
  top: -3rem;
}

.-top-2 {
  top: -.5rem;
}

.-top-2\.5 {
  top: -.625rem;
}

.-top-20 {
  top: -5rem;
}

.-top-24 {
  top: -6rem;
}

.-top-3 {
  top: -.75rem;
}

.-top-32 {
  top: -8rem;
}

.-top-44 {
  top: -11rem;
}

.-top-7 {
  top: -1.75rem;
}

.-top-8 {
  top: -2rem;
}

.-top-full {
  top: -100%;
}

.-top-px {
  top: -1px;
}

.bottom-0 {
  bottom: 0;
}

.bottom-0\.5 {
  bottom: .125rem;
}

.bottom-1 {
  bottom: .25rem;
}

.bottom-1\.5 {
  bottom: .375rem;
}

.bottom-1\/2 {
  bottom: 50%;
}

.bottom-10 {
  bottom: 2.5rem;
}

.bottom-14 {
  bottom: 3.5rem;
}

.bottom-16 {
  bottom: 4rem;
}

.bottom-2 {
  bottom: .5rem;
}

.bottom-2\.5 {
  bottom: .625rem;
}

.bottom-4 {
  bottom: 1rem;
}

.bottom-5 {
  bottom: 1.25rem;
}

.bottom-6 {
  bottom: 1.5rem;
}

.bottom-8 {
  bottom: 2rem;
}

.bottom-9 {
  bottom: 2.25rem;
}

.bottom-\[-18px\] {
  bottom: -18px;
}

.bottom-\[108px\] {
  bottom: 108px;
}

.bottom-\[30px\] {
  bottom: 30px;
}

.bottom-\[58px\] {
  bottom: 58px;
}

.bottom-\[86px\] {
  bottom: 86px;
}

.bottom-px {
  bottom: 1px;
}

.left-0 {
  left: 0;
}

.left-0\.5 {
  left: .125rem;
}

.left-1\.5 {
  left: .375rem;
}

.left-1\/2 {
  left: 50%;
}

.left-10 {
  left: 2.5rem;
}

.left-2 {
  left: .5rem;
}

.left-2\.5 {
  left: .625rem;
}

.left-3\.5 {
  left: .875rem;
}

.left-4 {
  left: 1rem;
}

.left-5 {
  left: 1.25rem;
}

.left-56 {
  left: 14rem;
}

.left-7 {
  left: 1.75rem;
}

.left-\[-42px\] {
  left: -42px;
}

.left-\[120px\] {
  left: 120px;
}

.left-\[132px\] {
  left: 132px;
}

.left-\[52px\] {
  left: 52px;
}

.left-\[54px\] {
  left: 54px;
}

.left-full {
  left: 100%;
}

.right-0 {
  right: 0;
}

.right-0\.5 {
  right: .125rem;
}

.right-1 {
  right: .25rem;
}

.right-1\.5 {
  right: .375rem;
}

.right-10 {
  right: 2.5rem;
}

.right-12 {
  right: 3rem;
}

.right-14 {
  right: 3.5rem;
}

.right-16 {
  right: 4rem;
}

.right-2 {
  right: .5rem;
}

.right-2\.5 {
  right: .625rem;
}

.right-20 {
  right: 5rem;
}

.right-3 {
  right: .75rem;
}

.right-3\.5 {
  right: .875rem;
}

.right-4 {
  right: 1rem;
}

.right-40 {
  right: 10rem;
}

.right-5 {
  right: 1.25rem;
}

.right-7 {
  right: 1.75rem;
}

.right-8 {
  right: 2rem;
}

.right-9 {
  right: 2.25rem;
}

.right-\[-170px\] {
  right: -170px;
}

.right-\[-50px\] {
  right: -50px;
}

.right-\[138px\] {
  right: 138px;
}

.right-\[240px\] {
  right: 240px;
}

.right-\[26px\] {
  right: 26px;
}

.right-\[50px\] {
  right: 50px;
}

.right-\[62px\] {
  right: 62px;
}

.right-\[74px\] {
  right: 74px;
}

.right-\[90px\] {
  right: 90px;
}

.right-px {
  right: 1px;
}

.top-0 {
  top: 0;
}

.top-1 {
  top: .25rem;
}

.top-1\.5 {
  top: .375rem;
}

.top-1\/2 {
  top: 50%;
}

.top-10 {
  top: 2.5rem;
}

.top-11 {
  top: 2.75rem;
}

.top-14 {
  top: 3.5rem;
}

.top-16 {
  top: 4rem;
}

.top-2 {
  top: .5rem;
}

.top-2\.5 {
  top: .625rem;
}

.top-20 {
  top: 5rem;
}

.top-3 {
  top: .75rem;
}

.top-32 {
  top: 8rem;
}

.top-4 {
  top: 1rem;
}

.top-5 {
  top: 1.25rem;
}

.top-56 {
  top: 14rem;
}

.top-8 {
  top: 2rem;
}

.top-9 {
  top: 2.25rem;
}

.top-\[-120px\] {
  top: -120px;
}

.top-\[-286px\] {
  top: -286px;
}

.top-\[-386px\] {
  top: -386px;
}

.top-\[-394px\] {
  top: -394px;
}

.top-\[-54px\] {
  top: -54px;
}

.top-\[-68px\] {
  top: -68px;
}

.top-\[104px\] {
  top: 104px;
}

.top-\[124px\] {
  top: 124px;
}

.top-\[130px\] {
  top: 130px;
}

.top-\[146px\] {
  top: 146px;
}

.top-\[158px\] {
  top: 158px;
}

.top-\[20\%\] {
  top: 20%;
}

.top-\[206px\] {
  top: 206px;
}

.top-\[54px\] {
  top: 54px;
}

.top-\[62px\] {
  top: 62px;
}

.top-\[72px\] {
  top: 72px;
}

.top-auto {
  top: auto;
}

.top-full {
  top: 100%;
}

.top-px {
  top: 1px;
}

.\!z-50 {
  z-index: 50 !important;
}

.\!z-\[1001\] {
  z-index: 1001 !important;
}

.\!z-\[5\] {
  z-index: 5 !important;
}

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

.z-0 {
  z-index: 0;
}

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

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.z-\[-1\] {
  z-index: -1;
}

.z-\[1000\] {
  z-index: 1000;
}

.z-\[1\] {
  z-index: 1;
}

.z-\[2\] {
  z-index: 2;
}

.z-\[5\] {
  z-index: 5;
}

.z-\[80\] {
  z-index: 80;
}

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

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-first {
  order: -9999;
}

.order-last {
  order: 9999;
}

.\!col-span-12 {
  grid-column: span 12/span 12 !important;
}

.col-span-11 {
  grid-column: span 11/span 11;
}

.col-span-12 {
  grid-column: span 12/span 12;
}

.col-span-2 {
  grid-column: span 2/span 2;
}

.col-span-3 {
  grid-column: span 3/span 3;
}

.col-span-4 {
  grid-column: span 4/span 4;
}

.col-span-8 {
  grid-column: span 8/span 8;
}

.col-span-full {
  grid-column: 1/-1;
}

.col-start-2 {
  grid-column-start: 2;
}

.row-span-2 {
  grid-row: span 2/span 2;
}

.row-span-3 {
  grid-row: span 3/span 3;
}

.row-span-full {
  grid-row: 1/-1;
}

.row-start-1 {
  grid-row-start: 1;
}

.row-start-2 {
  grid-row-start: 2;
}

.float-right {
  float: right;
}

.\!m-0 {
  margin: 0 !important;
}

.-m-1 {
  margin: -.25rem;
}

.-m-px {
  margin: -1px;
}

.m-0 {
  margin: 0;
}

.m-0\.5 {
  margin: .125rem;
}

.m-1 {
  margin: .25rem;
}

.m-2 {
  margin: .5rem;
}

.m-20 {
  margin: 5rem;
}

.m-3 {
  margin: .75rem;
}

.m-4 {
  margin: 1rem;
}

.m-5 {
  margin: 1.25rem;
}

.m-auto {
  margin: auto;
}

.m-px {
  margin: 1px;
}

.\!mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.\!mx-1\.5 {
  margin-left: .375rem !important;
  margin-right: .375rem !important;
}

.\!mx-2 {
  margin-left: .5rem !important;
  margin-right: .5rem !important;
}

.\!mx-2\.5 {
  margin-left: .625rem !important;
  margin-right: .625rem !important;
}

.\!my-0 {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.\!my-32 {
  margin-bottom: 8rem !important;
  margin-top: 8rem !important;
}

.\!my-px {
  margin-bottom: 1px !important;
  margin-top: 1px !important;
}

.-mx-3 {
  margin-left: -.75rem;
  margin-right: -.75rem;
}

.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}

.-mx-px {
  margin-left: -1px;
  margin-right: -1px;
}

.-my-3 {
  margin-bottom: -.75rem;
  margin-top: -.75rem;
}

.-my-3\.5 {
  margin-bottom: -.875rem;
  margin-top: -.875rem;
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.mx-0\.5 {
  margin-left: .125rem;
  margin-right: .125rem;
}

.mx-1 {
  margin-left: .25rem;
  margin-right: .25rem;
}

.mx-1\.5 {
  margin-left: .375rem;
  margin-right: .375rem;
}

.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.mx-12 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.mx-2 {
  margin-left: .5rem;
  margin-right: .5rem;
}

.mx-2\.5 {
  margin-left: .625rem;
  margin-right: .625rem;
}

.mx-20 {
  margin-left: 5rem;
  margin-right: 5rem;
}

.mx-3 {
  margin-left: .75rem;
  margin-right: .75rem;
}

.mx-3\.5 {
  margin-left: .875rem;
  margin-right: .875rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.mx-\[3px\] {
  margin-left: 3px;
  margin-right: 3px;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-0\.5 {
  margin-bottom: .125rem;
  margin-top: .125rem;
}

.my-1 {
  margin-bottom: .25rem;
  margin-top: .25rem;
}

.my-1\.5 {
  margin-bottom: .375rem;
  margin-top: .375rem;
}

.my-10 {
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
}

.my-14 {
  margin-bottom: 3.5rem;
  margin-top: 3.5rem;
}

.my-16 {
  margin-bottom: 4rem;
  margin-top: 4rem;
}

.my-2 {
  margin-bottom: .5rem;
  margin-top: .5rem;
}

.my-2\.5 {
  margin-bottom: .625rem;
  margin-top: .625rem;
}

.my-20 {
  margin-bottom: 5rem;
  margin-top: 5rem;
}

.my-3 {
  margin-bottom: .75rem;
  margin-top: .75rem;
}

.my-4 {
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.my-40 {
  margin-bottom: 10rem;
  margin-top: 10rem;
}

.my-5 {
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
}

.my-6 {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}

.my-7 {
  margin-bottom: 1.75rem;
  margin-top: 1.75rem;
}

.my-8 {
  margin-bottom: 2rem;
  margin-top: 2rem;
}

.my-\[38px\] {
  margin-bottom: 38px;
  margin-top: 38px;
}

.my-\[60px\] {
  margin-bottom: 60px;
  margin-top: 60px;
}

.my-auto {
  margin-bottom: auto;
  margin-top: auto;
}

.my-px {
  margin-bottom: 1px;
  margin-top: 1px;
}

.\!ml-0 {
  margin-left: 0 !important;
}

.\!ml-2 {
  margin-left: .5rem !important;
}

.\!ml-2\.5 {
  margin-left: .625rem !important;
}

.\!ml-5 {
  margin-left: 1.25rem !important;
}

.\!mr-4 {
  margin-right: 1rem !important;
}

.\!mr-6 {
  margin-right: 1.5rem !important;
}

.\!mt-0 {
  margin-top: 0 !important;
}

.\!mt-0\.5 {
  margin-top: .125rem !important;
}

.\!mt-1 {
  margin-top: .25rem !important;
}

.\!mt-2 {
  margin-top: .5rem !important;
}

.\!mt-3 {
  margin-top: .75rem !important;
}

.\!mt-5 {
  margin-top: 1.25rem !important;
}

.\!mt-6 {
  margin-top: 1.5rem !important;
}

.\!mt-7 {
  margin-top: 1.75rem !important;
}

.-mb-0 {
  margin-bottom: 0;
}

.-mb-0\.5 {
  margin-bottom: -.125rem;
}

.-mb-1 {
  margin-bottom: -.25rem;
}

.-mb-10 {
  margin-bottom: -2.5rem;
}

.-mb-16 {
  margin-bottom: -4rem;
}

.-mb-2\.5 {
  margin-bottom: -.625rem;
}

.-mb-3 {
  margin-bottom: -.75rem;
}

.-mb-px {
  margin-bottom: -1px;
}

.-ml-0\.5 {
  margin-left: -.125rem;
}

.-ml-1 {
  margin-left: -.25rem;
}

.-ml-1\.5 {
  margin-left: -.375rem;
}

.-ml-2 {
  margin-left: -.5rem;
}

.-ml-2\.5 {
  margin-left: -.625rem;
}

.-ml-3 {
  margin-left: -.75rem;
}

.-ml-4 {
  margin-left: -1rem;
}

.-ml-5 {
  margin-left: -1.25rem;
}

.-ml-px {
  margin-left: -1px;
}

.-mr-0\.5 {
  margin-right: -.125rem;
}

.-mr-1 {
  margin-right: -.25rem;
}

.-mr-12 {
  margin-right: -3rem;
}

.-mr-2 {
  margin-right: -.5rem;
}

.-mr-2\.5 {
  margin-right: -.625rem;
}

.-mr-3 {
  margin-right: -.75rem;
}

.-mr-4 {
  margin-right: -1rem;
}

.-mr-5 {
  margin-right: -1.25rem;
}

.-mr-6 {
  margin-right: -1.5rem;
}

.-mt-0\.5 {
  margin-top: -.125rem;
}

.-mt-1 {
  margin-top: -.25rem;
}

.-mt-14 {
  margin-top: -3.5rem;
}

.-mt-2 {
  margin-top: -.5rem;
}

.-mt-3 {
  margin-top: -.75rem;
}

.-mt-4 {
  margin-top: -1rem;
}

.-mt-5 {
  margin-top: -1.25rem;
}

.-mt-px {
  margin-top: -1px;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-0\.5 {
  margin-bottom: .125rem;
}

.mb-1 {
  margin-bottom: .25rem;
}

.mb-1\.5 {
  margin-bottom: .375rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.mb-2 {
  margin-bottom: .5rem;
}

.mb-2\.5 {
  margin-bottom: .625rem;
}

.mb-20 {
  margin-bottom: 5rem;
}

.mb-24 {
  margin-bottom: 6rem;
}

.mb-28 {
  margin-bottom: 7rem;
}

.mb-3 {
  margin-bottom: .75rem;
}

.mb-3\.5 {
  margin-bottom: .875rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mb-9 {
  margin-bottom: 2.25rem;
}

.mb-\[108px\] {
  margin-bottom: 108px;
}

.mb-\[6vh\] {
  margin-bottom: 6vh;
}

.mb-auto {
  margin-bottom: auto;
}

.mb-px {
  margin-bottom: 1px;
}

.ml-0 {
  margin-left: 0;
}

.ml-0\.5 {
  margin-left: .125rem;
}

.ml-1 {
  margin-left: .25rem;
}

.ml-1\.5 {
  margin-left: .375rem;
}

.ml-10 {
  margin-left: 2.5rem;
}

.ml-11 {
  margin-left: 2.75rem;
}

.ml-12 {
  margin-left: 3rem;
}

.ml-16 {
  margin-left: 4rem;
}

.ml-2 {
  margin-left: .5rem;
}

.ml-2\.5 {
  margin-left: .625rem;
}

.ml-20 {
  margin-left: 5rem;
}

.ml-24 {
  margin-left: 6rem;
}

.ml-3 {
  margin-left: .75rem;
}

.ml-4 {
  margin-left: 1rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.ml-7 {
  margin-left: 1.75rem;
}

.ml-8 {
  margin-left: 2rem;
}

.ml-\[-12px\] {
  margin-left: -12px;
}

.ml-\[132px\] {
  margin-left: 132px;
}

.ml-\[38px\] {
  margin-left: 38px;
}

.ml-\[3px\] {
  margin-left: 3px;
}

.ml-\[42px\] {
  margin-left: 42px;
}

.ml-auto {
  margin-left: auto;
}

.ml-px {
  margin-left: 1px;
}

.mr-0 {
  margin-right: 0;
}

.mr-0\.5 {
  margin-right: .125rem;
}

.mr-1 {
  margin-right: .25rem;
}

.mr-1\.5 {
  margin-right: .375rem;
}

.mr-10 {
  margin-right: 2.5rem;
}

.mr-11 {
  margin-right: 2.75rem;
}

.mr-14 {
  margin-right: 3.5rem;
}

.mr-2 {
  margin-right: .5rem;
}

.mr-2\.5 {
  margin-right: .625rem;
}

.mr-3 {
  margin-right: .75rem;
}

.mr-3\.5 {
  margin-right: .875rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.mr-6 {
  margin-right: 1.5rem;
}

.mr-8 {
  margin-right: 2rem;
}

.mr-9 {
  margin-right: 2.25rem;
}

.mr-\[-50px\] {
  margin-right: -50px;
}

.mr-\[3px\] {
  margin-right: 3px;
}

.mr-auto {
  margin-right: auto;
}

.mt-0 {
  margin-top: 0;
}

.mt-0\.5 {
  margin-top: .125rem;
}

.mt-1 {
  margin-top: .25rem;
}

.mt-1\.5 {
  margin-top: .375rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-2 {
  margin-top: .5rem;
}

.mt-2\.5 {
  margin-top: .625rem;
}

.mt-28 {
  margin-top: 7rem;
}

.mt-3 {
  margin-top: .75rem;
}

.mt-3\.5 {
  margin-top: .875rem;
}

.mt-32 {
  margin-top: 8rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-5\.5 {
  margin-top: 22px;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-9 {
  margin-top: 2.25rem;
}

.mt-\[-124px\] {
  margin-top: -124px;
}

.mt-\[-126px\] {
  margin-top: -126px;
}

.mt-\[-176px\] {
  margin-top: -176px;
}

.mt-\[-18px\] {
  margin-top: -18px;
}

.mt-\[110px\] {
  margin-top: 110px;
}

.mt-\[152px\] {
  margin-top: 152px;
}

.mt-\[171px\] {
  margin-top: 171px;
}

.mt-\[18px\] {
  margin-top: 18px;
}

.mt-\[30px\] {
  margin-top: 30px;
}

.mt-\[46px\] {
  margin-top: 46px;
}

.mt-\[58px\] {
  margin-top: 58px;
}

.mt-\[62px\] {
  margin-top: 62px;
}

.mt-\[72px\] {
  margin-top: 72px;
}

.mt-auto {
  margin-top: auto;
}

.mt-px {
  margin-top: 1px;
}

.box-border {
  box-sizing: border-box;
}

.box-content {
  box-sizing: content-box;
}

.line-clamp-1 {
  -webkit-line-clamp: 1;
}

.line-clamp-1,
.line-clamp-2 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
}

.line-clamp-3 {
  -webkit-line-clamp: 3;
}

.line-clamp-3,
.line-clamp-4 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.line-clamp-4 {
  -webkit-line-clamp: 4;
}

.line-clamp-5 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.\!line-clamp-none {
  display: block !important;
  overflow: visible !important;
  -webkit-box-orient: horizontal !important;
  -webkit-line-clamp: none !important;
}

.line-clamp-none {
  display: block;
  overflow: visible;
  -webkit-box-orient: horizontal;
  -webkit-line-clamp: none;
}

.\!block {
  display: block !important;
}

.block {
  display: block;
}

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

.\!inline {
  display: inline !important;
}

.inline {
  display: inline;
}

.\!flex {
  display: flex !important;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.\!grid {
  display: grid !important;
}

.grid {
  display: grid;
}

.inline-grid {
  display: inline-grid;
}

.contents {
  display: contents;
}

.\!hidden {
  display: none !important;
}

.hidden {
  display: none;
}

.aspect-square {
  aspect-ratio: 1/1;
}

.aspect-video {
  aspect-ratio: 16/9;
}

.\!size-14 {
  height: 3.5rem !important;
  width: 3.5rem !important;
}

.\!size-16 {
  height: 4rem !important;
  width: 4rem !important;
}

.\!size-2\.5 {
  height: .625rem !important;
  width: .625rem !important;
}

.\!size-5 {
  height: 1.25rem !important;
  width: 1.25rem !important;
}

.\!size-8 {
  height: 2rem !important;
  width: 2rem !important;
}

.\!size-\[18px\] {
  height: 18px !important;
  width: 18px !important;
}

.\!size-\[42px\] {
  height: 42px !important;
  width: 42px !important;
}

.\!size-full {
  height: 100% !important;
  width: 100% !important;
}

.size-1 {
  height: .25rem;
  width: .25rem;
}

.size-1\.5 {
  height: .375rem;
  width: .375rem;
}

.size-10 {
  height: 2.5rem;
  width: 2.5rem;
}

.size-100 {
  height: 400px;
  width: 400px;
}

.size-11 {
  height: 2.75rem;
  width: 2.75rem;
}

.size-12 {
  height: 3rem;
  width: 3rem;
}

.size-14 {
  height: 3.5rem;
  width: 3.5rem;
}

.size-16 {
  height: 4rem;
  width: 4rem;
}

.size-2 {
  height: .5rem;
  width: .5rem;
}

.size-2\.5 {
  height: .625rem;
  width: .625rem;
}

.size-20 {
  height: 5rem;
  width: 5rem;
}

.size-28 {
  height: 7rem;
  width: 7rem;
}

.size-3 {
  height: .75rem;
  width: .75rem;
}

.size-3\.5 {
  height: .875rem;
  width: .875rem;
}

.size-4 {
  height: 1rem;
  width: 1rem;
}

.size-40 {
  height: 10rem;
  width: 10rem;
}

.size-48 {
  height: 12rem;
  width: 12rem;
}

.size-5 {
  height: 1.25rem;
  width: 1.25rem;
}

.size-5\.5 {
  height: 22px;
  width: 22px;
}

.size-56 {
  height: 14rem;
  width: 14rem;
}

.size-6 {
  height: 1.5rem;
  width: 1.5rem;
}

.size-60 {
  height: 15rem;
  width: 15rem;
}

.size-7 {
  height: 1.75rem;
  width: 1.75rem;
}

.size-8 {
  height: 2rem;
  width: 2rem;
}

.size-80 {
  height: 20rem;
  width: 20rem;
}

.size-9 {
  height: 2.25rem;
  width: 2.25rem;
}

.size-\[100px\] {
  height: 100px;
  width: 100px;
}

.size-\[110px\] {
  height: 110px;
  width: 110px;
}

.size-\[118px\] {
  height: 118px;
  width: 118px;
}

.size-\[120px\] {
  height: 120px;
  width: 120px;
}

.size-\[130px\] {
  height: 130px;
  width: 130px;
}

.size-\[140px\] {
  height: 140px;
  width: 140px;
}

.size-\[158px\] {
  height: 158px;
  width: 158px;
}

.size-\[160px\] {
  height: 160px;
  width: 160px;
}

.size-\[168px\] {
  height: 168px;
  width: 168px;
}

.size-\[172px\] {
  height: 172px;
  width: 172px;
}

.size-\[180px\] {
  height: 180px;
  width: 180px;
}

.size-\[188px\] {
  height: 188px;
  width: 188px;
}

.size-\[18px\] {
  height: 18px;
  width: 18px;
}

.size-\[20\%\] {
  height: 20%;
  width: 20%;
}

.size-\[200px\] {
  height: 200px;
  width: 200px;
}

.size-\[212px\] {
  height: 212px;
  width: 212px;
}

.size-\[240px\] {
  height: 240px;
  width: 240px;
}

.size-\[24px\] {
  height: 24px;
  width: 24px;
}

.size-\[26px\] {
  height: 26px;
  width: 26px;
}

.size-\[272px\] {
  height: 272px;
  width: 272px;
}

.size-\[300\%\] {
  height: 300%;
  width: 300%;
}

.size-\[30px\] {
  height: 30px;
  width: 30px;
}

.size-\[320px\] {
  height: 320px;
  width: 320px;
}

.size-\[342px\] {
  height: 342px;
  width: 342px;
}

.size-\[34px\] {
  height: 34px;
  width: 34px;
}

.size-\[354px\] {
  height: 354px;
  width: 354px;
}

.size-\[380px\] {
  height: 380px;
  width: 380px;
}

.size-\[42px\] {
  height: 42px;
  width: 42px;
}

.size-\[44px\] {
  height: 44px;
  width: 44px;
}

.size-\[46px\] {
  height: 46px;
  width: 46px;
}

.size-\[500px\] {
  height: 500px;
  width: 500px;
}

.size-\[50px\] {
  height: 50px;
  width: 50px;
}

.size-\[52px\] {
  height: 52px;
  width: 52px;
}

.size-\[58px\] {
  height: 58px;
  width: 58px;
}

.size-\[60px\] {
  height: 60px;
  width: 60px;
}

.size-\[62px\] {
  height: 62px;
  width: 62px;
}

.size-\[72px\] {
  height: 72px;
  width: 72px;
}

.size-\[74px\] {
  height: 74px;
  width: 74px;
}

.size-\[76px\] {
  height: 76px;
  width: 76px;
}

.size-\[78px\] {
  height: 78px;
  width: 78px;
}

.size-\[84px\] {
  height: 84px;
  width: 84px;
}

.size-\[88px\] {
  height: 88px;
  width: 88px;
}

.size-\[90px\] {
  height: 90px;
  width: 90px;
}

.size-auto {
  height: auto;
  width: auto;
}

.size-fit {
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.size-full {
  height: 100%;
  width: 100%;
}

.\!h-10 {
  height: 2.5rem !important;
}

.\!h-11 {
  height: 2.75rem !important;
}

.\!h-16 {
  height: 4rem !important;
}

.\!h-2\.5 {
  height: .625rem !important;
}

.\!h-4 {
  height: 1rem !important;
}

.\!h-5 {
  height: 1.25rem !important;
}

.\!h-8 {
  height: 2rem !important;
}

.\!h-\[26px\] {
  height: 26px !important;
}

.\!h-\[320px\] {
  height: 320px !important;
}

.\!h-\[34px\] {
  height: 34px !important;
}

.\!h-\[54px\] {
  height: 54px !important;
}

.\!h-auto {
  height: auto !important;
}

.\!h-full {
  height: 100% !important;
}

.h-0 {
  height: 0;
}

.h-0\.5 {
  height: .125rem;
}

.h-1 {
  height: .25rem;
}

.h-1\.5 {
  height: .375rem;
}

.h-1\/2 {
  height: 50%;
}

.h-1\/4 {
  height: 25%;
}

.h-10 {
  height: 2.5rem;
}

.h-100 {
  height: 400px;
}

.h-11 {
  height: 2.75rem;
}

.h-12 {
  height: 3rem;
}

.h-14 {
  height: 3.5rem;
}

.h-16 {
  height: 4rem;
}

.h-2 {
  height: .5rem;
}

.h-2\.5 {
  height: .625rem;
}

.h-2\/3 {
  height: 66.666667%;
}

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-28 {
  height: 7rem;
}

.h-3 {
  height: .75rem;
}

.h-3\.5 {
  height: .875rem;
}

.h-32 {
  height: 8rem;
}

.h-36 {
  height: 9rem;
}

.h-4 {
  height: 1rem;
}

.h-40 {
  height: 10rem;
}

.h-48 {
  height: 12rem;
}

.h-5 {
  height: 1.25rem;
}

.h-5\.5 {
  height: 22px;
}

.h-52 {
  height: 13rem;
}

.h-6 {
  height: 1.5rem;
}

.h-60 {
  height: 15rem;
}

.h-64 {
  height: 16rem;
}

.h-7 {
  height: 1.75rem;
}

.h-72 {
  height: 18rem;
}

.h-8 {
  height: 2rem;
}

.h-80 {
  height: 20rem;
}

.h-9 {
  height: 2.25rem;
}

.h-\[1000px\] {
  height: 1000px;
}

.h-\[100px\] {
  height: 100px;
}

.h-\[1200px\] {
  height: 1200px;
}

.h-\[120px\] {
  height: 120px;
}

.h-\[132px\] {
  height: 132px;
}

.h-\[136px\] {
  height: 136px;
}

.h-\[140px\] {
  height: 140px;
}

.h-\[150px\] {
  height: 150px;
}

.h-\[150vh\] {
  height: 150vh;
}

.h-\[156px\] {
  height: 156px;
}

.h-\[188px\] {
  height: 188px;
}

.h-\[18px\] {
  height: 18px;
}

.h-\[190px\] {
  height: 190px;
}

.h-\[200vh\] {
  height: 200vh;
}

.h-\[202px\] {
  height: 202px;
}

.h-\[212px\] {
  height: 212px;
}

.h-\[220px\] {
  height: 220px;
}

.h-\[224px\] {
  height: 224px;
}

.h-\[240px\] {
  height: 240px;
}

.h-\[24px\] {
  height: 24px;
}

.h-\[26px\] {
  height: 26px;
}

.h-\[280px\] {
  height: 280px;
}

.h-\[286px\] {
  height: 286px;
}

.h-\[300px\] {
  height: 300px;
}

.h-\[30px\] {
  height: 30px;
}

.h-\[336px\] {
  height: 336px;
}

.h-\[340px\] {
  height: 340px;
}

.h-\[342px\] {
  height: 342px;
}

.h-\[346px\] {
  height: 346px;
}

.h-\[350px\] {
  height: 350px;
}

.h-\[372px\] {
  height: 372px;
}

.h-\[386px\] {
  height: 386px;
}

.h-\[392px\] {
  height: 392px;
}

.h-\[40vh\] {
  height: 40vh;
}

.h-\[42px\] {
  height: 42px;
}

.h-\[452px\] {
  height: 452px;
}

.h-\[500px\] {
  height: 500px;
}

.h-\[50px\] {
  height: 50px;
}

.h-\[50vh\] {
  height: 50vh;
}

.h-\[50vw\] {
  height: 50vw;
}

.h-\[510px\] {
  height: 510px;
}

.h-\[520px\] {
  height: 520px;
}

.h-\[526px\] {
  height: 526px;
}

.h-\[52px\] {
  height: 52px;
}

.h-\[564px\] {
  height: 564px;
}

.h-\[56px\] {
  height: 56px;
}

.h-\[570px\] {
  height: 570px;
}

.h-\[576px\] {
  height: 576px;
}

.h-\[586px\] {
  height: 586px;
}

.h-\[58px\] {
  height: 58px;
}

.h-\[596px\] {
  height: 596px;
}

.h-\[600px\] {
  height: 600px;
}

.h-\[600vh\] {
  height: 600vh;
}

.h-\[60px\] {
  height: 60px;
}

.h-\[60vh\] {
  height: 60vh;
}

.h-\[628px\] {
  height: 628px;
}

.h-\[631px\] {
  height: 631px;
}

.h-\[644px\] {
  height: 644px;
}

.h-\[650px\] {
  height: 650px;
}

.h-\[680px\] {
  height: 680px;
}

.h-\[700px\] {
  height: 700px;
}

.h-\[72px\] {
  height: 72px;
}

.h-\[76px\] {
  height: 76px;
}

.h-\[80vh\] {
  height: 80vh;
}

.h-\[826px\] {
  height: 826px;
}

.h-\[82px\] {
  height: 82px;
}

.h-\[840px\] {
  height: 840px;
}

.h-\[84px\] {
  height: 84px;
}

.h-\[90vh\] {
  height: 90vh;
}

.h-\[calc\(100\%-144px\)\] {
  height: calc(100% - 144px);
}

.h-\[calc\(100\%-48px\)\] {
  height: calc(100% - 48px);
}

.h-\[calc\(100dvh-82px\)\] {
  height: calc(100dvh - 82px);
}

.h-\[calc\(100vh-133px\)\] {
  height: calc(100vh - 133px);
}

.h-\[calc\(100vh-190px\)\] {
  height: calc(100vh - 190px);
}

.h-\[calc\(100vh-200px\)\] {
  height: calc(100vh - 200px);
}

.h-\[calc\(100vh-62px\)\] {
  height: calc(100vh - 62px);
}

.h-\[calc\(100vh_-_32px\)\] {
  height: calc(100vh - 32px);
}

.h-auto {
  height: auto;
}

.h-dvh {
  height: 100dvh;
}

.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}

.h-full {
  height: 100%;
}

.h-max {
  height: -moz-max-content;
  height: max-content;
}

.h-px {
  height: 1px;
}

.h-screen {
  height: 100vh;
}

.\!max-h-40 {
  max-height: 10rem !important;
}

.max-h-10 {
  max-height: 2.5rem;
}

.max-h-100 {
  max-height: 400px;
}

.max-h-20 {
  max-height: 5rem;
}

.max-h-40 {
  max-height: 10rem;
}

.max-h-48 {
  max-height: 12rem;
}

.max-h-60 {
  max-height: 15rem;
}

.max-h-80 {
  max-height: 20rem;
}

.max-h-9 {
  max-height: 2.25rem;
}

.max-h-\[104px\] {
  max-height: 104px;
}

.max-h-\[120px\] {
  max-height: 120px;
}

.max-h-\[140px\] {
  max-height: 140px;
}

.max-h-\[222px\] {
  max-height: 222px;
}

.max-h-\[246px\] {
  max-height: 246px;
}

.max-h-\[248px\] {
  max-height: 248px;
}

.max-h-\[272px\] {
  max-height: 272px;
}

.max-h-\[280px\] {
  max-height: 280px;
}

.max-h-\[286px\] {
  max-height: 286px;
}

.max-h-\[296px\] {
  max-height: 296px;
}

.max-h-\[30\%\] {
  max-height: 30%;
}

.max-h-\[305px\] {
  max-height: 305px;
}

.max-h-\[324px\] {
  max-height: 324px;
}

.max-h-\[362px\] {
  max-height: 362px;
}

.max-h-\[378px\] {
  max-height: 378px;
}

.max-h-\[380px\] {
  max-height: 380px;
}

.max-h-\[40\%\] {
  max-height: 40%;
}

.max-h-\[420px\] {
  max-height: 420px;
}

.max-h-\[456px\] {
  max-height: 456px;
}

.max-h-\[484px\] {
  max-height: 484px;
}

.max-h-\[498px\] {
  max-height: 498px;
}

.max-h-\[508px\] {
  max-height: 508px;
}

.max-h-\[560px\] {
  max-height: 560px;
}

.max-h-\[570px\] {
  max-height: 570px;
}

.max-h-\[600px\] {
  max-height: 600px;
}

.max-h-\[604px\] {
  max-height: 604px;
}

.max-h-\[698px\] {
  max-height: 698px;
}

.max-h-\[70vh\] {
  max-height: 70vh;
}

.max-h-\[calc\(100dvh-48px\)\] {
  max-height: calc(100dvh - 48px);
}

.max-h-\[calc\(100dvh-82px\)\] {
  max-height: calc(100dvh - 82px);
}

.max-h-\[calc\(100vh-416px\)\] {
  max-height: calc(100vh - 416px);
}

.max-h-\[calc\(100vh-80px\)\] {
  max-height: calc(100vh - 80px);
}

.max-h-\[calc\(70vh-250px\)\] {
  max-height: calc(70vh - 250px);
}

.max-h-fit {
  max-height: -moz-fit-content;
  max-height: fit-content;
}

.max-h-full {
  max-height: 100%;
}

.max-h-screen {
  max-height: 100vh;
}

.min-h-0 {
  min-height: 0;
}

.min-h-16 {
  min-height: 4rem;
}

.min-h-40 {
  min-height: 10rem;
}

.min-h-7 {
  min-height: 1.75rem;
}

.min-h-8 {
  min-height: 2rem;
}

.min-h-80 {
  min-height: 20rem;
}

.min-h-\[1124px\] {
  min-height: 1124px;
}

.min-h-\[160px\] {
  min-height: 160px;
}

.min-h-\[184px\] {
  min-height: 184px;
}

.min-h-\[18px\] {
  min-height: 18px;
}

.min-h-\[200px\] {
  min-height: 200px;
}

.min-h-\[204px\] {
  min-height: 204px;
}

.min-h-\[220px\] {
  min-height: 220px;
}

.min-h-\[24px\] {
  min-height: 24px;
}

.min-h-\[280px\] {
  min-height: 280px;
}

.min-h-\[300px\] {
  min-height: 300px;
}

.min-h-\[30px\] {
  min-height: 30px;
}

.min-h-\[310px\] {
  min-height: 310px;
}

.min-h-\[320px\] {
  min-height: 320px;
}

.min-h-\[32px\] {
  min-height: 32px;
}

.min-h-\[336px\] {
  min-height: 336px;
}

.min-h-\[360px\] {
  min-height: 360px;
}

.min-h-\[390px\] {
  min-height: 390px;
}

.min-h-\[40px\] {
  min-height: 40px;
}

.min-h-\[464px\] {
  min-height: 464px;
}

.min-h-\[500px\] {
  min-height: 500px;
}

.min-h-\[52px\] {
  min-height: 52px;
}

.min-h-\[54px\] {
  min-height: 54px;
}

.min-h-\[560px\] {
  min-height: 560px;
}

.min-h-\[56px\] {
  min-height: 56px;
}

.min-h-\[588px\] {
  min-height: 588px;
}

.min-h-\[58px\] {
  min-height: 58px;
}

.min-h-\[60px\] {
  min-height: 60px;
}

.min-h-\[618px\] {
  min-height: 618px;
}

.min-h-\[68px\] {
  min-height: 68px;
}

.min-h-\[696px\] {
  min-height: 696px;
}

.min-h-\[700px\] {
  min-height: 700px;
}

.min-h-\[71px\] {
  min-height: 71px;
}

.min-h-\[76px\] {
  min-height: 76px;
}

.min-h-\[80px\] {
  min-height: 80px;
}

.min-h-\[84px\] {
  min-height: 84px;
}

.min-h-\[860px\] {
  min-height: 860px;
}

.min-h-\[940px\] {
  min-height: 940px;
}

.min-h-\[94px\] {
  min-height: 94px;
}

.min-h-\[calc\(100vh-4rem\)\] {
  min-height: calc(100vh - 4rem);
}

.min-h-dvh {
  min-height: 100dvh;
}

.min-h-full {
  min-height: 100%;
}

.min-h-screen {
  min-height: 100vh;
}

.\!w-0 {
  width: 0 !important;
}

.\!w-11 {
  width: 2.75rem !important;
}

.\!w-14 {
  width: 3.5rem !important;
}

.\!w-16 {
  width: 4rem !important;
}

.\!w-4 {
  width: 1rem !important;
}

.\!w-5 {
  width: 1.25rem !important;
}

.\!w-6 {
  width: 1.5rem !important;
}

.\!w-\[14px\] {
  width: 14px !important;
}

.\!w-\[18px\] {
  width: 18px !important;
}

.\!w-\[205px\] {
  width: 205px !important;
}

.\!w-\[26px\] {
  width: 26px !important;
}

.\!w-\[275px\] {
  width: 275px !important;
}

.\!w-\[360px\] {
  width: 360px !important;
}

.\!w-\[96px\] {
  width: 96px !important;
}

.\!w-auto {
  width: auto !important;
}

.\!w-fit {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.\!w-full {
  width: 100% !important;
}

.\!w-min {
  width: -moz-min-content !important;
  width: min-content !important;
}

.w-0 {
  width: 0;
}

.w-0\.5 {
  width: .125rem;
}

.w-1 {
  width: .25rem;
}

.w-1\.5 {
  width: .375rem;
}

.w-1\/2 {
  width: 50%;
}

.w-1\/3 {
  width: 33.333333%;
}

.w-1\/4 {
  width: 25%;
}

.w-1\/5 {
  width: 20%;
}

.w-10 {
  width: 2.5rem;
}

.w-100 {
  width: 400px;
}

.w-11 {
  width: 2.75rem;
}

.w-11\/12 {
  width: 91.666667%;
}

.w-12 {
  width: 3rem;
}

.w-14 {
  width: 3.5rem;
}

.w-16 {
  width: 4rem;
}

.w-2 {
  width: .5rem;
}

.w-2\.5 {
  width: .625rem;
}

.w-2\/3 {
  width: 66.666667%;
}

.w-2\/4 {
  width: 50%;
}

.w-2\/5 {
  width: 40%;
}

.w-2\/6 {
  width: 33.333333%;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-28 {
  width: 7rem;
}

.w-3 {
  width: .75rem;
}

.w-3\.5 {
  width: .875rem;
}

.w-3\/4 {
  width: 75%;
}

.w-3\/5 {
  width: 60%;
}

.w-32 {
  width: 8rem;
}

.w-36 {
  width: 9rem;
}

.w-4 {
  width: 1rem;
}

.w-4\/5 {
  width: 80%;
}

.w-4\/6 {
  width: 66.666667%;
}

.w-40 {
  width: 10rem;
}

.w-44 {
  width: 11rem;
}

.w-48 {
  width: 12rem;
}

.w-5 {
  width: 1.25rem;
}

.w-5\.5 {
  width: 22px;
}

.w-5\/12 {
  width: 41.666667%;
}

.w-5\/6 {
  width: 83.333333%;
}

.w-52 {
  width: 13rem;
}

.w-56 {
  width: 14rem;
}

.w-6 {
  width: 1.5rem;
}

.w-60 {
  width: 15rem;
}

.w-64 {
  width: 16rem;
}

.w-7 {
  width: 1.75rem;
}

.w-7\/12 {
  width: 58.333333%;
}

.w-72 {
  width: 18rem;
}

.w-8 {
  width: 2rem;
}

.w-8\/12 {
  width: 66.666667%;
}

.w-80 {
  width: 20rem;
}

.w-9 {
  width: 2.25rem;
}

.w-9\/12 {
  width: 75%;
}

.w-96 {
  width: 24rem;
}

.w-\[100px\] {
  width: 100px;
}

.w-\[104px\] {
  width: 104px;
}

.w-\[106px\] {
  width: 106px;
}

.w-\[108px\] {
  width: 108px;
}

.w-\[110px\] {
  width: 110px;
}

.w-\[111px\] {
  width: 111px;
}

.w-\[118px\] {
  width: 118px;
}

.w-\[120px\] {
  width: 120px;
}

.w-\[123px\] {
  width: 123px;
}

.w-\[124px\] {
  width: 124px;
}

.w-\[126px\] {
  width: 126px;
}

.w-\[131px\] {
  width: 131px;
}

.w-\[132px\] {
  width: 132px;
}

.w-\[134px\] {
  width: 134px;
}

.w-\[140px\] {
  width: 140px;
}

.w-\[146px\] {
  width: 146px;
}

.w-\[148px\] {
  width: 148px;
}

.w-\[150px\] {
  width: 150px;
}

.w-\[156px\] {
  width: 156px;
}

.w-\[160px\] {
  width: 160px;
}

.w-\[164px\] {
  width: 164px;
}

.w-\[166px\] {
  width: 166px;
}

.w-\[168px\] {
  width: 168px;
}

.w-\[170px\] {
  width: 170px;
}

.w-\[174px\] {
  width: 174px;
}

.w-\[176px\] {
  width: 176px;
}

.w-\[178px\] {
  width: 178px;
}

.w-\[180px\] {
  width: 180px;
}

.w-\[184px\] {
  width: 184px;
}

.w-\[186px\] {
  width: 186px;
}

.w-\[187px\] {
  width: 187px;
}

.w-\[188px\] {
  width: 188px;
}

.w-\[18px\] {
  width: 18px;
}

.w-\[195px\] {
  width: 195px;
}

.w-\[196px\] {
  width: 196px;
}

.w-\[198px\] {
  width: 198px;
}

.w-\[1em\] {
  width: 1em;
}

.w-\[200px\] {
  width: 200px;
}

.w-\[20vw\] {
  width: 20vw;
}

.w-\[212px\] {
  width: 212px;
}

.w-\[220px\] {
  width: 220px;
}

.w-\[228px\] {
  width: 228px;
}

.w-\[240px\] {
  width: 240px;
}

.w-\[248px\] {
  width: 248px;
}

.w-\[24px\] {
  width: 24px;
}

.w-\[252px\] {
  width: 252px;
}

.w-\[260px\] {
  width: 260px;
}

.w-\[266px\] {
  width: 266px;
}

.w-\[272px\] {
  width: 272px;
}

.w-\[280px\] {
  width: 280px;
}

.w-\[288px\] {
  width: 288px;
}

.w-\[296px\] {
  width: 296px;
}

.w-\[298px\] {
  width: 298px;
}

.w-\[300px\] {
  width: 300px;
}

.w-\[30px\] {
  width: 30px;
}

.w-\[310px\] {
  width: 310px;
}

.w-\[312px\] {
  width: 312px;
}

.w-\[318px\] {
  width: 318px;
}

.w-\[320px\] {
  width: 320px;
}

.w-\[332px\] {
  width: 332px;
}

.w-\[340px\] {
  width: 340px;
}

.w-\[342px\] {
  width: 342px;
}

.w-\[34px\] {
  width: 34px;
}

.w-\[360px\] {
  width: 360px;
}

.w-\[368px\] {
  width: 368px;
}

.w-\[370px\] {
  width: 370px;
}

.w-\[373px\] {
  width: 373px;
}

.w-\[374px\] {
  width: 374px;
}

.w-\[376px\] {
  width: 376px;
}

.w-\[380px\] {
  width: 380px;
}

.w-\[384px\] {
  width: 384px;
}

.w-\[390px\] {
  width: 390px;
}

.w-\[400px\] {
  width: 400px;
}

.w-\[410px\] {
  width: 410px;
}

.w-\[420px\] {
  width: 420px;
}

.w-\[42px\] {
  width: 42px;
}

.w-\[432px\] {
  width: 432px;
}

.w-\[438px\] {
  width: 438px;
}

.w-\[440px\] {
  width: 440px;
}

.w-\[450px\] {
  width: 450px;
}

.w-\[452px\] {
  width: 452px;
}

.w-\[454px\] {
  width: 454px;
}

.w-\[472px\] {
  width: 472px;
}

.w-\[480px\] {
  width: 480px;
}

.w-\[500px\] {
  width: 500px;
}

.w-\[50px\] {
  width: 50px;
}

.w-\[50vw\] {
  width: 50vw;
}

.w-\[510px\] {
  width: 510px;
}

.w-\[518px\] {
  width: 518px;
}

.w-\[52px\] {
  width: 52px;
}

.w-\[546px\] {
  width: 546px;
}

.w-\[54px\] {
  width: 54px;
}

.w-\[550px\] {
  width: 550px;
}

.w-\[58px\] {
  width: 58px;
}

.w-\[60px\] {
  width: 60px;
}

.w-\[628px\] {
  width: 628px;
}

.w-\[62px\] {
  width: 62px;
}

.w-\[644px\] {
  width: 644px;
}

.w-\[650px\] {
  width: 650px;
}

.w-\[660px\] {
  width: 660px;
}

.w-\[68px\] {
  width: 68px;
}

.w-\[70px\] {
  width: 70px;
}

.w-\[72px\] {
  width: 72px;
}

.w-\[744px\] {
  width: 744px;
}

.w-\[74px\] {
  width: 74px;
}

.w-\[78px\] {
  width: 78px;
}

.w-\[82px\] {
  width: 82px;
}

.w-\[84px\] {
  width: 84px;
}

.w-\[88px\] {
  width: 88px;
}

.w-\[90px\] {
  width: 90px;
}

.w-\[924px\] {
  width: 924px;
}

.w-\[92px\] {
  width: 92px;
}

.w-\[94px\] {
  width: 94px;
}

.w-\[98px\] {
  width: 98px;
}

.w-\[calc\(100\%-32px\)\] {
  width: calc(100% - 32px);
}

.w-auto {
  width: auto;
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.w-full {
  width: 100%;
}

.w-max {
  width: -moz-max-content;
  width: max-content;
}

.w-min {
  width: -moz-min-content;
  width: min-content;
}

.w-px {
  width: 1px;
}

.w-screen {
  width: 100vw;
}

.w-without-scrollbar {
  width: var(--width-without-scrollbar);
}

.\!min-w-9 {
  min-width: 2.25rem !important;
}

.min-w-0 {
  min-width: 0;
}

.min-w-11 {
  min-width: 2.75rem;
}

.min-w-3 {
  min-width: .75rem;
}

.min-w-4 {
  min-width: 1rem;
}

.min-w-40 {
  min-width: 10rem;
}

.min-w-5 {
  min-width: 1.25rem;
}

.min-w-5\.5 {
  min-width: 22px;
}

.min-w-6 {
  min-width: 1.5rem;
}

.min-w-60 {
  min-width: 15rem;
}

.min-w-8 {
  min-width: 2rem;
}

.min-w-80 {
  min-width: 20rem;
}

.min-w-9 {
  min-width: 2.25rem;
}

.min-w-\[100px\] {
  min-width: 100px;
}

.min-w-\[110px\] {
  min-width: 110px;
}

.min-w-\[1124px\] {
  min-width: 1124px;
}

.min-w-\[112px\] {
  min-width: 112px;
}

.min-w-\[116px\] {
  min-width: 116px;
}

.min-w-\[124px\] {
  min-width: 124px;
}

.min-w-\[132px\] {
  min-width: 132px;
}

.min-w-\[156px\] {
  min-width: 156px;
}

.min-w-\[164px\] {
  min-width: 164px;
}

.min-w-\[16px\] {
  min-width: 16px;
}

.min-w-\[180px\] {
  min-width: 180px;
}

.min-w-\[18px\] {
  min-width: 18px;
}

.min-w-\[196px\] {
  min-width: 196px;
}

.min-w-\[206px\] {
  min-width: 206px;
}

.min-w-\[20px\] {
  min-width: 20px;
}

.min-w-\[216px\] {
  min-width: 216px;
}

.min-w-\[220px\] {
  min-width: 220px;
}

.min-w-\[222px\] {
  min-width: 222px;
}

.min-w-\[224px\] {
  min-width: 224px;
}

.min-w-\[238px\] {
  min-width: 238px;
}

.min-w-\[24px\] {
  min-width: 24px;
}

.min-w-\[260px\] {
  min-width: 260px;
}

.min-w-\[284px\] {
  min-width: 284px;
}

.min-w-\[300px\] {
  min-width: 300px;
}

.min-w-\[30px\] {
  min-width: 30px;
}

.min-w-\[320px\] {
  min-width: 320px;
}

.min-w-\[32px\] {
  min-width: 32px;
}

.min-w-\[332px\] {
  min-width: 332px;
}

.min-w-\[364px\] {
  min-width: 364px;
}

.min-w-\[380px\] {
  min-width: 380px;
}

.min-w-\[45\%\] {
  min-width: 45%;
}

.min-w-\[50\%\] {
  min-width: 50%;
}

.min-w-\[56px\] {
  min-width: 56px;
}

.min-w-\[580px\] {
  min-width: 580px;
}

.min-w-\[60px\] {
  min-width: 60px;
}

.min-w-\[78px\] {
  min-width: 78px;
}

.min-w-\[90px\] {
  min-width: 90px;
}

.min-w-full {
  min-width: 100%;
}

.min-w-max {
  min-width: -moz-max-content;
  min-width: max-content;
}

.\!max-w-\[100vw\] {
  max-width: 100vw !important;
}

.\!max-w-\[296px\] {
  max-width: 296px !important;
}

.\!max-w-\[calc\(50\%-10px\)\] {
  max-width: calc(50% - 10px) !important;
}

.\!max-w-full {
  max-width: 100% !important;
}

.max-w-100 {
  max-width: 400px;
}

.max-w-40 {
  max-width: 10rem;
}

.max-w-56 {
  max-width: 14rem;
}

.max-w-64 {
  max-width: 16rem;
}

.max-w-72 {
  max-width: 18rem;
}

.max-w-80 {
  max-width: 20rem;
}

.max-w-96 {
  max-width: 24rem;
}

.max-w-\[100vw\] {
  max-width: 100vw;
}

.max-w-\[104px\] {
  max-width: 104px;
}

.max-w-\[116px\] {
  max-width: 116px;
}

.max-w-\[130px\] {
  max-width: 130px;
}

.max-w-\[148px\] {
  max-width: 148px;
}

.max-w-\[155px\] {
  max-width: 155px;
}

.max-w-\[160px\] {
  max-width: 160px;
}

.max-w-\[168px\] {
  max-width: 168px;
}

.max-w-\[172px\] {
  max-width: 172px;
}

.max-w-\[1740px\] {
  max-width: 1740px;
}

.max-w-\[214px\] {
  max-width: 214px;
}

.max-w-\[218px\] {
  max-width: 218px;
}

.max-w-\[222px\] {
  max-width: 222px;
}

.max-w-\[240px\] {
  max-width: 240px;
}

.max-w-\[260px\] {
  max-width: 260px;
}

.max-w-\[288px\] {
  max-width: 288px;
}

.max-w-\[28px\] {
  max-width: 28px;
}

.max-w-\[309px\] {
  max-width: 309px;
}

.max-w-\[310px\] {
  max-width: 310px;
}

.max-w-\[312px\] {
  max-width: 312px;
}

.max-w-\[320px\] {
  max-width: 320px;
}

.max-w-\[322px\] {
  max-width: 322px;
}

.max-w-\[328px\] {
  max-width: 328px;
}

.max-w-\[32px\] {
  max-width: 32px;
}

.max-w-\[332px\] {
  max-width: 332px;
}

.max-w-\[340px\] {
  max-width: 340px;
}

.max-w-\[343px\] {
  max-width: 343px;
}

.max-w-\[360px\] {
  max-width: 360px;
}

.max-w-\[374px\] {
  max-width: 374px;
}

.max-w-\[376px\] {
  max-width: 376px;
}

.max-w-\[380px\] {
  max-width: 380px;
}

.max-w-\[388px\] {
  max-width: 388px;
}

.max-w-\[390px\] {
  max-width: 390px;
}

.max-w-\[392px\] {
  max-width: 392px;
}

.max-w-\[400px\] {
  max-width: 400px;
}

.max-w-\[408px\] {
  max-width: 408px;
}

.max-w-\[40px\] {
  max-width: 40px;
}

.max-w-\[432px\] {
  max-width: 432px;
}

.max-w-\[438px\] {
  max-width: 438px;
}

.max-w-\[454px\] {
  max-width: 454px;
}

.max-w-\[468px\] {
  max-width: 468px;
}

.max-w-\[475px\] {
  max-width: 475px;
}

.max-w-\[480px\] {
  max-width: 480px;
}

.max-w-\[487px\] {
  max-width: 487px;
}

.max-w-\[50\%\] {
  max-width: 50%;
}

.max-w-\[580px\] {
  max-width: 580px;
}

.max-w-\[582px\] {
  max-width: 582px;
}

.max-w-\[58px\] {
  max-width: 58px;
}

.max-w-\[672px\] {
  max-width: 672px;
}

.max-w-\[692px\] {
  max-width: 692px;
}

.max-w-\[790px\] {
  max-width: 790px;
}

.max-w-\[80\%\] {
  max-width: 80%;
}

.max-w-\[848px\] {
  max-width: 848px;
}

.max-w-\[90px\] {
  max-width: 90px;
}

.max-w-\[912px\] {
  max-width: 912px;
}

.max-w-\[94px\] {
  max-width: 94px;
}

.max-w-\[97px\] {
  max-width: 97px;
}

.max-w-\[calc\(100\%-32px\)\] {
  max-width: calc(100% - 32px);
}

.max-w-\[calc\(100\%-440px\)\] {
  max-width: calc(100% - 440px);
}

.max-w-\[calc\(100vw-120px\)\] {
  max-width: calc(100vw - 120px);
}

.max-w-fit {
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.max-w-full {
  max-width: 100%;
}

.max-w-max {
  max-width: -moz-max-content;
  max-width: max-content;
}

.max-w-min {
  max-width: -moz-min-content;
  max-width: min-content;
}

.max-w-none {
  max-width: none;
}

.max-w-xl {
  max-width: 36rem;
}

.max-w-xs {
  max-width: 20rem;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-\[0_0_100\%\] {
  flex: 0 0 100%;
}

.flex-none {
  flex: none;
}

.flex-shrink {
  flex-shrink: 1;
}

.flex-shrink-0,
.shrink-0 {
  flex-shrink: 0;
}

.flex-grow,
.grow {
  flex-grow: 1;
}

.basis-6\/12 {
  flex-basis: 50%;
}

.table-fixed {
  table-layout: fixed;
}

.-translate-x-1 {
  --tw-translate-x: -0.25rem;
  transform: translate(-.25rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-1\/4 {
  --tw-translate-x: -25%;
  transform: translate(-25%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-10 {
  --tw-translate-x: -2.5rem;
  transform: translate(-2.5rem, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-full {
  --tw-translate-x: -100%;
  transform: translate(-100%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-px {
  --tw-translate-x: -1px;
  transform: translate(-1px, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/4 {
  --tw-translate-y: -25%;
  transform: translate(var(--tw-translate-x), -25%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-10 {
  --tw-translate-y: -2.5rem;
  transform: translate(var(--tw-translate-x), -2.5rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-12 {
  --tw-translate-y: -3rem;
  transform: translate(var(--tw-translate-x), -3rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-16 {
  --tw-translate-y: -4rem;
  transform: translate(var(--tw-translate-x), -4rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-1\/2 {
  --tw-translate-x: 50%;
  transform: translate(50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-1\/3 {
  --tw-translate-x: 33.333333%;
  transform: translate(33.333333%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[-20px\] {
  --tw-translate-x: -20px;
  transform: translate(-20px, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[6px\] {
  --tw-translate-x: 6px;
  transform: translate(6px, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-0\.5 {
  --tw-translate-y: 0.125rem;
  transform: translate(var(--tw-translate-x), .125rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-10 {
  --tw-translate-y: 2.5rem;
  transform: translate(var(--tw-translate-x), 2.5rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-12 {
  --tw-translate-y: 3rem;
  transform: translate(var(--tw-translate-x), 3rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-2 {
  --tw-translate-y: 0.5rem;
  transform: translate(var(--tw-translate-x), .5rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-20 {
  --tw-translate-y: 5rem;
  transform: translate(var(--tw-translate-x), 5rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-8 {
  --tw-translate-y: 2rem;
  transform: translate(var(--tw-translate-x), 2rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[-2px\] {
  --tw-translate-y: -2px;
  transform: translate(var(--tw-translate-x), -2px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[-6px\] {
  --tw-translate-y: -6px;
  transform: translate(var(--tw-translate-x), -6px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-full {
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), 100%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-px {
  --tw-translate-y: 1px;
  transform: translate(var(--tw-translate-x), 1px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-180 {
  --tw-rotate: -180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(0deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-12 {
  --tw-rotate: 12deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(12deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-3 {
  --tw-rotate: 3deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(3deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(90deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[-5deg\] {
  --tw-rotate: -5deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-5deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[10deg\] {
  --tw-rotate: 10deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(10deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[30deg\] {
  --tw-rotate: 30deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(30deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-0 {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(0) scaleY(0);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.05) scaleY(1.05);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.1) scaleY(1.1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-90 {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.9) scaleY(.9);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.95) scaleY(.95);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[0\.4\] {
  --tw-scale-x: 0.4;
  --tw-scale-y: 0.4;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.4) scaleY(.4);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[1\.167\] {
  --tw-scale-x: 1.167;
  --tw-scale-y: 1.167;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.167) scaleY(1.167);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-scale-x-100 {
  --tw-scale-x: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(-1) scaleY(var(--tw-scale-y));
}

.-scale-x-100,
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform-none {
  transform: none;
}

.\!cursor-default {
  cursor: default !important;
}

.cursor-default {
  cursor: default;
}

.cursor-grabbing {
  cursor: grabbing;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.select-text {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}

.select-all {
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all;
}

.resize-none {
  resize: none;
}

.resize {
  resize: both;
}

.list-disc {
  list-style-type: disc;
}

.list-none {
  list-style-type: none;
}

.appearance-none {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.auto-cols-min {
  grid-auto-columns: min-content;
}

.grid-flow-col {
  grid-auto-flow: column;
}

.auto-rows-min {
  grid-auto-rows: min-content;
}

.\!grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-\[168px_1fr\] {
  grid-template-columns: 168px 1fr;
}

.grid-cols-\[1fr_288px\] {
  grid-template-columns: 1fr 288px;
}

.grid-cols-\[1fr_auto\] {
  grid-template-columns: 1fr auto;
}

.grid-cols-\[212px_auto_1fr\] {
  grid-template-columns: 212px auto 1fr;
}

.grid-cols-\[40px_1fr\] {
  grid-template-columns: 40px 1fr;
}

.grid-cols-\[56px_1fr\] {
  grid-template-columns: 56px 1fr;
}

.grid-cols-\[74px_1fr\] {
  grid-template-columns: 74px 1fr;
}

.grid-cols-\[max-content_1fr\] {
  grid-template-columns: max-content 1fr;
}

.grid-cols-\[min-content_1fr\] {
  grid-template-columns: min-content 1fr;
}

.grid-cols-\[repeat\(auto-fit\2c 220px\)\] {
  grid-template-columns: repeat(auto-fit, 220px);
}

.grid-cols-full {
  grid-template-columns: 100%;
}

.\!grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
}

.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-rows-\[104px\] {
  grid-template-rows: 104px;
}

.grid-rows-\[1fr_20px\] {
  grid-template-rows: 1fr 20px;
}

.grid-rows-\[20px_16px\] {
  grid-template-rows: 20px 16px;
}

.grid-rows-\[min-content_1fr\] {
  grid-template-rows: min-content 1fr;
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.place-content-center {
  place-content: center;
}

.place-items-center {
  place-items: center;
}

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

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

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

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

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

.justify-start {
  justify-content: flex-start;
}

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

.justify-end {
  justify-content: flex-end;
}

.\!justify-center {
  justify-content: center !important;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-items-start {
  justify-items: start;
}

.\!gap-0\.5 {
  gap: .125rem !important;
}

.\!gap-1 {
  gap: .25rem !important;
}

.\!gap-1\.5 {
  gap: .375rem !important;
}

.\!gap-2 {
  gap: .5rem !important;
}

.\!gap-2\.5 {
  gap: .625rem !important;
}

.\!gap-3 {
  gap: .75rem !important;
}

.\!gap-5 {
  gap: 1.25rem !important;
}

.gap-0 {
  gap: 0;
}

.gap-0\.5 {
  gap: .125rem;
}

.gap-1 {
  gap: .25rem;
}

.gap-1\.5 {
  gap: .375rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-12 {
  gap: 3rem;
}

.gap-2 {
  gap: .5rem;
}

.gap-2\.5 {
  gap: .625rem;
}

.gap-3 {
  gap: .75rem;
}

.gap-3\.5 {
  gap: .875rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-7 {
  gap: 1.75rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-9 {
  gap: 2.25rem;
}

.gap-\[18px\] {
  gap: 18px;
}

.gap-\[26px\] {
  gap: 26px;
}

.gap-\[30px\] {
  gap: 30px;
}

.gap-\[34px\] {
  gap: 34px;
}

.gap-\[50px\] {
  gap: 50px;
}

.gap-px {
  gap: 1px;
}

.gap-x-1\.5 {
  -moz-column-gap: .375rem;
  column-gap: .375rem;
}

.gap-x-10 {
  -moz-column-gap: 2.5rem;
  column-gap: 2.5rem;
}

.gap-x-2 {
  -moz-column-gap: .5rem;
  column-gap: .5rem;
}

.gap-x-2\.5 {
  -moz-column-gap: .625rem;
  column-gap: .625rem;
}

.gap-x-3 {
  -moz-column-gap: .75rem;
  column-gap: .75rem;
}

.gap-x-4 {
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

.gap-x-5 {
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
}

.gap-x-6 {
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
}

.gap-x-7 {
  -moz-column-gap: 1.75rem;
  column-gap: 1.75rem;
}

.gap-y-0\.5 {
  row-gap: .125rem;
}

.gap-y-1 {
  row-gap: .25rem;
}

.gap-y-10 {
  row-gap: 2.5rem;
}

.gap-y-2 {
  row-gap: .5rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.gap-y-5 {
  row-gap: 1.25rem;
}

.gap-y-6 {
  row-gap: 1.5rem;
}

.-space-x-1>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: -.25rem;
  margin-left: calc(-.25rem*(1 - var(--tw-space-x-reverse)));
  margin-right: 0;
  margin-right: calc(-.25rem*var(--tw-space-x-reverse));
}

.space-x-0>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: 0;
  margin-left: calc(0px*(1 - var(--tw-space-x-reverse)));
  margin-right: 0;
  margin-right: calc(0px*var(--tw-space-x-reverse));
}

.space-x-0\.5>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: .125rem;
  margin-left: calc(.125rem*(1 - var(--tw-space-x-reverse)));
  margin-right: 0;
  margin-right: calc(.125rem*var(--tw-space-x-reverse));
}

.space-x-1>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: .25rem;
  margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
  margin-right: 0;
  margin-right: calc(.25rem*var(--tw-space-x-reverse));
}

.space-x-1\.5>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: .375rem;
  margin-left: calc(.375rem*(1 - var(--tw-space-x-reverse)));
  margin-right: 0;
  margin-right: calc(.375rem*var(--tw-space-x-reverse));
}

.space-x-10>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: 2.5rem;
  margin-left: calc(2.5rem*(1 - var(--tw-space-x-reverse)));
  margin-right: 0;
  margin-right: calc(2.5rem*var(--tw-space-x-reverse));
}

.space-x-2>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: .5rem;
  margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
  margin-right: 0;
  margin-right: calc(.5rem*var(--tw-space-x-reverse));
}

.space-x-2\.5>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: .625rem;
  margin-left: calc(.625rem*(1 - var(--tw-space-x-reverse)));
  margin-right: 0;
  margin-right: calc(.625rem*var(--tw-space-x-reverse));
}

.space-x-3>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: .75rem;
  margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse)));
  margin-right: 0;
  margin-right: calc(.75rem*var(--tw-space-x-reverse));
}

.space-x-4>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: 1rem;
  margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
  margin-right: 0;
  margin-right: calc(1rem*var(--tw-space-x-reverse));
}

.space-x-5>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: 1.25rem;
  margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)));
  margin-right: 0;
  margin-right: calc(1.25rem*var(--tw-space-x-reverse));
}

.space-x-6>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: 1.5rem;
  margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)));
  margin-right: 0;
  margin-right: calc(1.5rem*var(--tw-space-x-reverse));
}

.space-x-8>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: 2rem;
  margin-left: calc(2rem*(1 - var(--tw-space-x-reverse)));
  margin-right: 0;
  margin-right: calc(2rem*var(--tw-space-x-reverse));
}

.space-x-\[45px\]>:not([hidden])~:not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: 45px;
  margin-left: calc(45px*(1 - var(--tw-space-x-reverse)));
  margin-right: 0;
  margin-right: calc(45px*var(--tw-space-x-reverse));
}

.space-y-0\.5>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: 0;
  margin-bottom: calc(.125rem*var(--tw-space-y-reverse));
  margin-top: .125rem;
  margin-top: calc(.125rem*(1 - var(--tw-space-y-reverse)));
}

.space-y-1>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: 0;
  margin-bottom: calc(.25rem*var(--tw-space-y-reverse));
  margin-top: .25rem;
  margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)));
}

.space-y-1\.5>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: 0;
  margin-bottom: calc(.375rem*var(--tw-space-y-reverse));
  margin-top: .375rem;
  margin-top: calc(.375rem*(1 - var(--tw-space-y-reverse)));
}

.space-y-12>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: 0;
  margin-bottom: calc(3rem*var(--tw-space-y-reverse));
  margin-top: 3rem;
  margin-top: calc(3rem*(1 - var(--tw-space-y-reverse)));
}

.space-y-2>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: 0;
  margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
  margin-top: .5rem;
  margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)));
}

.space-y-2\.5>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: 0;
  margin-bottom: calc(.625rem*var(--tw-space-y-reverse));
  margin-top: .625rem;
  margin-top: calc(.625rem*(1 - var(--tw-space-y-reverse)));
}

.space-y-3>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: 0;
  margin-bottom: calc(.75rem*var(--tw-space-y-reverse));
  margin-top: .75rem;
  margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)));
}

.space-y-4>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: 0;
  margin-bottom: calc(1rem*var(--tw-space-y-reverse));
  margin-top: 1rem;
  margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)));
}

.space-y-5>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: 0;
  margin-bottom: calc(1.25rem*var(--tw-space-y-reverse));
  margin-top: 1.25rem;
  margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)));
}

.space-y-6>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: 0;
  margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));
  margin-top: 1.5rem;
  margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)));
}

.space-y-8>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: 0;
  margin-bottom: calc(2rem*var(--tw-space-y-reverse));
  margin-top: 2rem;
  margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)));
}

.space-y-\[38px\]>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: 0;
  margin-bottom: calc(38px*var(--tw-space-y-reverse));
  margin-top: 38px;
  margin-top: calc(38px*(1 - var(--tw-space-y-reverse)));
}

.divide-x>:not([hidden])~:not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-left-width: 1px;
  border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse)));
  border-right-width: 0;
  border-right-width: calc(1px*var(--tw-divide-x-reverse));
}

.divide-y>:not([hidden])~:not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-bottom-width: 0;
  border-bottom-width: calc(1px*var(--tw-divide-y-reverse));
  border-top-width: 1px;
  border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)));
}

.divide-solid>:not([hidden])~:not([hidden]) {
  border-style: solid;
}

.divide-dashed>:not([hidden])~:not([hidden]) {
  border-style: dashed;
}

.divide-gray-40>:not([hidden])~:not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: #e2e6f5;
  border-color: rgb(226 230 245/var(--tw-divide-opacity));
}

.divide-gray-50>:not([hidden])~:not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: #d8dded;
  border-color: rgb(216 221 237/var(--tw-divide-opacity));
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

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

.self-stretch {
  align-self: stretch;
}

.justify-self-start {
  justify-self: start;
}

.justify-self-end {
  justify-self: end;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.\!overflow-visible {
  overflow: visible !important;
}

.overflow-visible {
  overflow: visible;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.\!overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.\!overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.overscroll-contain {
  overscroll-behavior: contain;
}

.overscroll-none {
  overscroll-behavior: none;
}

.scroll-smooth {
  scroll-behavior: smooth;
}

.truncate {
  overflow: hidden;
  white-space: nowrap;
}

.text-ellipsis,
.truncate {
  text-overflow: ellipsis;
}

.whitespace-normal {
  white-space: normal;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.whitespace-pre {
  white-space: pre;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.text-nowrap {
  text-wrap: nowrap;
}

.break-words {
  overflow-wrap: break-word;
}

.break-all {
  word-break: break-all;
}

.\!rounded-\[10px\] {
  border-radius: 10px !important;
}

.\!rounded-\[18px\] {
  border-radius: 18px !important;
}

.\!rounded-full {
  border-radius: 9999px !important;
}

.\!rounded-lg {
  border-radius: .5rem !important;
}

.\!rounded-md {
  border-radius: .375rem !important;
}

.\!rounded-none {
  border-radius: 0 !important;
}

.\!rounded-xl {
  border-radius: .75rem !important;
}

.rounded {
  border-radius: .25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-\[1\.125rem\] {
  border-radius: 1.125rem;
}

.rounded-\[10px\] {
  border-radius: 10px;
}

.rounded-\[14px\] {
  border-radius: 14px;
}

.rounded-\[18px\] {
  border-radius: 18px;
}

.rounded-\[20px\] {
  border-radius: 20px;
}

.rounded-\[22px\] {
  border-radius: 22px;
}

.rounded-\[24px\] {
  border-radius: 24px;
}

.rounded-\[30px\] {
  border-radius: 30px;
}

.rounded-\[32px\] {
  border-radius: 32px;
}

.rounded-\[38px\] {
  border-radius: 38px;
}

.rounded-\[40px\] {
  border-radius: 40px;
}

.rounded-\[42px\] {
  border-radius: 42px;
}

.rounded-\[44px\] {
  border-radius: 44px;
}

.rounded-\[46px\] {
  border-radius: 46px;
}

.rounded-\[50px\] {
  border-radius: 50px;
}

.rounded-\[54px\] {
  border-radius: 54px;
}

.rounded-\[inherit\] {
  border-radius: inherit;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: .5rem;
}

.rounded-md {
  border-radius: .375rem;
}

.rounded-none {
  border-radius: 0;
}

.rounded-sm {
  border-radius: .125rem;
}

.rounded-xl {
  border-radius: .75rem;
}

.\!rounded-b-none {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.\!rounded-t-2xl {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}

.rounded-b-2xl {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.rounded-b-\[10px\] {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.rounded-b-lg {
  border-bottom-left-radius: .5rem;
  border-bottom-right-radius: .5rem;
}

.rounded-b-md {
  border-bottom-left-radius: .375rem;
  border-bottom-right-radius: .375rem;
}

.rounded-b-none {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.rounded-t-\[10px\] {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.rounded-t-\[20px\] {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.rounded-t-lg {
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
}

.rounded-t-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.rounded-t-xl {
  border-top-left-radius: .75rem;
  border-top-right-radius: .75rem;
}

.rounded-bl-2xl {
  border-bottom-left-radius: 1rem;
}

.rounded-bl-\[30px\] {
  border-bottom-left-radius: 30px;
}

.rounded-tl-\[30px\] {
  border-top-left-radius: 30px;
}

.rounded-tl-md {
  border-top-left-radius: .375rem;
}

.rounded-tr-\[30px\] {
  border-top-right-radius: 30px;
}

.\!border-2 {
  border-width: 2px !important;
}

.\!border-\[6px\] {
  border-width: 6px !important;
}

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0;
}

.border-2 {
  border-width: 2px;
}

.border-4 {
  border-width: 4px;
}

.border-8 {
  border-width: 8px;
}

.border-\[3px\] {
  border-width: 3px;
}

.border-y {
  border-top-width: 1px;
}

.border-b,
.border-y {
  border-bottom-width: 1px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-l-2 {
  border-left-width: 2px;
}

.border-r {
  border-right-width: 1px;
}

.border-t {
  border-top-width: 1px;
}

.border-t-2 {
  border-top-width: 2px;
}

.border-dashed {
  border-style: dashed;
}

.border-dotted {
  border-style: dotted;
}

.border-none {
  border-style: none;
}

.\!border-blue-300 {
  --tw-border-opacity: 1 !important;
  border-color: #2853fc !important;
  border-color: rgb(40 83 252/var(--tw-border-opacity)) !important;
}

.\!border-gray-1100 {
  --tw-border-opacity: 1 !important;
  border-color: #282f3d !important;
  border-color: rgb(40 47 61/var(--tw-border-opacity)) !important;
}

.\!border-gray-30 {
  --tw-border-opacity: 1 !important;
  border-color: #ebeffa !important;
  border-color: rgb(235 239 250/var(--tw-border-opacity)) !important;
}

.\!border-gray-300 {
  --tw-border-opacity: 1 !important;
  border-color: #697696 !important;
  border-color: rgb(105 118 150/var(--tw-border-opacity)) !important;
}

.\!border-gray-60 {
  --tw-border-opacity: 1 !important;
  border-color: #ccd2e3 !important;
  border-color: rgb(204 210 227/var(--tw-border-opacity)) !important;
}

.\!border-gray-900 {
  --tw-border-opacity: 1 !important;
  border-color: #364057 !important;
  border-color: rgb(54 64 87/var(--tw-border-opacity)) !important;
}

.\!border-red-300 {
  --tw-border-opacity: 1 !important;
  border-color: #e01f26 !important;
  border-color: rgb(224 31 38/var(--tw-border-opacity)) !important;
}

.\!border-transparent {
  border-color: transparent !important;
}

.border-\[\#474D70\] {
  --tw-border-opacity: 1;
  border-color: #474d70;
  border-color: rgb(71 77 112/var(--tw-border-opacity));
}

.border-\[\#CCD2E366\] {
  border-color: #ccd2e366;
}

.border-blue-100 {
  --tw-border-opacity: 1;
  border-color: #4076ff;
  border-color: rgb(64 118 255/var(--tw-border-opacity));
}

.border-blue-300 {
  --tw-border-opacity: 1;
  border-color: #2853fc;
  border-color: rgb(40 83 252/var(--tw-border-opacity));
}

.border-blue-40 {
  --tw-border-opacity: 1;
  border-color: #d4e4ff;
  border-color: rgb(212 228 255/var(--tw-border-opacity));
}

.border-blue-400 {
  --tw-border-opacity: 1;
  border-color: #1b4df2;
  border-color: rgb(27 77 242/var(--tw-border-opacity));
}

.border-blue-80 {
  --tw-border-opacity: 1;
  border-color: #73a4ff;
  border-color: rgb(115 164 255/var(--tw-border-opacity));
}

.border-current {
  border-color: currentColor;
}

.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: #8997b5;
  border-color: rgb(137 151 181/var(--tw-border-opacity));
}

.border-gray-20 {
  --tw-border-opacity: 1;
  border-color: #f4f6fc;
  border-color: rgb(244 246 252/var(--tw-border-opacity));
}

.border-gray-30 {
  --tw-border-opacity: 1;
  border-color: #ebeffa;
  border-color: rgb(235 239 250/var(--tw-border-opacity));
}

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: #697696;
  border-color: rgb(105 118 150/var(--tw-border-opacity));
}

.border-gray-40 {
  --tw-border-opacity: 1;
  border-color: #e2e6f5;
  border-color: rgb(226 230 245/var(--tw-border-opacity));
}

.border-gray-50 {
  --tw-border-opacity: 1;
  border-color: #d8dded;
  border-color: rgb(216 221 237/var(--tw-border-opacity));
}

.border-gray-60 {
  --tw-border-opacity: 1;
  border-color: #ccd2e3;
  border-color: rgb(204 210 227/var(--tw-border-opacity));
}

.border-gray-60\/40 {
  border-color: rgba(204, 210, 227, .4);
}

.border-gray-70 {
  --tw-border-opacity: 1;
  border-color: #bcc4d9;
  border-color: rgb(188 196 217/var(--tw-border-opacity));
}

.border-gray-700 {
  --tw-border-opacity: 1;
  border-color: #454f63;
  border-color: rgb(69 79 99/var(--tw-border-opacity));
}

.border-gray-80 {
  --tw-border-opacity: 1;
  border-color: #abb6ce;
  border-color: rgb(171 182 206/var(--tw-border-opacity));
}

.border-gray-800 {
  --tw-border-opacity: 1;
  border-color: #3e485c;
  border-color: rgb(62 72 92/var(--tw-border-opacity));
}

.border-gray-900 {
  --tw-border-opacity: 1;
  border-color: #364057;
  border-color: rgb(54 64 87/var(--tw-border-opacity));
}

.border-green-200 {
  --tw-border-opacity: 1;
  border-color: #07b012;
  border-color: rgb(7 176 18/var(--tw-border-opacity));
}

.border-red-100 {
  --tw-border-opacity: 1;
  border-color: #f23f3f;
  border-color: rgb(242 63 63/var(--tw-border-opacity));
}

.border-red-200 {
  --tw-border-opacity: 1;
  border-color: #eb2a2a;
  border-color: rgb(235 42 42/var(--tw-border-opacity));
}

.border-red-300 {
  --tw-border-opacity: 1;
  border-color: #e01f26;
  border-color: rgb(224 31 38/var(--tw-border-opacity));
}

.border-red-40 {
  --tw-border-opacity: 1;
  border-color: #ffd9d1;
  border-color: rgb(255 217 209/var(--tw-border-opacity));
}

.border-red-90 {
  --tw-border-opacity: 1;
  border-color: #fc5656;
  border-color: rgb(252 86 86/var(--tw-border-opacity));
}

.border-transparent {
  border-color: transparent;
}

.border-violet-40 {
  --tw-border-opacity: 1;
  border-color: #e3d7fc;
  border-color: rgb(227 215 252/var(--tw-border-opacity));
}

.border-white {
  --tw-border-opacity: 1;
  border-color: #fff;
  border-color: rgb(255 255 255/var(--tw-border-opacity));
}

.border-white\/60 {
  border-color: hsla(0, 0%, 100%, .6);
}

.\!border-l-gray-800 {
  --tw-border-opacity: 1 !important;
  border-left-color: #3e485c !important;
  border-left-color: rgb(62 72 92/var(--tw-border-opacity)) !important;
}

.\!border-l-white {
  --tw-border-opacity: 1 !important;
  border-left-color: #fff !important;
  border-left-color: rgb(255 255 255/var(--tw-border-opacity)) !important;
}

.border-b-gray-20 {
  --tw-border-opacity: 1;
  border-bottom-color: #f4f6fc;
  border-bottom-color: rgb(244 246 252/var(--tw-border-opacity));
}

.border-b-gray-40 {
  --tw-border-opacity: 1;
  border-bottom-color: #e2e6f5;
  border-bottom-color: rgb(226 230 245/var(--tw-border-opacity));
}

.border-b-transparent {
  border-bottom-color: transparent;
}

.border-l-blue-600 {
  --tw-border-opacity: 1;
  border-left-color: #183bc7;
  border-left-color: rgb(24 59 199/var(--tw-border-opacity));
}

.border-t-gray-20 {
  --tw-border-opacity: 1;
  border-top-color: #f4f6fc;
  border-top-color: rgb(244 246 252/var(--tw-border-opacity));
}

.border-t-gray-40 {
  --tw-border-opacity: 1;
  border-top-color: #e2e6f5;
  border-top-color: rgb(226 230 245/var(--tw-border-opacity));
}

.\!bg-blue-30 {
  --tw-bg-opacity: 1 !important;
  background-color: #e0edff !important;
  background-color: rgb(224 237 255/var(--tw-bg-opacity)) !important;
}

.\!bg-custom-black\/40 {
  background-color: rgba(15, 27, 51, .4) !important;
}

.\!bg-gray-20 {
  --tw-bg-opacity: 1 !important;
  background-color: #f4f6fc !important;
  background-color: rgb(244 246 252/var(--tw-bg-opacity)) !important;
}

.\!bg-gray-200 {
  --tw-bg-opacity: 1 !important;
  background-color: #7b87a6 !important;
  background-color: rgb(123 135 166/var(--tw-bg-opacity)) !important;
}

.\!bg-gray-30 {
  --tw-bg-opacity: 1 !important;
  background-color: #ebeffa !important;
  background-color: rgb(235 239 250/var(--tw-bg-opacity)) !important;
}

.\!bg-gray-40 {
  --tw-bg-opacity: 1 !important;
  background-color: #e2e6f5 !important;
  background-color: rgb(226 230 245/var(--tw-bg-opacity)) !important;
}

.\!bg-gray-900 {
  --tw-bg-opacity: 1 !important;
  background-color: #364057 !important;
  background-color: rgb(54 64 87/var(--tw-bg-opacity)) !important;
}

.\!bg-red-10 {
  --tw-bg-opacity: 1 !important;
  background-color: #fff9f7 !important;
  background-color: rgb(255 249 247/var(--tw-bg-opacity)) !important;
}

.\!bg-red-300 {
  --tw-bg-opacity: 1 !important;
  background-color: #e01f26 !important;
  background-color: rgb(224 31 38/var(--tw-bg-opacity)) !important;
}

.\!bg-transparent {
  background-color: transparent !important;
}

.\!bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: #fff !important;
  background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important;
}

.bg-\[\#0F1B33\] {
  --tw-bg-opacity: 1;
  background-color: #0f1b33;
  background-color: rgb(15 27 51/var(--tw-bg-opacity));
}

.bg-\[\#101010\] {
  --tw-bg-opacity: 1;
  background-color: #101010;
  background-color: rgb(16 16 16/var(--tw-bg-opacity));
}

.bg-\[\#102131\] {
  --tw-bg-opacity: 1;
  background-color: #102131;
  background-color: rgb(16 33 49/var(--tw-bg-opacity));
}

.bg-\[\#115b91\] {
  --tw-bg-opacity: 1;
  background-color: #115b91;
  background-color: rgb(17 91 145/var(--tw-bg-opacity));
}

.bg-\[\#116b91\] {
  --tw-bg-opacity: 1;
  background-color: #116b91;
  background-color: rgb(17 107 145/var(--tw-bg-opacity));
}

.bg-\[\#122999\] {
  --tw-bg-opacity: 1;
  background-color: #122999;
  background-color: rgb(18 41 153/var(--tw-bg-opacity));
}

.bg-\[\#15192E\] {
  --tw-bg-opacity: 1;
  background-color: #15192e;
  background-color: rgb(21 25 46/var(--tw-bg-opacity));
}

.bg-\[\#1F1E36\],
.bg-\[\#1f1e36\] {
  --tw-bg-opacity: 1;
  background-color: #1f1e36;
  background-color: rgb(31 30 54/var(--tw-bg-opacity));
}

.bg-\[\#232F48\] {
  --tw-bg-opacity: 1;
  background-color: #232f48;
  background-color: rgb(35 47 72/var(--tw-bg-opacity));
}

.bg-\[\#364057\] {
  --tw-bg-opacity: 1;
  background-color: #364057;
  background-color: rgb(54 64 87/var(--tw-bg-opacity));
}

.bg-\[\#3D198B\] {
  --tw-bg-opacity: 1;
  background-color: #3d198b;
  background-color: rgb(61 25 139/var(--tw-bg-opacity));
}

.bg-\[\#651191\] {
  --tw-bg-opacity: 1;
  background-color: #651191;
  background-color: rgb(101 17 145/var(--tw-bg-opacity));
}

.bg-\[\#E8EAEA\] {
  --tw-bg-opacity: 1;
  background-color: #e8eaea;
  background-color: rgb(232 234 234/var(--tw-bg-opacity));
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: #000;
  background-color: rgb(0 0 0/var(--tw-bg-opacity));
}

.bg-black\/40 {
  background-color: rgba(0, 0, 0, .4);
}

.bg-black\/50 {
  background-color: rgba(0, 0, 0, .5);
}

.bg-black\/60 {
  background-color: rgba(0, 0, 0, .6);
}

.bg-black\/80 {
  background-color: rgba(0, 0, 0, .8);
}

.bg-black\/85 {
  background-color: rgba(0, 0, 0, .85);
}

.bg-black\/\[\.03\] {
  background-color: rgba(0, 0, 0, .03);
}

.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: #4076ff;
  background-color: rgb(64 118 255/var(--tw-bg-opacity));
}

.bg-blue-20 {
  --tw-bg-opacity: 1;
  background-color: #edf5ff;
  background-color: rgb(237 245 255/var(--tw-bg-opacity));
}

.bg-blue-200 {
  --tw-bg-opacity: 1;
  background-color: #3064ff;
  background-color: rgb(48 100 255/var(--tw-bg-opacity));
}

.bg-blue-30 {
  --tw-bg-opacity: 1;
  background-color: #e0edff;
  background-color: rgb(224 237 255/var(--tw-bg-opacity));
}

.bg-blue-300 {
  --tw-bg-opacity: 1;
  background-color: #2853fc;
  background-color: rgb(40 83 252/var(--tw-bg-opacity));
}

.bg-blue-300\/30 {
  background-color: rgba(40, 83, 252, .3);
}

.bg-blue-40 {
  --tw-bg-opacity: 1;
  background-color: #d4e4ff;
  background-color: rgb(212 228 255/var(--tw-bg-opacity));
}

.bg-blue-400 {
  --tw-bg-opacity: 1;
  background-color: #1b4df2;
  background-color: rgb(27 77 242/var(--tw-bg-opacity));
}

.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: #2347d9;
  background-color: rgb(35 71 217/var(--tw-bg-opacity));
}

.bg-blue-60 {
  --tw-bg-opacity: 1;
  background-color: #abcaff;
  background-color: rgb(171 202 255/var(--tw-bg-opacity));
}

.bg-blue-90 {
  --tw-bg-opacity: 1;
  background-color: #598eff;
  background-color: rgb(89 142 255/var(--tw-bg-opacity));
}

.bg-custom-black\/0 {
  background-color: rgba(15, 27, 51, 0);
}

.bg-custom-black\/40 {
  background-color: rgba(15, 27, 51, .4);
}

.bg-custom-black\/70 {
  background-color: rgba(15, 27, 51, .7);
}

.bg-gray-10 {
  --tw-bg-opacity: 1;
  background-color: #fafbff;
  background-color: rgb(250 251 255/var(--tw-bg-opacity));
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: #8997b5;
  background-color: rgb(137 151 181/var(--tw-bg-opacity));
}

.bg-gray-1000 {
  --tw-bg-opacity: 1;
  background-color: #2e364a;
  background-color: rgb(46 54 74/var(--tw-bg-opacity));
}

.bg-gray-1100 {
  --tw-bg-opacity: 1;
  background-color: #282f3d;
  background-color: rgb(40 47 61/var(--tw-bg-opacity));
}

.bg-gray-20 {
  --tw-bg-opacity: 1;
  background-color: #f4f6fc;
  background-color: rgb(244 246 252/var(--tw-bg-opacity));
}

.bg-gray-30 {
  --tw-bg-opacity: 1;
  background-color: #ebeffa;
  background-color: rgb(235 239 250/var(--tw-bg-opacity));
}

.bg-gray-30\/20 {
  background-color: rgba(235, 239, 250, .2);
}

.bg-gray-30\/50 {
  background-color: rgba(235, 239, 250, .5);
}

.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: #697696;
  background-color: rgb(105 118 150/var(--tw-bg-opacity));
}

.bg-gray-40 {
  --tw-bg-opacity: 1;
  background-color: #e2e6f5;
  background-color: rgb(226 230 245/var(--tw-bg-opacity));
}

.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: #d8dded;
  background-color: rgb(216 221 237/var(--tw-bg-opacity));
}

.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: #545d75;
  background-color: rgb(84 93 117/var(--tw-bg-opacity));
}

.bg-gray-60 {
  --tw-bg-opacity: 1;
  background-color: #ccd2e3;
  background-color: rgb(204 210 227/var(--tw-bg-opacity));
}

.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: #4c566b;
  background-color: rgb(76 86 107/var(--tw-bg-opacity));
}

.bg-gray-70 {
  --tw-bg-opacity: 1;
  background-color: #bcc4d9;
  background-color: rgb(188 196 217/var(--tw-bg-opacity));
}

.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: #454f63;
  background-color: rgb(69 79 99/var(--tw-bg-opacity));
}

.bg-gray-80 {
  --tw-bg-opacity: 1;
  background-color: #abb6ce;
  background-color: rgb(171 182 206/var(--tw-bg-opacity));
}

.bg-gray-80\/90 {
  background-color: rgba(171, 182, 206, .9);
}

.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: #3e485c;
  background-color: rgb(62 72 92/var(--tw-bg-opacity));
}

.bg-gray-90 {
  --tw-bg-opacity: 1;
  background-color: #99a7c4;
  background-color: rgb(153 167 196/var(--tw-bg-opacity));
}

.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: #364057;
  background-color: rgb(54 64 87/var(--tw-bg-opacity));
}

.bg-gray-900\/70 {
  background-color: rgba(54, 64, 87, .7);
}

.bg-green-10 {
  --tw-bg-opacity: 1;
  background-color: #f4fff2;
  background-color: rgb(244 255 242/var(--tw-bg-opacity));
}

.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: #17bf22;
  background-color: rgb(23 191 34/var(--tw-bg-opacity));
}

.bg-green-20 {
  --tw-bg-opacity: 1;
  background-color: #e1ffde;
  background-color: rgb(225 255 222/var(--tw-bg-opacity));
}

.bg-green-200 {
  --tw-bg-opacity: 1;
  background-color: #07b012;
  background-color: rgb(7 176 18/var(--tw-bg-opacity));
}

.bg-green-40 {
  --tw-bg-opacity: 1;
  background-color: #c7fac3;
  background-color: rgb(199 250 195/var(--tw-bg-opacity));
}

.bg-indigo-30 {
  --tw-bg-opacity: 1;
  background-color: #e3e5ff;
  background-color: rgb(227 229 255/var(--tw-bg-opacity));
}

.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: #f59218;
  background-color: rgb(245 146 24/var(--tw-bg-opacity));
}

.bg-orange-20 {
  --tw-bg-opacity: 1;
  background-color: #fff9de;
  background-color: rgb(255 249 222/var(--tw-bg-opacity));
}

.bg-orange-30 {
  --tw-bg-opacity: 1;
  background-color: #fff4d0;
  background-color: rgb(255 244 208/var(--tw-bg-opacity));
}

.bg-orange-40 {
  --tw-bg-opacity: 1;
  background-color: #ffedba;
  background-color: rgb(255 237 186/var(--tw-bg-opacity));
}

.bg-orange-60 {
  --tw-bg-opacity: 1;
  background-color: #ffd684;
  background-color: rgb(255 214 132/var(--tw-bg-opacity));
}

.bg-orange-90 {
  --tw-bg-opacity: 1;
  background-color: #faa434;
  background-color: rgb(250 164 52/var(--tw-bg-opacity));
}

.bg-red-10 {
  --tw-bg-opacity: 1;
  background-color: #fff9f7;
  background-color: rgb(255 249 247/var(--tw-bg-opacity));
}

.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: #f23f3f;
  background-color: rgb(242 63 63/var(--tw-bg-opacity));
}

.bg-red-20 {
  --tw-bg-opacity: 1;
  background-color: #ffefeb;
  background-color: rgb(255 239 235/var(--tw-bg-opacity));
}

.bg-red-30 {
  --tw-bg-opacity: 1;
  background-color: #ffe6e0;
  background-color: rgb(255 230 224/var(--tw-bg-opacity));
}

.bg-red-300 {
  --tw-bg-opacity: 1;
  background-color: #e01f26;
  background-color: rgb(224 31 38/var(--tw-bg-opacity));
}

.bg-red-300\/50 {
  background-color: rgba(224, 31, 38, .5);
}

.bg-red-40 {
  --tw-bg-opacity: 1;
  background-color: #ffd9d1;
  background-color: rgb(255 217 209/var(--tw-bg-opacity));
}

.bg-red-400 {
  --tw-bg-opacity: 1;
  background-color: #d61125;
  background-color: rgb(214 17 37/var(--tw-bg-opacity));
}

.bg-red-60 {
  --tw-bg-opacity: 1;
  background-color: #ffb1a8;
  background-color: rgb(255 177 168/var(--tw-bg-opacity));
}

.bg-red-90 {
  --tw-bg-opacity: 1;
  background-color: #fc5656;
  background-color: rgb(252 86 86/var(--tw-bg-opacity));
}

.bg-tomato-20 {
  --tw-bg-opacity: 1;
  background-color: #ffedeb;
  background-color: rgb(255 237 235/var(--tw-bg-opacity));
}

.bg-transparent {
  background-color: transparent;
}

.bg-violet-30 {
  --tw-bg-opacity: 1;
  background-color: #ebe0fc;
  background-color: rgb(235 224 252/var(--tw-bg-opacity));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: #fff;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
}

.bg-white\/10 {
  background-color: hsla(0, 0%, 100%, .1);
}

.bg-white\/30 {
  background-color: hsla(0, 0%, 100%, .3);
}

.bg-white\/40 {
  background-color: hsla(0, 0%, 100%, .4);
}

.bg-white\/80 {
  background-color: hsla(0, 0%, 100%, .8);
}

.bg-white\/90 {
  background-color: hsla(0, 0%, 100%, .9);
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.bg-none {
  background-image: none;
}

.from-\[\#32FBFC\] {
  --tw-gradient-from: #32fbfc var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(50, 251, 252, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#72E77D\] {
  --tw-gradient-from: #72e77d var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(114, 231, 125, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#FDD33F\] {
  --tw-gradient-from: #fdd33f var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(253, 211, 63, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#FF3226\] {
  --tw-gradient-from: #ff3226 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(255, 50, 38, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#FF948F\] {
  --tw-gradient-from: #ff948f var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(3, 100%, 78%, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#FFECEB\] {
  --tw-gradient-from: #ffeceb var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(3, 100%, 96%, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-black\/0,
.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-white {
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-white\/0 {
  --tw-gradient-from: hsla(0, 0%, 100%, 0) var(--tw-gradient-from-position);
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-60\% {
  --tw-gradient-from-position: 60%;
}

.via-white {
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-\[\#102131\] {
  --tw-gradient-to: #102131 var(--tw-gradient-to-position);
}

.to-\[\#132234\] {
  --tw-gradient-to: #132234 var(--tw-gradient-to-position);
}

.to-\[\#2AAA49\] {
  --tw-gradient-to: #2aaa49 var(--tw-gradient-to-position);
}

.to-\[\#3214F2\] {
  --tw-gradient-to: #3214f2 var(--tw-gradient-to-position);
}

.to-\[\#F2A100\] {
  --tw-gradient-to: #f2a100 var(--tw-gradient-to-position);
}

.to-\[\#F82B23\] {
  --tw-gradient-to: #f82b23 var(--tw-gradient-to-position);
}

.to-\[\#FF6726\] {
  --tw-gradient-to: #ff6726 var(--tw-gradient-to-position);
}

.to-\[\#FFF6D4\] {
  --tw-gradient-to: #fff6d4 var(--tw-gradient-to-position);
}

.to-black {
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
}

.to-white {
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}

.to-white\/0 {
  --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
}

.to-25\% {
  --tw-gradient-to-position: 25%;
}

.bg-contain {
  background-size: contain;
}

.bg-cover {
  background-size: cover;
}

.bg-clip-padding {
  background-clip: padding-box;
}

.bg-center {
  background-position: 50%;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.\!fill-gray-30\/10 {
  fill: rgba(235, 239, 250, .1) !important;
}

.fill-blue-20 {
  fill: #edf5ff;
}

.fill-gray-20 {
  fill: #f4f6fc;
}

.fill-gray-40 {
  fill: #e2e6f5;
}

.fill-red-20 {
  fill: #ffefeb;
}

.fill-transparent {
  fill: transparent;
}

.stroke-blue-40 {
  stroke: #d4e4ff;
}

.stroke-blue-70 {
  stroke: #8cb6ff;
}

.stroke-gray-20 {
  stroke: #f4f6fc;
}

.stroke-gray-40 {
  stroke: #e2e6f5;
}

.stroke-gray-90 {
  stroke: #99a7c4;
}

.stroke-red-20 {
  stroke: #ffefeb;
}

.object-contain {
  -o-object-fit: contain;
  object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.object-scale-down {
  -o-object-fit: scale-down;
  object-fit: scale-down;
}

.\!p-0 {
  padding: 0 !important;
}

.\!p-1\.5 {
  padding: .375rem !important;
}

.\!p-2 {
  padding: .5rem !important;
}

.p-0 {
  padding: 0;
}

.p-0\.5 {
  padding: .125rem;
}

.p-1 {
  padding: .25rem;
}

.p-1\.5 {
  padding: .375rem;
}

.p-10 {
  padding: 2.5rem;
}

.p-2 {
  padding: .5rem;
}

.p-2\.5 {
  padding: .625rem;
}

.p-20 {
  padding: 5rem;
}

.p-3 {
  padding: .75rem;
}

.p-3\.5 {
  padding: .875rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-7 {
  padding: 1.75rem;
}

.p-8 {
  padding: 2rem;
}

.\!px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.\!px-1\.5 {
  padding-left: .375rem !important;
  padding-right: .375rem !important;
}

.\!px-10 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.\!px-2 {
  padding-left: .5rem !important;
  padding-right: .5rem !important;
}

.\!px-2\.5 {
  padding-left: .625rem !important;
  padding-right: .625rem !important;
}

.\!px-3 {
  padding-left: .75rem !important;
  padding-right: .75rem !important;
}

.\!px-3\.5 {
  padding-left: .875rem !important;
  padding-right: .875rem !important;
}

.\!px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.\!px-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.\!py-2 {
  padding-bottom: .5rem !important;
  padding-top: .5rem !important;
}

.\!py-2\.5 {
  padding-bottom: .625rem !important;
  padding-top: .625rem !important;
}

.\!py-3 {
  padding-bottom: .75rem !important;
  padding-top: .75rem !important;
}

.\!py-4 {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;
}

.\!py-5 {
  padding-bottom: 1.25rem !important;
  padding-top: 1.25rem !important;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.px-0\.5 {
  padding-left: .125rem;
  padding-right: .125rem;
}

.px-1 {
  padding-left: .25rem;
  padding-right: .25rem;
}

.px-1\.5 {
  padding-left: .375rem;
  padding-right: .375rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.px-2 {
  padding-left: .5rem;
  padding-right: .5rem;
}

.px-2\.5 {
  padding-left: .625rem;
  padding-right: .625rem;
}

.px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.px-3 {
  padding-left: .75rem;
  padding-right: .75rem;
}

.px-3\.5 {
  padding-left: .875rem;
  padding-right: .875rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-40 {
  padding-left: 10rem;
  padding-right: 10rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-5\.5 {
  padding-left: 22px;
  padding-right: 22px;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

.px-\[18px\] {
  padding-left: 18px;
  padding-right: 18px;
}

.px-\[26px\] {
  padding-left: 26px;
  padding-right: 26px;
}

.px-\[30px\] {
  padding-left: 30px;
  padding-right: 30px;
}

.px-\[52px\] {
  padding-left: 52px;
  padding-right: 52px;
}

.px-\[60px\] {
  padding-left: 60px;
  padding-right: 60px;
}

.py-0 {
  padding-bottom: 0;
  padding-top: 0;
}

.py-0\.5 {
  padding-bottom: .125rem;
  padding-top: .125rem;
}

.py-1 {
  padding-bottom: .25rem;
  padding-top: .25rem;
}

.py-1\.5 {
  padding-bottom: .375rem;
  padding-top: .375rem;
}

.py-10 {
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
}

.py-12 {
  padding-bottom: 3rem;
  padding-top: 3rem;
}

.py-16 {
  padding-bottom: 4rem;
  padding-top: 4rem;
}

.py-2 {
  padding-bottom: .5rem;
  padding-top: .5rem;
}

.py-2\.5 {
  padding-bottom: .625rem;
  padding-top: .625rem;
}

.py-20 {
  padding-bottom: 5rem;
  padding-top: 5rem;
}

.py-3 {
  padding-bottom: .75rem;
  padding-top: .75rem;
}

.py-3\.5 {
  padding-bottom: .875rem;
  padding-top: .875rem;
}

.py-4 {
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.py-40 {
  padding-bottom: 10rem;
  padding-top: 10rem;
}

.py-5 {
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
}

.py-5\.5 {
  padding-bottom: 22px;
  padding-top: 22px;
}

.py-6 {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}

.py-7 {
  padding-bottom: 1.75rem;
  padding-top: 1.75rem;
}

.py-8 {
  padding-bottom: 2rem;
  padding-top: 2rem;
}

.py-\[18px\] {
  padding-bottom: 18px;
  padding-top: 18px;
}

.py-\[30px\] {
  padding-bottom: 30px;
  padding-top: 30px;
}

.py-\[60px\] {
  padding-bottom: 60px;
  padding-top: 60px;
}

.py-\[90px\] {
  padding-bottom: 90px;
  padding-top: 90px;
}

.py-px {
  padding-bottom: 1px;
  padding-top: 1px;
}

.\!pb-2 {
  padding-bottom: .5rem !important;
}

.\!pl-4 {
  padding-left: 1rem !important;
}

.\!pl-5\.5 {
  padding-left: 22px !important;
}

.\!pl-9 {
  padding-left: 2.25rem !important;
}

.\!pr-5 {
  padding-right: 1.25rem !important;
}

.\!pt-0 {
  padding-top: 0 !important;
}

.\!pt-2 {
  padding-top: .5rem !important;
}

.\!pt-3 {
  padding-top: .75rem !important;
}

.\!pt-4 {
  padding-top: 1rem !important;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-0\.5 {
  padding-bottom: .125rem;
}

.pb-1 {
  padding-bottom: .25rem;
}

.pb-1\.5 {
  padding-bottom: .375rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pb-14 {
  padding-bottom: 3.5rem;
}

.pb-2 {
  padding-bottom: .5rem;
}

.pb-2\.5 {
  padding-bottom: .625rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.pb-28 {
  padding-bottom: 7rem;
}

.pb-3 {
  padding-bottom: .75rem;
}

.pb-3\.5 {
  padding-bottom: .875rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pb-5\.5 {
  padding-bottom: 22px;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-7 {
  padding-bottom: 1.75rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pb-\[18px\] {
  padding-bottom: 18px;
}

.pb-\[63px\] {
  padding-bottom: 63px;
}

.pb-\[78px\] {
  padding-bottom: 78px;
}

.pl-0 {
  padding-left: 0;
}

.pl-0\.5 {
  padding-left: .125rem;
}

.pl-1 {
  padding-left: .25rem;
}

.pl-1\.5 {
  padding-left: .375rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pl-11 {
  padding-left: 2.75rem;
}

.pl-14 {
  padding-left: 3.5rem;
}

.pl-2 {
  padding-left: .5rem;
}

.pl-2\.5 {
  padding-left: .625rem;
}

.pl-3 {
  padding-left: .75rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pl-5\.5 {
  padding-left: 22px;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pl-\[210px\] {
  padding-left: 210px;
}

.pl-\[266px\] {
  padding-left: 266px;
}

.pl-\[30px\] {
  padding-left: 30px;
}

.pl-\[34px\] {
  padding-left: 34px;
}

.pl-\[38px\] {
  padding-left: 38px;
}

.pl-\[42px\] {
  padding-left: 42px;
}

.pr-0 {
  padding-right: 0;
}

.pr-0\.5 {
  padding-right: .125rem;
}

.pr-1 {
  padding-right: .25rem;
}

.pr-1\.5 {
  padding-right: .375rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.pr-16 {
  padding-right: 4rem;
}

.pr-2 {
  padding-right: .5rem;
}

.pr-2\.5 {
  padding-right: .625rem;
}

.pr-3 {
  padding-right: .75rem;
}

.pr-3\.5 {
  padding-right: .875rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.pr-5\.5 {
  padding-right: 22px;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pr-7 {
  padding-right: 1.75rem;
}

.pr-8 {
  padding-right: 2rem;
}

.pr-9 {
  padding-right: 2.25rem;
}

.pt-0 {
  padding-top: 0;
}

.pt-0\.5 {
  padding-top: .125rem;
}

.pt-1 {
  padding-top: .25rem;
}

.pt-1\.5 {
  padding-top: .375rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pt-11 {
  padding-top: 2.75rem;
}

.pt-16 {
  padding-top: 4rem;
}

.pt-2 {
  padding-top: .5rem;
}

.pt-2\.5 {
  padding-top: .625rem;
}

.pt-20 {
  padding-top: 5rem;
}

.pt-3 {
  padding-top: .75rem;
}

.pt-3\.5 {
  padding-top: .875rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pt-5\.5 {
  padding-top: 22px;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pt-7 {
  padding-top: 1.75rem;
}

.pt-8 {
  padding-top: 2rem;
}

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

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

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

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

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

.align-baseline {
  vertical-align: baseline;
}

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

.align-middle {
  vertical-align: middle;
}

.align-bottom {
  vertical-align: bottom;
}

.font-\[inherit\] {
  font-family: inherit;
}

.font-sans {
  font-family: Inter, Base Font, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, system-ui;
}

.\!text-\[10px\] {
  font-size: 10px !important;
}

.\!text-base {
  font-size: 16px !important;
  line-height: 24px !important;
}

.\!text-sm {
  font-size: 14px !important;
  line-height: 20px !important;
}

.\!text-xl {
  font-size: 20px !important;
  line-height: 32px !important;
}

.\!text-xs {
  font-size: 12px !important;
  line-height: 1rem !important;
}

.\!text-xs,
.\!text-xxs {
  letter-spacing: .01em !important;
}

.\!text-xxs {
  font-size: 10px !important;
  line-height: .75rem !important;
}

.text-2xl {
  font-size: 24px;
  line-height: 40px;
}

.text-3xl {
  font-size: 28px;
  line-height: 44px;
}

.text-4xl {
  font-size: 32px;
  line-height: 48px;
}

.text-5xl {
  font-size: 3rem;
  line-height: 1;
}

.text-8xl {
  font-size: 6rem;
  line-height: 1;
}

.text-9xl {
  font-size: 8rem;
  line-height: 1;
}

.text-\[0\.5em\] {
  font-size: .5em;
}

.text-\[10px\] {
  font-size: 10px;
}

.text-\[160px\] {
  font-size: 160px;
}

.text-\[18px\] {
  font-size: 18px;
}

.text-\[20px\] {
  font-size: 20px;
}

.text-\[21px\] {
  font-size: 21px;
}

.text-\[22px\] {
  font-size: 22px;
}

.text-\[24px\] {
  font-size: 24px;
}

.text-\[26px\] {
  font-size: 26px;
}

.text-\[28px\] {
  font-size: 28px;
}

.text-\[30px\] {
  font-size: 30px;
}

.text-\[32px\] {
  font-size: 32px;
}

.text-\[36px\] {
  font-size: 36px;
}

.text-\[38px\] {
  font-size: 38px;
}

.text-\[40px\] {
  font-size: 40px;
}

.text-\[44px\] {
  font-size: 44px;
}

.text-\[48px\] {
  font-size: 48px;
}

.text-\[50px\] {
  font-size: 50px;
}

.text-\[6px\] {
  font-size: 6px;
}

.text-\[8px\] {
  font-size: 8px;
}

.text-\[9px\] {
  font-size: 9px;
}

.text-base {
  font-size: 16px;
  line-height: 24px;
}

.text-lg {
  font-size: 18px;
  line-height: 28px;
}

.text-sm {
  font-size: 14px;
  line-height: 20px;
}

.text-xl {
  font-size: 20px;
  line-height: 32px;
}

.text-xs {
  font-size: 12px;
  letter-spacing: .01em;
  line-height: 1rem;
}

.text-xxs {
  font-size: 10px;
  letter-spacing: .01em;
  line-height: .75rem;
}

.\!font-medium {
  font-weight: 500 !important;
}

.\!font-normal {
  font-weight: 400 !important;
}

.\!font-semibold {
  font-weight: 600 !important;
}

.font-bold {
  font-weight: 700;
}

.font-light {
  font-weight: 300;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.italic {
  font-style: italic;
}

.not-italic {
  font-style: normal;
}

.\!leading-6 {
  line-height: 1.5rem !important;
}

.\!leading-7 {
  line-height: 1.75rem !important;
}

.leading-10 {
  line-height: 2.5rem;
}

.leading-3 {
  line-height: .75rem;
}

.leading-4 {
  line-height: 1rem;
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-7 {
  line-height: 1.75rem;
}

.leading-8 {
  line-height: 2rem;
}

.leading-9 {
  line-height: 2.25rem;
}

.leading-\[120px\] {
  line-height: 120px;
}

.leading-\[12px\] {
  line-height: 12px;
}

.leading-\[18px\] {
  line-height: 18px;
}

.leading-\[22px\] {
  line-height: 22px;
}

.leading-\[26px\] {
  line-height: 26px;
}

.leading-\[27px\] {
  line-height: 27px;
}

.leading-\[30px\] {
  line-height: 30px;
}

.leading-\[40px\] {
  line-height: 40px;
}

.leading-\[42px\] {
  line-height: 42px;
}

.leading-\[48px\] {
  line-height: 48px;
}

.leading-none {
  line-height: 1;
}

.leading-normal {
  line-height: 1.5;
}

.\!tracking-normal {
  letter-spacing: 0 !important;
}

.-tracking-smallest {
  letter-spacing: -.01em;
}

.tracking-\[0\.01\] {
  letter-spacing: .01;
}

.tracking-\[0\.01em\] {
  letter-spacing: .01em;
}

.tracking-normal {
  letter-spacing: 0;
}

.tracking-smallest {
  letter-spacing: .01em;
}

.tracking-tight {
  letter-spacing: -.025em;
}

.tracking-wide {
  letter-spacing: .025em;
}

.\!text-blue-300 {
  --tw-text-opacity: 1 !important;
  color: #2853fc !important;
  color: rgb(40 83 252/var(--tw-text-opacity)) !important;
}

.\!text-custom-black {
  --tw-text-opacity: 1 !important;
  color: #0f1b33 !important;
  color: rgb(15 27 51/var(--tw-text-opacity)) !important;
}

.\!text-gray-100 {
  --tw-text-opacity: 1 !important;
  color: #8997b5 !important;
  color: rgb(137 151 181/var(--tw-text-opacity)) !important;
}

.\!text-gray-1100 {
  --tw-text-opacity: 1 !important;
  color: #282f3d !important;
  color: rgb(40 47 61/var(--tw-text-opacity)) !important;
}

.\!text-gray-300 {
  --tw-text-opacity: 1 !important;
  color: #697696 !important;
  color: rgb(105 118 150/var(--tw-text-opacity)) !important;
}

.\!text-gray-800 {
  --tw-text-opacity: 1 !important;
  color: #3e485c !important;
  color: rgb(62 72 92/var(--tw-text-opacity)) !important;
}

.\!text-gray-90 {
  --tw-text-opacity: 1 !important;
  color: #99a7c4 !important;
  color: rgb(153 167 196/var(--tw-text-opacity)) !important;
}

.\!text-gray-900 {
  --tw-text-opacity: 1 !important;
  color: #364057 !important;
  color: rgb(54 64 87/var(--tw-text-opacity)) !important;
}

.\!text-red-100 {
  --tw-text-opacity: 1 !important;
  color: #f23f3f !important;
  color: rgb(242 63 63/var(--tw-text-opacity)) !important;
}

.\!text-transparent {
  color: transparent !important;
}

.\!text-white {
  --tw-text-opacity: 1 !important;
  color: #fff !important;
  color: rgb(255 255 255/var(--tw-text-opacity)) !important;
}

.\!text-white\/20 {
  color: hsla(0, 0%, 100%, .2) !important;
}

.\!text-white\/40 {
  color: hsla(0, 0%, 100%, .4) !important;
}

.text-\[\#232F48\] {
  --tw-text-opacity: 1;
  color: #232f48;
  color: rgb(35 47 72/var(--tw-text-opacity));
}

.text-\[\#697696\] {
  --tw-text-opacity: 1;
  color: #697696;
  color: rgb(105 118 150/var(--tw-text-opacity));
}

.text-black {
  --tw-text-opacity: 1;
  color: #000;
  color: rgb(0 0 0/var(--tw-text-opacity));
}

.text-blue-100 {
  --tw-text-opacity: 1;
  color: #4076ff;
  color: rgb(64 118 255/var(--tw-text-opacity));
}

.text-blue-1100 {
  --tw-text-opacity: 1;
  color: #0a1769;
  color: rgb(10 23 105/var(--tw-text-opacity));
}

.text-blue-30 {
  --tw-text-opacity: 1;
  color: #e0edff;
  color: rgb(224 237 255/var(--tw-text-opacity));
}

.text-blue-300 {
  --tw-text-opacity: 1;
  color: #2853fc;
  color: rgb(40 83 252/var(--tw-text-opacity));
}

.text-blue-400 {
  --tw-text-opacity: 1;
  color: #1b4df2;
  color: rgb(27 77 242/var(--tw-text-opacity));
}

.text-blue-500 {
  --tw-text-opacity: 1;
  color: #2347d9;
  color: rgb(35 71 217/var(--tw-text-opacity));
}

.text-blue-70 {
  --tw-text-opacity: 1;
  color: #8cb6ff;
  color: rgb(140 182 255/var(--tw-text-opacity));
}

.text-custom-black {
  --tw-text-opacity: 1;
  color: #0f1b33;
  color: rgb(15 27 51/var(--tw-text-opacity));
}

.text-gray-10 {
  --tw-text-opacity: 1;
  color: #fafbff;
  color: rgb(250 251 255/var(--tw-text-opacity));
}

.text-gray-100 {
  --tw-text-opacity: 1;
  color: #8997b5;
  color: rgb(137 151 181/var(--tw-text-opacity));
}

.text-gray-1000 {
  --tw-text-opacity: 1;
  color: #2e364a;
  color: rgb(46 54 74/var(--tw-text-opacity));
}

.text-gray-1100 {
  --tw-text-opacity: 1;
  color: #282f3d;
  color: rgb(40 47 61/var(--tw-text-opacity));
}

.text-gray-20 {
  --tw-text-opacity: 1;
  color: #f4f6fc;
  color: rgb(244 246 252/var(--tw-text-opacity));
}

.text-gray-200 {
  --tw-text-opacity: 1;
  color: #7b87a6;
  color: rgb(123 135 166/var(--tw-text-opacity));
}

.text-gray-30 {
  --tw-text-opacity: 1;
  color: #ebeffa;
  color: rgb(235 239 250/var(--tw-text-opacity));
}

.text-gray-300 {
  --tw-text-opacity: 1;
  color: #697696;
  color: rgb(105 118 150/var(--tw-text-opacity));
}

.text-gray-40 {
  --tw-text-opacity: 1;
  color: #e2e6f5;
  color: rgb(226 230 245/var(--tw-text-opacity));
}

.text-gray-40\/40 {
  color: rgba(226, 230, 245, .4);
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: #5d6882;
  color: rgb(93 104 130/var(--tw-text-opacity));
}

.text-gray-50 {
  --tw-text-opacity: 1;
  color: #d8dded;
  color: rgb(216 221 237/var(--tw-text-opacity));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: #545d75;
  color: rgb(84 93 117/var(--tw-text-opacity));
}

.text-gray-60 {
  --tw-text-opacity: 1;
  color: #ccd2e3;
  color: rgb(204 210 227/var(--tw-text-opacity));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: #4c566b;
  color: rgb(76 86 107/var(--tw-text-opacity));
}

.text-gray-70 {
  --tw-text-opacity: 1;
  color: #bcc4d9;
  color: rgb(188 196 217/var(--tw-text-opacity));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: #454f63;
  color: rgb(69 79 99/var(--tw-text-opacity));
}

.text-gray-80 {
  --tw-text-opacity: 1;
  color: #abb6ce;
  color: rgb(171 182 206/var(--tw-text-opacity));
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: #3e485c;
  color: rgb(62 72 92/var(--tw-text-opacity));
}

.text-gray-90 {
  --tw-text-opacity: 1;
  color: #99a7c4;
  color: rgb(153 167 196/var(--tw-text-opacity));
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: #364057;
  color: rgb(54 64 87/var(--tw-text-opacity));
}

.text-green-100 {
  --tw-text-opacity: 1;
  color: #17bf22;
  color: rgb(23 191 34/var(--tw-text-opacity));
}

.text-green-200 {
  --tw-text-opacity: 1;
  color: #07b012;
  color: rgb(7 176 18/var(--tw-text-opacity));
}

.text-green-300 {
  --tw-text-opacity: 1;
  color: #009e0b;
  color: rgb(0 158 11/var(--tw-text-opacity));
}

.text-lemon-100 {
  --tw-text-opacity: 1;
  color: #e8aa00;
  color: rgb(232 170 0/var(--tw-text-opacity));
}

.text-orange-100 {
  --tw-text-opacity: 1;
  color: #f59218;
  color: rgb(245 146 24/var(--tw-text-opacity));
}

.text-orange-200 {
  --tw-text-opacity: 1;
  color: #f28305;
  color: rgb(242 131 5/var(--tw-text-opacity));
}

.text-orange-300 {
  --tw-text-opacity: 1;
  color: #eb7900;
  color: rgb(235 121 0/var(--tw-text-opacity));
}

.text-orange-400 {
  --tw-text-opacity: 1;
  color: #e36e00;
  color: rgb(227 110 0/var(--tw-text-opacity));
}

.text-orange-90 {
  --tw-text-opacity: 1;
  color: #faa434;
  color: rgb(250 164 52/var(--tw-text-opacity));
}

.text-red-100 {
  --tw-text-opacity: 1;
  color: #f23f3f;
  color: rgb(242 63 63/var(--tw-text-opacity));
}

.text-red-200 {
  --tw-text-opacity: 1;
  color: #eb2a2a;
  color: rgb(235 42 42/var(--tw-text-opacity));
}

.text-red-300 {
  --tw-text-opacity: 1;
  color: #e01f26;
  color: rgb(224 31 38/var(--tw-text-opacity));
}

.text-red-400 {
  --tw-text-opacity: 1;
  color: #d61125;
  color: rgb(214 17 37/var(--tw-text-opacity));
}

.text-red-60 {
  --tw-text-opacity: 1;
  color: #ffb1a8;
  color: rgb(255 177 168/var(--tw-text-opacity));
}

.text-ruby-100 {
  --tw-text-opacity: 1;
  color: #f5313e;
  color: rgb(245 49 62/var(--tw-text-opacity));
}

.text-transparent {
  color: transparent;
}

.text-violet-200 {
  --tw-text-opacity: 1;
  color: #7e4fff;
  color: rgb(126 79 255/var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: #fff;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.text-white\/50 {
  color: hsla(0, 0%, 100%, .5);
}

.text-white\/70 {
  color: hsla(0, 0%, 100%, .7);
}

.underline {
  text-decoration-line: underline;
}

.line-through {
  text-decoration-line: line-through;
}

.\!decoration-solid {
  text-decoration-style: solid !important;
}

.decoration-dotted {
  text-decoration-style: dotted;
}

.decoration-dashed {
  text-decoration-style: dashed;
}

.underline-offset-2 {
  text-underline-offset: 2px;
}

.underline-offset-4 {
  text-underline-offset: 4px;
}

.underline-offset-\[6px\] {
  text-underline-offset: 6px;
}

.\!caret-gray-1100 {
  caret-color: #282f3d !important;
}

.\!caret-gray-200 {
  caret-color: #7b87a6 !important;
}

.caret-blue-300 {
  caret-color: #2853fc;
}

.caret-gray-1100 {
  caret-color: #282f3d;
}

.caret-gray-200 {
  caret-color: #7b87a6;
}

.caret-green-100 {
  caret-color: #17bf22;
}

.\!opacity-100 {
  opacity: 1 !important;
}

.opacity-0 {
  opacity: 0;
}

.opacity-10 {
  opacity: .1;
}

.opacity-100 {
  opacity: 1;
}

.opacity-30 {
  opacity: .3;
}

.opacity-40 {
  opacity: .4;
}

.opacity-5 {
  opacity: .05;
}

.opacity-50 {
  opacity: .5;
}

.opacity-60 {
  opacity: .6;
}

.opacity-65 {
  opacity: .65;
}

.opacity-70 {
  opacity: .7;
}

.opacity-80 {
  opacity: .8;
}

.opacity-90 {
  opacity: .9;
}

.opacity-\[\.03\] {
  opacity: .03;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_-2px_8px_rgba\(28\2c 41\2c 61\2c 0\.08\)\] {
  --tw-shadow: 0 -2px 8px rgba(28, 41, 61, .08);
  --tw-shadow-colored: 0 -2px 8px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 -2px 8px rgba(28, 41, 61, .08);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_-5px_10px_rgba\(28\2c 41\2c 61\2c 0\.04\)\] {
  --tw-shadow: 0 -5px 10px rgba(28, 41, 61, .04);
  --tw-shadow-colored: 0 -5px 10px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 -5px 10px rgba(28, 41, 61, .04);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_1\.3px\] {
  --tw-shadow: 0 0 0 1.3px;
  --tw-shadow-colored: 0 0 0 1.3px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 0 1.3px;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_1px\] {
  --tw-shadow: 0 0 0 1px;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 0 1px;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_2px\] {
  --tw-shadow: 0 0 0 2px;
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 0 2px;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_0_3px\] {
  --tw-shadow: 0 0 0 3px;
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 0 3px;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_10px_20px_rgba\(46\2c 91\2c 132\2c 0\.2\)\] {
  --tw-shadow: 0 10px 20px rgba(46, 91, 132, .2);
  --tw-shadow-colored: 0 10px 20px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 20px rgba(46, 91, 132, .2);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_10px_30px_\#102131\] {
  --tw-shadow: 0 10px 30px #102131;
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 30px #102131;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_10px_30px_0_rgba\(28\2c 65\2c 92\2c \.25\)\] {
  --tw-shadow: 0 10px 30px 0 rgba(28, 65, 92, .25);
  --tw-shadow-colored: 0 10px 30px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 30px 0 rgba(28, 65, 92, .25);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_1px_3px_0_rgba\(0\2c 0\2c 0\2c 0\.3\)\] {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgba(0, 0, 0, .3);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_4px_10px_rgba\(40\2c 83\2c 252\2c 0\.4\)\] {
  --tw-shadow: 0 4px 10px rgba(40, 83, 252, .4);
  --tw-shadow-colored: 0 4px 10px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 10px rgba(40, 83, 252, .4);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_4px_15px_rgba\(1\2c 75\2c 130\2c 0\.3\)\] {
  --tw-shadow: 0 4px 15px rgba(1, 75, 130, .3);
  --tw-shadow-colored: 0 4px 15px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 15px rgba(1, 75, 130, .3);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_6px_6px_0_white\] {
  --tw-shadow: 0 6px 6px 0 #fff;
  --tw-shadow-colored: 0 6px 6px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 6px 6px 0 #fff;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_-1px_0_0_0\] {
  --tw-shadow: inset -1px 0 0 0;
  --tw-shadow-colored: inset -1px 0 0 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, inset -1px 0 0 0;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_0_-1px_0_0\2c inset_0_1px_0_0\] {
  --tw-shadow: inset 0 -1px 0 0, inset 0 1px 0 0;
  --tw-shadow-colored: inset 0 -1px 0 0 var(--tw-shadow-color), inset 0 1px 0 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, inset 0 -1px 0 0, inset 0 1px 0 0;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_0_-1px_0_0\] {
  --tw-shadow: inset 0 -1px 0 0;
  --tw-shadow-colored: inset 0 -1px 0 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, inset 0 -1px 0 0;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_0_0_0_1px\] {
  --tw-shadow: inset 0 0 0 1px;
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, inset 0 0 0 1px;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_0_0_0_2px\] {
  --tw-shadow: inset 0 0 0 2px;
  --tw-shadow-colored: inset 0 0 0 2px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, inset 0 0 0 2px;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_0_0_1px_1px\] {
  --tw-shadow: inset 0 0 1px 1px;
  --tw-shadow-colored: inset 0 0 1px 1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, inset 0 0 1px 1px;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_0_1px_0_0\] {
  --tw-shadow: inset 0 1px 0 0;
  --tw-shadow-colored: inset 0 1px 0 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, inset 0 1px 0 0;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_1px_0_0_0\2c _inset_-1px_0_0_0\],
.shadow-\[inset_1px_0_0_0\2c inset_-1px_0_0_0\] {
  --tw-shadow: inset 1px 0 0 0, inset -1px 0 0 0;
  --tw-shadow-colored: inset 1px 0 0 0 var(--tw-shadow-color), inset -1px 0 0 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, inset 1px 0 0 0, inset -1px 0 0 0;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_1px_0_0_0\] {
  --tw-shadow: inset 1px 0 0 0;
  --tw-shadow-colored: inset 1px 0 0 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, inset 1px 0 0 0;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[inset_2px_0_0_0\] {
  --tw-shadow: inset 2px 0 0 0;
  --tw-shadow-colored: inset 2px 0 0 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, inset 2px 0 0 0;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow: 0px 0px 1px rgba(6, 37, 84, .25), 0px 12px 14px rgba(28, 41, 61, .03), 0px 5px 15px rgba(28, 41, 61, .02);
  --tw-shadow-colored: 0px 0px 1px var(--tw-shadow-color), 0px 12px 14px var(--tw-shadow-color), 0px 5px 15px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 1px rgba(6, 37, 84, .25), 0 12px 14px rgba(28, 41, 61, .03), 0 5px 15px rgba(28, 41, 61, .02);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
  --tw-shadow: 0px 0px 1px rgba(6, 37, 84, .2), 0px 2px 8px rgba(28, 41, 61, .08);
  --tw-shadow-colored: 0px 0px 1px var(--tw-shadow-color), 0px 2px 8px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 1px rgba(6, 37, 84, .2), 0 2px 8px rgba(28, 41, 61, .08);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-modal {
  --tw-shadow: 0px 10px 30px rgba(28, 65, 92, .25);
  --tw-shadow-colored: 0px 10px 30px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 30px rgba(28, 65, 92, .25);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm {
  --tw-shadow: 0px 2px 2px rgba(30, 40, 60, .08);
  --tw-shadow-colored: 0px 2px 2px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 2px 2px rgba(30, 40, 60, .08);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xxs {
  --tw-shadow: 0px 0px 1px rgba(28, 41, 61, .08);
  --tw-shadow-colored: 0px 0px 1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 1px rgba(28, 41, 61, .08);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.\!shadow-gray-50 {
  --tw-shadow-color: #d8dded !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}

.shadow-blue-300 {
  --tw-shadow-color: #2853fc;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-gray-40 {
  --tw-shadow-color: #e2e6f5;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-gray-60 {
  --tw-shadow-color: #ccd2e3;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-gray-80 {
  --tw-shadow-color: #abb6ce;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-red-100 {
  --tw-shadow-color: #f23f3f;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-red-300 {
  --tw-shadow-color: #e01f26;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-red-60 {
  --tw-shadow-color: #ffb1a8;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-white {
  --tw-shadow-color: #fff;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-white\/40 {
  --tw-shadow-color: hsla(0, 0%, 100%, .4);
  --tw-shadow: var(--tw-shadow-colored);
}

.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.outline {
  outline-style: solid;
}

.outline-dashed {
  outline-style: dashed;
}

.outline-1 {
  outline-width: 1px;
}

.outline-2 {
  outline-width: 2px;
}

.-outline-offset-1 {
  outline-offset: -1px;
}

.-outline-offset-2 {
  outline-offset: -2px;
}

.outline-\[rgba\(78\2c 79\2c 89\2c 0\.12\)\] {
  outline-color: rgba(78, 79, 89, .12);
}

.outline-blue-300 {
  outline-color: #2853fc;
}

.outline-gray-1100 {
  outline-color: #282f3d;
}

.outline-gray-40 {
  outline-color: #e2e6f5;
}

.outline-gray-50 {
  outline-color: #d8dded;
}

.outline-gray-60 {
  outline-color: #ccd2e3;
}

.outline-gray-70 {
  outline-color: #bcc4d9;
}

.outline-green-50 {
  outline-color: #b3f5b0;
}

.outline-orange-300 {
  outline-color: #eb7900;
}

.outline-orange-60 {
  outline-color: #ffd684;
}

.outline-red-300 {
  outline-color: #e01f26;
}

.outline-red-40 {
  outline-color: #ffd9d1;
}

.outline-red-50 {
  outline-color: #ffcac2;
}

.outline-white {
  outline-color: #fff;
}

.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color), var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color), 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-gray-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(137 151 181/var(--tw-ring-opacity));
}

.blur {
  --tw-blur: blur(8px);
  filter: blur(8px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-2xl {
  --tw-blur: blur(40px);
  filter: blur(40px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-3xl {
  --tw-blur: blur(64px);
  filter: blur(64px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-\[100px\] {
  --tw-blur: blur(100px);
  filter: blur(100px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-\[104px\] {
  --tw-blur: blur(104px);
  filter: blur(104px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-\[130px\] {
  --tw-blur: blur(130px);
  filter: blur(130px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-\[200px\] {
  --tw-blur: blur(200px);
  filter: blur(200px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-\[300px\] {
  --tw-blur: blur(300px);
  filter: blur(300px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-\[600px\] {
  --tw-blur: blur(600px);
  filter: blur(600px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-\[75px\] {
  --tw-blur: blur(75px);
  filter: blur(75px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-md {
  --tw-blur: blur(12px);
  filter: blur(12px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.brightness-90 {
  --tw-brightness: brightness(.9);
  filter: var(--tw-blur) brightness(.9) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, .1)) drop-shadow(0 1px 1px rgba(0, 0, 0, .06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 1px 2px rgb(0 0 0/.1)) drop-shadow(0 1px 1px rgb(0 0 0/.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow-\[0_10px_25px_rgba\(0\2c 0\2c 0\2c 0\.4\)\] {
  --tw-drop-shadow: drop-shadow(0 10px 25px rgba(0, 0, 0, .4));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 10px 25px rgba(0, 0, 0, .4));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow-\[0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.3\)\] {
  --tw-drop-shadow: drop-shadow(0 1px 3px rgba(0, 0, 0, .3));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 1px 3px rgba(0, 0, 0, .3));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow-\[0_2px_6px_rgba\(0\2c 0\2c 0\2c 0\.2\)\] {
  --tw-drop-shadow: drop-shadow(0 2px 6px rgba(0, 0, 0, .2));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 2px 6px rgba(0, 0, 0, .2));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.hue-rotate-180 {
  --tw-hue-rotate: hue-rotate(180deg);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) hue-rotate(180deg) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.saturate-\[\.2\] {
  --tw-saturate: saturate(.2);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) saturate(.2) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter,
.saturate-\[\.2\] {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur-lg {
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: blur(16px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: blur(16px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition {
  transition-duration: .15s;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[border-radius\] {
  transition-duration: .15s;
  transition-property: border-radius;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[left\] {
  transition-duration: .15s;
  transition-property: left;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[margin\] {
  transition-duration: .15s;
  transition-property: margin;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[max-width\] {
  transition-duration: .15s;
  transition-property: max-width;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[padding\] {
  transition-duration: .15s;
  transition-property: padding;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[top\] {
  transition-duration: .15s;
  transition-property: top;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-all {
  transition-duration: .15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-colors {
  transition-duration: .15s;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-none {
  transition-property: none;
}

.transition-opacity {
  transition-duration: .15s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-transform {
  transition-duration: .15s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.delay-1000 {
  transition-delay: 1s;
}

.delay-200 {
  transition-delay: .2s;
}

.delay-300 {
  transition-delay: .3s;
}

.delay-500 {
  transition-delay: .5s;
}

.delay-700 {
  transition-delay: .7s;
}

.delay-75 {
  transition-delay: 75ms;
}

.duration-100 {
  transition-duration: .1s;
}

.duration-1000 {
  transition-duration: 1s;
}

.duration-200 {
  transition-duration: .2s;
}

.duration-300 {
  transition-duration: .3s;
}

.duration-500 {
  transition-duration: .5s;
}

.duration-\[1\.5s\] {
  transition-duration: 1.5s;
}

.duration-\[2s\] {
  transition-duration: 2s;
}

.duration-\[350ms\] {
  transition-duration: .35s;
}

.duration-\[3s\] {
  transition-duration: 3s;
}

.duration-\[4s\] {
  transition-duration: 4s;
}

.ease-\[cubic-bezier\(1\2c 0\2c 1\2c 0\)\] {
  transition-timing-function: cubic-bezier(1, 0, 1, 0);
}

.ease-in {
  transition-timing-function: cubic-bezier(.4, 0, 1, 1);
}

.ease-in-out {
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.ease-linear {
  transition-timing-function: linear;
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, .2, 1);
}

.will-change-contents {
  will-change: contents;
}

.will-change-scroll {
  will-change: scroll-position;
}

.will-change-transform {
  will-change: transform;
}
</style>
<style type="text/css">
.vue-slider-process,
.vue-slider-dot {
  transition: none !important
}

.vue-slider {
  cursor: pointer
}

.vue-slider-dot-tooltip {
  display: none !important
}

.vue-slider-dot {
  background: black !important;
  border-radius: 50%;
  box-shadow: none;
  height: 12px !important;
  width: 12px !important
}

.vue-slider-dot-handle {
  background: transparent !important;
  box-shadow: none
}

.vue-slider-rail {
  background: #f2f2f2 !important
}

.vue-slider-process {
  background: black !important
}

.vue-slider {
  height: 2px !important
}
</style>
<style>
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  /* visibility: visible; */
  max-width: 100%;
  /* Not required for horizontal scroll to trigger */
  max-height: 100%;
  /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  right: 2px;
  width: 4px;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: #adafca;
  border-radius: 7px;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: .4;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/*--------------------
CUSTOM STYLES
--------------------*/
[data-simplebar].navigation-widget {
  position: fixed;
}

[data-simplebar].navigation-widget .simplebar-scrollbar {
  right: 4px;
}
</style>

<style>
@charset "UTF-8";

progress,
sub,
sup {
  vertical-align: baseline
}

.auth-scl__list,
.author-widget__info,
.breadcrumbs,
.footer__lang-list,
.header__dropdown,
.header__icons,
.header__nav,
.instruction__list,
.main-screen__tabs,
.nav__item_lang,
.nav__item_write,
.nav__list,
.radio-list,
.slick-dots,
.spec-project__body ul,
.tab-list,
.tab-list__dropdown,
.tabs {
  margin: 0;
  padding: 0;
  list-style: none
}

.author-media span,
.bet-form-heading b,
.bm-author__url .seo-block__column-link,
.bm-author__url a,
.bm-media span,
.collection-item__title,
.footer__lang .seo-block__column-link,
.footer__lang a,
.reviews-item__author span,
.top-slide__bm-info span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

#whatsapp-icon-body,
#whatsapp-icon-phone,
.arrowed-link:after,
.auth-modal__close,
.auth-scl__list .icon,
.bm-bonus-item,
.bm-form__bookmaker.selected .icon,
.bm-rekl-modal__close,
.bm-search__item,
.bm-tooltip,
.breadcrumbs__item .seo-block__column-link,
.breadcrumbs__item a,
.button,
.button-blank,
.button_load .collection-item__stat,
.button_load .forbidden-ref-link,
.button_load .tab-list__count,
.button_load .text-40,
.check-square.seo-block__column-link .check-square__title,
.checkbox__square:before,
.checkbox__text,
.collection-sm__icon,
.collection-sm__title,
.effect-block,
.effect-block>:last-child,
.effect-block>img,
.effect-block>picture,
.expander .icon,
.footer__block .footer__heading:after,
.footer__lang-list,
.footer__lang:after,
.form__image-loader:hover,
.form__uploaded-file .icon,
.header,
.header__dropdown,
.header__dropdown li .seo-block__column-link,
.header__dropdown li a,
.header__icons li:hover .icon,
.header__item,
.header__nav>li>.seo-block__column-link:after,
.header__nav>li>a:after,
.header__rekl-banner-close,
.header_main:not(.header_sticky) .header__auth-user .no-avatar,
.header_main:not(.header_sticky) .header__auth-user img,
.header_violet .header__auth-user .no-avatar,
.header_violet .header__auth-user img,
.main-screen__button,
.main-screen__tabs .seo-block__column-link,
.main-screen__tabs a,
.main-screen__tabs li,
.nav,
.nav__item_lang .seo-block__column-link,
.nav__item_lang a,
.nav__item_lang>.seo-block__column-link:after,
.nav__item_lang>.seo-block__column-link:before,
.nav__item_lang>a:after,
.nav__item_lang>a:before,
.nav__item_lang>span:after,
.nav__item_lang>span:before,
.nav__item_write .seo-block__column-link,
.nav__item_write a,
.nav__item_write>.seo-block__column-link:after,
.nav__item_write>.seo-block__column-link:before,
.nav__item_write>a:after,
.nav__item_write>a:before,
.nav__item_write>span:after,
.nav__item_write>span:before,
.nav__list .seo-block__column-link,
.nav__list a,
.nav__list-heading:after,
.nav__list-heading:before,
.post-card,
.post-card__image img,
.radio__circle:before,
.radio__text,
.review-modal .icon-close,
.reviews-item,
.reviews-item__more,
.section__more,
.section__more-expand .icon,
.seo-block__column-link,
.share__item .icon,
.slider-arrow,
.tab-list__dropdown,
.tab-list__dropdown .seo-block__column-link,
.tab-list__dropdown a,
.tab-list__item>.seo-block__column-link,
.tab-list__item>a,
.tab-list__item_dropdown>.seo-block__column-link,
.tab-list__item_dropdown>.seo-block__column-link:after,
.tab-list__item_dropdown>a,
.tab-list__item_dropdown>a:after,
a,
a.check-square .check-square__title {
  -webkit-transition: all .2s;
  transition: all .2s
}

.bm-bonus-slider,
.check-squares,
.forecasts-block__days-tabs,
.forecasts-block__sport-tabs,
.form__uploaded-files,
.instruction__examples,
.post-card-line,
.reviews-list {
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch
}

.bm-bonus-slider::-webkit-scrollbar,
.check-squares::-webkit-scrollbar,
.forecasts-block__days-tabs::-webkit-scrollbar,
.forecasts-block__sport-tabs::-webkit-scrollbar,
.form__uploaded-files::-webkit-scrollbar,
.instruction__examples::-webkit-scrollbar,
.post-card-line::-webkit-scrollbar,
.reviews-list::-webkit-scrollbar {
  display: none
}

.bm-search,
.button_load,
.section,
.sidebar__block {
  background-color: #fff;
  border-radius: 8px
}

.author-media,
.bm-media,
.reviews-item__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 1.5rem;
  overflow: hidden
}

button,
hr,
input {
  overflow: visible
}

.author-media img,
.bm-media img,
.reviews-item__author img {
  max-width: 1.5rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 1.5rem;
  flex: 1 0 1.5rem;
  border-radius: 8px
}

.author-media span,
.bm-media span,
.reviews-item__author span {
  display: block;
  font-weight: 500;
}

.text,
.text-lg,
.text-md,
.text-sm {
  line-height: 1.5;
  font-size: 1rem
}

.text-lg:last-child,
.text-md:last-child,
.text-sm:last-child,
.text:last-child {
  margin-bottom: 0
}

.bm-countries__stat:not(.disabled) .bm-countries__rate:after,
.main-screen__verified,
.rate,
.star-review__bm .bm-media,
.tab-list__item.verified .seo-block__column-link:after,
.tab-list__item.verified a:after {
  position: relative
}

.bm-countries__stat:not(.disabled) .bm-countries__rate:after,
.main-screen__verified:after,
.rate:after,
.star-review__bm .bm-media:after,
.tab-list__item.verified .seo-block__column-link:after,
.tab-list__item.verified a:after {
  content: '';
  position: absolute;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background: url(/rr/images/verified-label.svg) no-repeat;
  background-size: cover
}

.bm-search__result.preloader:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  background: url(/rr/images/preloader.svg) no-repeat;
  background-size: cover;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.agreement,
.arrowed-link,
.auth-modal__tabs .tabs__item,
.bm-countries__stat:not(.disabled) .bm-countries__rate,
.bm-form__bookmaker.search-trigger,
.bm-form__bookmaker.selected,
.button,
.check-squares,
.checkbox__text,
.form__image-loader,
.radio__text {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.auth-input,
.bet-form-input input {
  max-width: 420px;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border: 1px solid #EBEBEB;
  border-radius: 8px
}

.col,
.col-auto,
legend {
  max-width: 100%
}

.auth-input:-webkit-autofill,
.bet-form-input input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  -webkit-text-fill-color: rgba(0, 0, 0, .8) !important
}

.auth-input:-moz-autofill,
.bet-form-input input:-moz-autofill {
  -moz-text-fill-color: rgba(0, 0, 0, .8) !important;
  -moz-box-shadow: 0 0 0 1000px #fff inset
}

.auth-input:-o-autofill,
.bet-form-input input:-o-autofill {
  -o-text-fill-color: rgba(0, 0, 0, .8) !important;
  -o-box-shadow: 0 0 0 1000px #fff inset
}

.auth-input:-khtml-autofill,
.bet-form-input input:-khtml-autofill {
  -khtml-text-fill-color: rgba(0, 0, 0, .8) !important;
  -khtml-box-shadow: 0 0 0 1000px #fff inset
}

.animated-label .form__label {
  display: block;
  font-size: .875rem;
  color: rgba(0, 0, 0, .5)
}

audio,
canvas,
progress,
span.fr-emoticon.fr-emoticon-img,
video {
  display: inline-block
}

@font-face {
  font-family: "iconfont-6.0";
  src: url(/rr/fonts/iconfont/iconfont-6.0.eot);
  src: url(/rr/fonts/iconfont/iconfont-6.0.eot) format("embedded-opentype"), url(/rr/fonts/iconfont/iconfont-6.0.woff2) format("woff2"), url(/rr/fonts/iconfont/iconfont-6.0.woff) format("woff"), url(/rr/fonts/iconfont/iconfont-6.0.ttf) format("truetype");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: 'icomoon';
  src: url(/rr/fonts/iconfont/icomoon.eot);
  src: url(/rr/fonts/iconfont/icomoon.eot) format("embedded-opentype"), url(/rr/fonts/iconfont/icomoon.woff2) format("woff2"), url(/rr/fonts/iconfont/icomoon.woff) format("woff"), url(/rr/fonts/iconfont/icomoon.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block
}

.alert-danger .ui-pnotify-text:before,
.alert-success .ui-pnotify-text:before,
.arrowed-link:after,
.button_card:after,
.checkbox__square:before,
.faq-widget__header:after,
.footer__block .footer__heading:after,
.footer__breadcrumbs .breadcrumbs__item .seo-block__column-link:before,
.footer__breadcrumbs .breadcrumbs__item a:before,
.footer__lang:after,
.header__nav>li>.seo-block__column-link:after,
.header__nav>li>a:after,
.header__version-link:after,
.icon:before,
.instruction__list li:before,
.nav__item_lang .nav__item_write>.seo-block__column-link:after,
.nav__item_lang .nav__item_write>a:after,
.nav__item_lang .nav__item_write>span:after,
.nav__item_lang .nav__list-heading:after,
.nav__item_lang-current:after,
.nav__item_lang>.seo-block__column-link:after,
.nav__item_lang>a:after,
.nav__item_lang>span:after,
.nav__item_write .nav__item_lang>.seo-block__column-link:after,
.nav__item_write .nav__item_lang>a:after,
.nav__item_write .nav__item_lang>span:after,
.nav__item_write .nav__list-heading:after,
.nav__item_write>.seo-block__column-link:after,
.nav__item_write>a:after,
.nav__item_write>span:after,
.nav__list .nav__item_lang>.seo-block__column-link:after,
.nav__list .nav__item_lang>a:after,
.nav__list .nav__item_lang>span:after,
.nav__list .nav__item_write>.seo-block__column-link:after,
.nav__list .nav__item_write>a:after,
.nav__list .nav__item_write>span:after,
.nav__list .nav__list-heading:after,
.select2-container--default .select2-selection--single .select2-selection__arrow:after,
.select2-search--dropdown:after,
.seo-block__column-link:after,
.spec-project__body ul li:before,
.tab-list__item_dropdown>.seo-block__column-link:after,
.tab-list__item_dropdown>a:after,
.win__select-current:after {
  font-family: "iconfont-6.0";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none
}

.alert-danger .ui-pnotify-text:before,
.icon-alert-danger:before {
  content: '\ea01'
}

.alert-success .ui-pnotify-text:before,
.icon-alert-success:before {
  content: '\ea02'
}

.icon-android-logo:before {
  content: '\ea03'
}

.icon-android:before {
  content: '\ea04'
}

.icon-apple-logo:before {
  content: '\ea05'
}

.icon-arrow-2:before {
  content: '\ea06'
}

.button_card:after,
.icon-arrow-right:before {
  content: '\ea07'
}

.arrowed-link:after,
.faq-widget__header:after,
.footer__block .footer__heading:after,
.footer__breadcrumbs .breadcrumbs__item .seo-block__column-link:before,
.footer__breadcrumbs .breadcrumbs__item a:before,
.footer__lang:after,
.header__nav>li>.seo-block__column-link:after,
.header__nav>li>a:after,
.header__version-link:after,
.icon-arrow:before,
.nav__item_lang .nav__item_write>.seo-block__column-link:after,
.nav__item_lang .nav__item_write>a:after,
.nav__item_lang .nav__item_write>span:after,
.nav__item_lang .nav__list-heading:after,
.nav__item_lang-current:after,
.nav__item_lang>.seo-block__column-link:after,
.nav__item_lang>a:after,
.nav__item_lang>span:after,
.nav__item_write .nav__item_lang>.seo-block__column-link:after,
.nav__item_write .nav__item_lang>a:after,
.nav__item_write .nav__item_lang>span:after,
.nav__item_write .nav__list-heading:after,
.nav__item_write>.seo-block__column-link:after,
.nav__item_write>a:after,
.nav__item_write>span:after,
.nav__list .nav__item_lang>.seo-block__column-link:after,
.nav__list .nav__item_lang>a:after,
.nav__list .nav__item_lang>span:after,
.nav__list .nav__item_write>.seo-block__column-link:after,
.nav__list .nav__item_write>a:after,
.nav__list .nav__item_write>span:after,
.nav__list .nav__list-heading:after,
.select2-container--default .select2-selection--single .select2-selection__arrow:after,
.seo-block__column-link:after,
.tab-list__item_dropdown>.seo-block__column-link:after,
.tab-list__item_dropdown>a:after,
.win__select-current:after {
  content: '\ea08'
}

.icon-atletic:before {
  content: '\ea09'
}

.icon-bars:before {
  content: '\ea0a'
}

.icon-baseball:before {
  content: '\ea0b'
}

.icon-basketball-ball:before {
  font-family: "icomoon";
  content: "\e900";
  color: #4f1a80
}

.icon-chart:before {
  content: '\ea0d'
}

.checkbox__square:before,
.icon-check:before,
.instruction__list.instruction__list_check li:before,
.spec-project__body ul li:before {
  content: '\ea0e'
}

.icon-close-bold:before {
  content: '\ea0f'
}

.icon-close:before,
.instruction__list.instruction__list_close li:before {
  content: '\ea10'
}

.icon-coef:before {
  content: '\ea11'
}

.icon-comment:before {
  content: '\ea12'
}

.icon-copy:before {
  content: '\ea13'
}

.icon-coupon:before {
  content: '\ea14'
}

.icon-cricket:before {
  content: '\ea15'
}

.icon-cybersport:before {
  content: '\ea16'
}

.icon-darts:before {
  content: '\ea17'
}

.icon-delete:before {
  content: '\ea18'
}

.icon-dislike-face:before {
  content: '\ea19'
}

.icon-dollar-circle:before {
  content: '\ea1a'
}

.icon-download:before {
  content: '\ea1b'
}

.icon-earth:before {
  content: '\ea1c'
}

.icon-edit-square:before {
  content: '\ea1d'
}

.icon-edit:before {
  content: '\ea1e'
}

.icon-f-ball:before {
  content: '\ea1f'
}

.icon-facebook:before {
  content: '\ea20'
}

.icon-fight-alt:before {
  content: '\ea21'
}

.icon-fight:before {
  content: '\ea22'
}

.icon-filter:before {
  content: '\ea23'
}

.icon-football-alt:before {
  content: '\ea24'
}

.icon-football:before {
  content: '\ea25'
}

.icon-formula:before {
  content: '\ea26'
}

.icon-gandball-1:before {
  content: '\ea27'
}

.icon-gear-check:before {
  content: '\ea28'
}

.icon-gift:before {
  content: '\ea29'
}

.icon-golf-1:before {
  content: '\ea2a'
}

.icon-heart-empty:before {
  content: '\ea2b'
}

.icon-hockey-alt:before {
  content: '\ea2c'
}

.icon-hockey:before {
  content: '\ea2d'
}

.icon-horse-racing:before {
  content: '\ea2e'
}

.icon-info-alt:before {
  content: '\ea2f'
}

.icon-info:before {
  content: '\ea30'
}

.icon-instagram:before {
  content: '\ea31'
}

.icon-ios:before {
  content: '\ea32'
}

.icon-like-face:before {
  content: '\ea33'
}

.icon-like:before {
  content: '\ea34'
}

.icon-line:before {
  content: '\ea35'
}

.icon-link:before {
  content: '\ea36'
}

.icon-live:before {
  content: '\ea37'
}

.icon-logout:before {
  content: '\ea38'
}

.icon-mailru:before {
  content: '\ea39'
}

.icon-map-marker:before {
  content: '\ea3a'
}

.icon-mma:before {
  content: '\ea3b'
}

.icon-mobile:before {
  content: '\ea3c'
}

.icon-nfl:before {
  content: '\ea3d'
}

.icon-odnoklassniki:before {
  content: '\ea3e'
}

.icon-photo-add:before {
  content: '\ea3f'
}

.icon-photo:before {
  content: '\ea40'
}

.icon-plus:before {
  content: '\ea41'
}

.icon-preloader:before {
  content: '\ea42'
}

.icon-question-circle:before {
  content: '\ea43'
}

.icon-regby:before {
  content: '\ea44'
}

.icon-reliability:before {
  content: '\ea45'
}

.icon-review-star:before {
  content: '\ea46'
}

.icon-round-star:before {
  content: '\ea47'
}

.icon-rounded-check:before {
  content: '\ea48'
}

.icon-rr-agent:before {
  content: '\ea49'
}

.icon-rr-currency:before {
  content: '\ea4a'
}

.icon-rr:before {
  content: '\ea4b'
}

.icon-sad:before {
  content: '\ea4c'
}

.icon-search:before,
.select2-search--dropdown:after {
  content: '\ea4d'
}

.icon-sniper:before {
  content: '\ea4e'
}

.icon-star-empty:before {
  content: '\ea4f'
}

.icon-star:before {
  content: '\ea50'
}

.icon-submit-plane:before {
  content: '\ea51'
}

.icon-telegram:before {
  content: '\ea52'
}

.icon-tennis-alt:before {
  content: '\ea53'
}

.icon-tennis:before {
  content: '\ea54'
}

.icon-three-dots:before {
  content: '\ea55'
}

.icon-twitter:before {
  content: '\ea56'
}

.icon-up:before {
  content: '\ea57'
}

.icon-user:before {
  content: '\ea58'
}

.icon-users:before {
  content: '\ea59'
}

.icon-usr:before {
  content: '\ea5a'
}

.icon-verify-empty:before {
  content: '\ea5b'
}

.icon-views:before {
  content: '\ea5c'
}

.icon-vkontakte:before {
  content: '\ea5d'
}

.icon-volleyball:before {
  content: '\ea5e'
}

.icon-wa-phone:before {
  content: '\ea5f'
}

.icon-whatsapp-alt:before {
  content: '\ea60'
}

.icon-whatsapp:before {
  content: '\ea61'
}

.icon-write-alt:before {
  content: '\ea62'
}

.icon-write-square:before {
  content: '\ea63'
}

.icon-yandex:before {
  content: '\ea64'
}

.icon-youtube:before {
  content: '\ea65'
}

.icon-ypbet24:before {
  content: '\ea66'
}

.button_preloader:after,
.button_preloader:before,
.content-body blockquote:before,
.content-text blockquote:before,
.custom-checkbox:before,
.forbidden-ref-link:after,
.fr-video:before,
.icon-google:before,
.radio__circle:before,
.table-responsive-wrap.gr:after,
.table-responsive-wrap.gr:before {
  content: ''
}

html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

figure {
  margin: 1em 40px
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}

.seo-block__column-link,
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

audio:not([controls]) {
  display: none;
  height: 0
}

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

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

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,
select {
  text-transform: none
}

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

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

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

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

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

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

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

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

fieldset {
  padding: .35em .75em .625em
}

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  padding: 0;
  color: inherit;
  white-space: normal
}

*,
.custom-checkbox:before,
.spec-project__body ul li:before {
  -webkit-box-sizing: border-box
}

textarea {
  overflow: auto
}

details,
menu {
  display: block
}

summary {
  display: list-item
}

[hidden],
template {
  display: none
}

.container,
.container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto
}

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

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

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

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

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.col-1,
.col-auto {
  -webkit-box-flex: 0
}

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

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

.col-2,
.col-3 {
  -webkit-box-flex: 0
}

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

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

.col-4,
.col-5 {
  -webkit-box-flex: 0
}

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

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

.col-6,
.col-7 {
  -webkit-box-flex: 0
}

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

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

.col-8,
.col-9 {
  -webkit-box-flex: 0
}

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

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

.col-10,
.col-11 {
  -webkit-box-flex: 0
}

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

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

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

.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1
}

.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13
}

.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0
}

.order-1,
.poll-widget__item:after {
  -webkit-box-ordinal-group: 2;
  order: 1
}

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

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8
}

.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9
}

.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10
}

.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11
}

.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12
}

.offset-1 {
  margin-left: 8.33333%
}

.offset-2 {
  margin-left: 16.66667%
}

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

.offset-4 {
  margin-left: 33.33333%
}

.offset-5 {
  margin-left: 41.66667%
}

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

.offset-7 {
  margin-left: 58.33333%
}

.offset-8 {
  margin-left: 66.66667%
}

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

.offset-10 {
  margin-left: 83.33333%
}

.offset-11 {
  margin-left: 91.66667%
}

.d-none {
  display: none !important
}

.d-block {
  display: block !important
}

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

.d-inline {
  display: inline !important
}

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

.m-0 {
  margin: 0 !important
}

.mt-0,
.my-0 {
  margin-top: 0 !important
}

.mr-0,
.mx-0 {
  margin-right: 0 !important
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
  margin-left: 0 !important
}

.m-1 {
  margin: .25rem !important
}

.mt-1,
.my-1 {
  margin-top: .25rem !important
}

.mr-1,
.mx-1 {
  margin-right: .25rem !important
}

.mb-1,
.my-1 {
  margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
  margin-left: .25rem !important
}

.m-2 {
  margin: .5rem !important
}

.mt-2,
.my-2 {
  margin-top: .5rem !important
}

.mr-2,
.mx-2 {
  margin-right: .5rem !important
}

.mb-2,
.my-2 {
  margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
  margin-left: .5rem !important
}

.m-3 {
  margin: 1rem !important
}

.mt-3,
.my-3 {
  margin-top: 1rem !important
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important
}

.m-4 {
  margin: 1.5rem !important
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important
}

.m-5 {
  margin: 3rem !important
}

.mt-5,
.my-5 {
  margin-top: 3rem !important
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important
}

.p-0 {
  padding: 0 !important
}

.pt-0,
.py-0 {
  padding-top: 0 !important
}

.pr-0,
.px-0 {
  padding-right: 0 !important
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important
}

.pl-0,
.px-0 {
  padding-left: 0 !important
}

.p-1 {
  padding: .25rem !important
}

.pt-1,
.py-1 {
  padding-top: .25rem !important
}

.pr-1,
.px-1 {
  padding-right: .25rem !important
}

.pb-1,
.py-1 {
  padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
  padding-left: .25rem !important
}

.p-2 {
  padding: .5rem !important
}

.pt-2,
.py-2 {
  padding-top: .5rem !important
}

.pr-2,
.px-2 {
  padding-right: .5rem !important
}

.pb-2,
.py-2 {
  padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
  padding-left: .5rem !important
}

.p-3 {
  padding: 1rem !important
}

.pt-3,
.py-3 {
  padding-top: 1rem !important
}

.pr-3,
.px-3 {
  padding-right: 1rem !important
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
  padding-left: 1rem !important
}

.p-4 {
  padding: 1.5rem !important
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important
}

.p-5 {
  padding: 3rem !important
}

.pt-5,
.py-5 {
  padding-top: 3rem !important
}

.pr-5,
.px-5 {
  padding-right: 3rem !important
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
  padding-left: 3rem !important
}

.m-n1 {
  margin: -.25rem !important
}

.mt-n1,
.my-n1 {
  margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
  margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
  margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
  margin-left: -.25rem !important
}

.m-n2 {
  margin: -.5rem !important
}

.mt-n2,
.my-n2 {
  margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
  margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
  margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
  margin-left: -.5rem !important
}

.m-n3 {
  margin: -1rem !important
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important
}

.m-n4 {
  margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important
}

.m-n5 {
  margin: -3rem !important
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important
}

.m-auto {
  margin: auto !important
}

.mt-auto,
.my-auto {
  margin-top: auto !important
}

.mr-auto,
.mx-auto {
  margin-right: auto !important
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important
}

.content-body>:last-child,
.content-text>:last-child,
p:last-child {
  margin-bottom: 0
}

.ml-auto,
.mx-auto {
  margin-left: auto !important
}

.text-left {
  text-align: left !important
}

.text-right {
  text-align: right !important
}

.text-center {
  text-align: center !important
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important
}

.flex-column-reverse,
.flex-row-reverse {
  -webkit-box-direction: reverse !important
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



.seo-block__column-link[disabled],
a[disabled] {
  pointer-events: none
}

p:first-child {
  margin-top: 0
}

.bet-table .bet-live,
.live-label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.25rem;
  background-color: #E83D43;
  border-radius: 4px;
  line-height: 1.125rem;
  text-transform: uppercase;
  font-size: 10px;
  color: #fff
}

.bs-modal-dialog-centered.bs-modal-dialog-scrollable,
.button_card,
.carousel .slick-track .slick-slide {
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal
}

.futsal-body {
  position: relative
}

.cursor-default {
  cursor: default !important
}

.no-transition {
  -webkit-transition: none !important;
  transition: none !important
}

.carousel-wrap {
  border-bottom: 1px solid #EBEBEB
}

.carousel {
  position: relative
}

.carousel .slider-arrow {
  position: absolute;
  top: calc(50% - 12px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 20
}

.carousel .slider-arrow.prev {
  left: 1rem
}

.carousel .slider-arrow.next {
  right: 1rem
}

.carousel .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.carousel .slick-track .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  height: auto
}

.carousel .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: .5rem 0 0;
  padding: 0;
  line-height: 0
}

.carousel .slick-dots li {
  margin: 0 .5rem 0 0;
  padding: 0
}

.carousel .slick-dots li:last-child {
  margin-right: 0
}

.carousel .slick-dots li:before {
  display: none
}

.carousel .slick-dots li.slick-active button {
  background-color: #4F1A80
}

.carousel .slick-dots button {
  width: .25rem;
  height: .25rem;
  padding: 0;
  background-color: rgba(0, 0, 0, .2);
  border: none;
  border-radius: 50%;
  font-size: 0
}

.carousel .arrow {
  position: absolute;
  top: calc(50% - 2rem);
  translate: transformY(-50%);
  z-index: 5
}

.fr-video,
.table-responsive-wrap {
  position: relative
}

.carousel .arrow[aria-disabled=true] {
  opacity: 0
}

.carousel figure {
  margin: 0
}

.carousel figure .seo-block__column-link,
.carousel figure a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  background-color: #fafafa
}

.carousel figure img {
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto
}

.carousel figure figcaption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: auto;
  color: rgba(0, 0, 0, .5)
}

.carousel figure figcaption:before {
  display: none
}

.carousel__counter {
  margin-left: auto;
  padding-left: 1.25rem;
  font-weight: 500;
  font-size: 1rem;
  color: rgba(0, 0, 0, .4)
}

.carousel__counter-current {
  color: #4F1A80
}

.pswp .pswp__caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.pswp .pswp__caption__center {
  max-width: none
}

.pswp .carousel__counter {
  display: none
}

.table-responsive-wrap:not(.gr) .slider-arrow.next,
.table-responsive-wrap:not(.gr) .slider-arrow.prev {
  display: none !important
}

.table-responsive-wrap.gr:after,
.table-responsive-wrap.gr:before {
  position: absolute;
  top: 0;
  display: block;
  height: 100%;
  width: 60px;
  background: -webkit-gradient(linear, right top, left top, color-stop(23.68%, #fff), color-stop(100%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(270deg, #fff 23.68%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%)
}

.table-responsive-wrap.gr:before {
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  transform: matrix(-1, 0, 0, 1, 0, 0)
}

.table-responsive-wrap.no-gr-left .slider-arrow.prev,
.table-responsive-wrap.no-gr-left:before,
.table-responsive-wrap.no-gr-right .slider-arrow.next,
.table-responsive-wrap.no-gr-right:after {
  display: none !important
}

.table-responsive-wrap .slider-arrow {
  position: absolute;
  top: 50%;
  z-index: 10
}

.table-responsive-wrap .slider-arrow.prev {
  left: 0
}

.table-responsive-wrap .slider-arrow.next {
  right: 0
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none
}

.table-responsive::-webkit-scrollbar {
  display: none
}

.bm-form__heading,
.content-accordion h3,
.content-body h1,
.content-body h2,
.content-body h3,
.content-body h4,
.content-text h1,
.content-text h2,
.content-text h3,
.content-text h4,
.heading,
.heading-1,
.heading-2,
.heading-3,
.heading-4,
.heading-5,
.heading_step,
.main-screen__header>*,
.section__header .section__count,
.section__header h2,
.section_review-form .section__header h2,
.sidebar__header {
  margin: 0;
  font-weight: 700
}

.heading_step {
  padding-bottom: .625rem;
  border-bottom: 3px solid #639;
  color: #639
}

.content-accordion h3 .seo-block__column-link,
.content-accordion h3 a,
.content-body h1 .seo-block__column-link,
.content-body h1 a,
.content-body h2 .seo-block__column-link,
.content-body h2 a,
.content-body h3 .seo-block__column-link,
.content-body h3 a,
.content-body h4 .seo-block__column-link,
.content-body h4 a,
.content-text h1 .seo-block__column-link,
.content-text h1 a,
.content-text h2 .seo-block__column-link,
.content-text h2 a,
.content-text h3 .seo-block__column-link,
.content-text h3 a,
.content-text h4 .seo-block__column-link,
.content-text h4 a,
.heading-1 .seo-block__column-link,
.heading-1 a,
.heading-2 .seo-block__column-link,
.heading-2 a,
.heading-3 .seo-block__column-link,
.heading-3 a,
.heading-4 .seo-block__column-link,
.heading-4 a,
.heading-5 .seo-block__column-link,
.heading-5 a,
.main-screen__header>* .seo-block__column-link,
.main-screen__header>* a,
.section__header .section__count .seo-block__column-link,
.section__header .section__count a,
.section__header h2 .seo-block__column-link,
.section__header h2 a,
.section_review-form .section__header h2 .seo-block__column-link,
.section_review-form .section__header h2 a,
.sidebar__header .seo-block__column-link,
.sidebar__header a {
  text-decoration: none;
  color: inherit
}

.content-accordion h3 .seo-block__column-link:hover,
.content-accordion h3 a:hover,
.content-body h1 .seo-block__column-link:hover,
.content-body h1 a:hover,
.content-body h2 .seo-block__column-link:hover,
.content-body h2 a:hover,
.content-body h3 .seo-block__column-link:hover,
.content-body h3 a:hover,
.content-body h4 .seo-block__column-link:hover,
.content-body h4 a:hover,
.content-text h1 .seo-block__column-link:hover,
.content-text h1 a:hover,
.content-text h2 .seo-block__column-link:hover,
.content-text h2 a:hover,
.content-text h3 .seo-block__column-link:hover,
.content-text h3 a:hover,
.content-text h4 .seo-block__column-link:hover,
.content-text h4 a:hover,
.heading-1 .seo-block__column-link:hover,
.heading-1 a:hover,
.heading-2 .seo-block__column-link:hover,
.heading-2 a:hover,
.heading-3 .seo-block__column-link:hover,
.heading-3 a:hover,
.heading-4 .seo-block__column-link:hover,
.heading-4 a:hover,
.heading-5 .seo-block__column-link:hover,
.heading-5 a:hover,
.main-screen__header>* .seo-block__column-link:hover,
.main-screen__header>* a:hover,
.section__header .section__count .seo-block__column-link:hover,
.section__header .section__count a:hover,
.section__header h2 .seo-block__column-link:hover,
.section__header h2 a:hover,
.section_review-form .section__header h2 .seo-block__column-link:hover,
.section_review-form .section__header h2 a:hover,
.sidebar__header .seo-block__column-link:hover,
.sidebar__header a:hover {
  text-decoration: none;
  color: #4F1A80
}

.heading-5 {
  line-height: 1.25rem;
  font-size: 1rem
}

.content-body,
.content-text {
  max-width: 930px;
  line-height: 1.5;
  font-size: 1rem
}

.content-body>:first-child,
.content-text>:first-child {
  margin-top: 0
}

.content-body h1,
.content-body h2,
.content-body h3,
.content-body h4,
.content-text h1,
.content-text h2,
.content-text h3,
.content-text h4 {
  margin: 1.5rem 0 1rem
}

.content-body p,
.content-text p {
  margin: 1rem 0
}

.content-body figure figcaption,
.content-text figure figcaption {
  margin-top: .75rem;
  line-height: 1.125rem;
  font-size: .875rem;
}

.content-body blockquote,
.content-text blockquote {
  background-color: #FAFAFA;
  line-height: 1.5rem;
}

.content-body blockquote:before,
.content-text blockquote:before {
  display: block;
  width: 2rem;
  height: 1.5rem;
  background: url(/rr/images/quotes.svg) no-repeat
}

.content-body ol:not(.radio-list),
.content-body ul:not(.radio-list),
.content-text ol:not(.radio-list),
.content-text ul:not(.radio-list) {
  margin: 1.5rem 0 1.5rem 1rem;
  padding: 0
}

.content-body ol:not(.radio-list) li,
.content-body ul:not(.radio-list) li,
.content-text ol:not(.radio-list) li,
.content-text ul:not(.radio-list) li,
.radio-list li {
  margin-bottom: 1rem
}

.content-body ol:not(.radio-list) li:last-child,
.content-body ul:not(.radio-list) li:last-child,
.content-text ol:not(.radio-list) li:last-child,
.content-text ul:not(.radio-list) li:last-child {
  margin-bottom: 0
}

.content-body .notice,
.content-text .notice {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  background: rgba(79, 26, 128, .04);
  font-size: 1.125rem;
  border-left: 3px solid #4F1A80;
  border-radius: 0 .5rem .5rem 0
}

.content-body .notice :first-child,
.content-text .notice :first-child {
  margin-top: 0
}

.content-body .notice :last-child,
.content-text .notice :last-child {
  margin-bottom: 0
}

.content-body .bet-three__widget,
.content-body .bet-widget,
.content-body .bet-widget-v2,
.content-body .faq-widget,
.content-body .post-widget,
.content-text .bet-three__widget,
.content-text .bet-widget,
.content-text .bet-widget-v2,
.content-text .faq-widget,
.content-text .post-widget {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem
}

.content-body img,
.content-text img {
  display: block;
  height: auto
}

.content-body .carousel-wrap figure,
.content-text .carousel-wrap figure {
  margin: 0
}

.content-body .table-responsive-wrap,
.content-text .table-responsive-wrap {
  margin-top: 1.5rem;
  margin-bottom: 2rem
}

.content-body table,
.content-text table {
  width: 100%;
  border-collapse: collapse;
  border: none !important;
  line-height: 1.25rem;
}

.content-body table.table-bordered,
.content-text table.table-bordered {
  border: 1px solid #EBEBEB
}

.content-body table:not(.table-bordered) tr:nth-child(odd) td,
.content-text table:not(.table-bordered) tr:nth-child(odd) td {
  background-color: #FAFAFA !important
}

.content-body table:not(.table-bordered) tr:nth-child(odd) td:first-child,
.content-text table:not(.table-bordered) tr:nth-child(odd) td:first-child {
  border-radius: 8px 0 0 8px
}

.content-body table:not(.table-bordered) tr:nth-child(odd) td:last-child,
.content-text table:not(.table-bordered) tr:nth-child(odd) td:last-child {
  border-radius: 0 8px 8px 0
}

.content-body table td,
.content-body table th,
.content-text table td,
.content-text table th {
  padding: 1.375rem 1rem;
  border: none !important
}

.bm-search__heading,
.collection-item__available-table td:first-child,
.collection-item__available-table th:first-child,
.content-body table td:first-child,
.content-body table th:first-child,
.content-text table td:first-child,
.content-text table th:first-child {
  padding-left: .5rem
}

.content-body table td p:first-child,
.content-body table th p:first-child,
.content-text table td p:first-child,
.content-text table th p:first-child {
  margin-top: 0
}

.content-body table td p:last-child,
.content-body table th p:last-child,
.content-text table td p:last-child,
.content-text table th p:last-child {
  margin-bottom: 0
}

.content-body table td:last-child,
.content-body table th:last-child,
.content-text table td:last-child,
.content-text table th:last-child {
  padding-right: .5rem
}

.content-body table.table-bordered td,
.content-body table.table-bordered th,
.content-text table.table-bordered td,
.content-text table.table-bordered th {
  border: 1px solid #EBEBEB !important
}

.content-body table th,
.content-text table th {
  text-align: left
}

.content-body table:not(.table-bordered) th,
.content-text table:not(.table-bordered) th {
  border-bottom: 2px solid #4F1A80 !important;
  color: #4F1A80
}

.bs-modal-header,
.content-accordion .accordion-item,
.sidebar-bm .bm-media {
  border-bottom: 1px solid #EBEBEB
}

.content-body img.fr-dib,
.content-body img.fr-fic,
.content-text img.fr-dib,
.content-text img.fr-fic {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.content-body img.fr-fil,
.content-text img.fr-fil {
  display: block;
  margin-left: 0;
  margin-right: 0
}

.content-body img.fr-fir,
.content-text img.fr-fir {
  display: block;
  margin-left: auto;
  margin-right: 0
}

.icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  vertical-align: middle
}

.alert-danger .ui-pnotify-text:before,
.alert-success .ui-pnotify-text:before,
.arrowed-link:after,
.button_card:after,
.checkbox__square:before,
.faq-widget__header:after,
.footer__block .footer__heading:after,
.footer__breadcrumbs .breadcrumbs__item .seo-block__column-link:before,
.footer__breadcrumbs .breadcrumbs__item a:before,
.footer__lang:after,
.header__nav>li>.seo-block__column-link:after,
.header__nav>li>a:after,
.header__version-link:after,
.icon:before,
.instruction__list li:before,
.nav__item_lang .nav__item_write>.seo-block__column-link:after,
.nav__item_lang .nav__item_write>a:after,
.nav__item_lang .nav__item_write>span:after,
.nav__item_lang .nav__list-heading:after,
.nav__item_lang-current:after,
.nav__item_lang>.seo-block__column-link:after,
.nav__item_lang>a:after,
.nav__item_lang>span:after,
.nav__item_write .nav__item_lang>.seo-block__column-link:after,
.nav__item_write .nav__item_lang>a:after,
.nav__item_write .nav__item_lang>span:after,
.nav__item_write .nav__list-heading:after,
.nav__item_write>.seo-block__column-link:after,
.nav__item_write>a:after,
.nav__item_write>span:after,
.nav__list .nav__item_lang>.seo-block__column-link:after,
.nav__list .nav__item_lang>a:after,
.nav__list .nav__item_lang>span:after,
.nav__list .nav__item_write>.seo-block__column-link:after,
.nav__list .nav__item_write>a:after,
.nav__list .nav__item_write>span:after,
.nav__list .nav__list-heading:after,
.select2-container--default .select2-selection--single .select2-selection__arrow:after,
.select2-search--dropdown:after,
.seo-block__column-link:after,
.spec-project__body ul li:before,
.tab-list__item_dropdown>.seo-block__column-link:after,
.tab-list__item_dropdown>a:after,
.win__select-current:after {
  line-height: 1
}

.arrowed-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
}

.arrowed-link:hover {
  text-decoration: none
}

.arrowed-link:after {
  margin: .125rem 0 0 .25rem;
  font-size: .5rem;
  color: rgba(0, 0, 0, .3);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.arrowed-link.arrowed-link_expanded:after {
  -webkit-transform: none;
  transform: none
}

.arrowed-link[data-expanded=true]:after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.content-accordion .accordion-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  cursor: pointer
}

.content-accordion .accordion-head[data-expanded=true] .expander,
.content-accordion .accordion-head[data-expanded=true] .section__more-expand {
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.content-accordion .accordion-head[data-expanded=true] .expander:hover,
.content-accordion .accordion-head[data-expanded=true] .section__more-expand:hover,
.content-accordion .expander:hover,
.content-accordion .section__more-expand:hover {
  background-color: #4F1A80;
  color: #fff
}

.bet-three__item,
.content-widget,
.poll-widget {
  -webkit-box-shadow: 0 0 23px rgba(79, 26, 128, .05)
}

.content-accordion h3 {
  margin: 0 1.5rem 0 0;
  -ms-flex-item-align: center;
  align-self: center
}

.content-accordion .accordion-body {
  display: none;
  padding-bottom: 2rem
}

.content-accordion .accordion-body>:first-child {
  margin-top: 0
}

.content-accordion .accordion-body>:last-child {
  margin-bottom: 0
}

.content-accordion .expander,
.content-accordion .section__more-expand {
  margin-left: auto
}

.text p {
  margin: 1rem 0
}

.text p:first-child {
  margin-top: 0
}

.text p:last-child {
  margin-bottom: 0
}

.text-regular {
  font-weight: 400 !important
}

.icon-google:before {
  width: 1rem;
  height: 1rem;
  background: url(/rr/images/google-icon.svg) no-repeat;
  background-size: cover
}

.text-sm {
  line-height: 1;
  font-size: .875rem
}

.text-md {
  font-size: 1.125rem
}

.button_load:hover .collection-item__stat,
.button_load:hover .forbidden-ref-link,
.button_load:hover .tab-list__count,
.button_load:hover .text-40,
.text-20 {
  color: rgba(0, 0, 0, .2)
}

.bm-author__info,
.bm-author__url,
.breadcrumbs__item .seo-block__column-link,
.breadcrumbs__item a,
.text-30 {
  color: #b2b2b2
}

.collection-item__stat,
.forbidden-ref-link,
.tab-list__count,
.text-40 {
  color: #999
}

.text-main {
  color: rgba(0, 0, 0, .8) !important
}

.forbidden-ref-link:hover,
.text-50 {
  color: #7f7f7f
}

.breadcrumbs__item,
.text-60 {
  color: rgba(0, 0, 0, .6)
}

.gray-link,
.gray-link:hover {
  text-decoration: none;
  color: rgba(0, 0, 0, .4)
}

span.fr-emoticon.fr-emoticon-img {
  background-repeat: no-repeat !important;
  font-size: inherit;
  height: 1em;
  width: 1em;
  min-height: 20px;
  min-width: 20px;
  margin: -.1em .1em .1em;
  line-height: 1;
  vertical-align: middle
}

.icon[class*=currency] {
  vertical-align: baseline
}

.alert-danger .ui-pnotify-text[class*=currency]:before,
.alert-success .ui-pnotify-text[class*=currency]:before,
.arrowed-link[class*=currency]:after,
.button_card[class*=currency]:after,
.checkbox__square[class*=currency]:before,
.faq-widget__header[class*=currency]:after,
.footer__block .footer__heading[class*=currency]:after,
.footer__breadcrumbs .breadcrumbs__item .seo-block__column-link[class*=currency]:before,
.footer__breadcrumbs .breadcrumbs__item a[class*=currency]:before,
.footer__lang[class*=currency]:after,
.header__nav>li>a[class*=currency]:after,
.header__version-link[class*=currency]:after,
.icon[class*=currency]:before,
.instruction__list li[class*=currency]:before,
.nav__item_lang .nav__item_write>a[class*=currency]:after,
.nav__item_lang .nav__item_write>span[class*=currency]:after,
.nav__item_lang .nav__list-heading[class*=currency]:after,
.nav__item_lang-current[class*=currency]:after,
.nav__item_lang>a[class*=currency]:after,
.nav__item_lang>span[class*=currency]:after,
.nav__item_write .nav__item_lang>a[class*=currency]:after,
.nav__item_write .nav__item_lang>span[class*=currency]:after,
.nav__item_write .nav__list-heading[class*=currency]:after,
.nav__item_write>a[class*=currency]:after,
.nav__item_write>span[class*=currency]:after,
.nav__list .nav__item_lang>a[class*=currency]:after,
.nav__list .nav__item_lang>span[class*=currency]:after,
.nav__list .nav__item_write>a[class*=currency]:after,
.nav__list .nav__item_write>span[class*=currency]:after,
.nav__list .nav__list-heading[class*=currency]:after,
.select2-container--default .select2-selection--single .select2-selection__arrow[class*=currency]:after,
.select2-search--dropdown[class*=currency]:after,
.seo-block__column-link[class*=currency]:after,
.spec-project__body ul li[class*=currency]:before,
.tab-list__item_dropdown>a[class*=currency]:after,
.win__select-current[class*=currency]:after {
  line-height: inherit;
  font-size: 70%;
  font-weight: 700
}

.js-link {
  cursor: pointer
}

.content-widget,
.poll-widget {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .04);
  box-shadow: 0 0 23px rgba(79, 26, 128, .05);
  border-radius: 8px;
  overflow: hidden
}

.bm-tooltip,
.forbidden-ref-link__text {
  -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .1)
}

.element-disabled {
  pointer-events: none;
  opacity: .6
}

.violet-color-4 {
  color: #643094
}

.fr-video {
  display: block
}

.fr-video:before {
  display: block;
  padding-bottom: 56.25%
}

.fr-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important
}

.forbidden-ref-link {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.forbidden-ref-link:hover .forbidden-ref-link__text,
.forbidden-ref-link:hover:after {
  opacity: 1;
  visibility: visible
}

.forbidden-ref-link:after {
  position: absolute;
  left: 50%;
  bottom: 100%;
  display: block;
  border: .375rem solid transparent;
  border-top: .375rem solid #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}

.forbidden-ref-link__text {
  position: absolute;
  bottom: calc(100% + .75rem);
  display: block;
  width: 260px;
  padding: 1rem;
  background: #FFF;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .1);
  border-radius: .5rem;
  line-height: 1.5;
  font-size: .875rem;
  color: rgba(0, 0, 0, .8);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}

.button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  border: none;
  border-radius: 8px;
  white-space: nowrap;
  text-decoration: none;
  font-weight: 500;
  cursor: pointer
}

.button[disabled],
.button[disabled]:hover {
  background-color: #F4F4F4 !important;
  color: #999 !important
}

.button[disabled] {
  cursor: default
}

.button[disabled].button_preloader:after {
  background-image: url(/rr/images/btn-preloader-dark-new.svg)
}

.button_price {
  color: #ffffff;
  background: #28a745;
  width: 100%;
}

.button_price img {
  margin-right: 20px;
  width: 24px;
  height: 24px
}

.button:hover {
  text-decoration: none
}

.button_gray {
  background-color: #f4f4f4;
  color: #4F1A80
}

.button_gray:hover {
  color: #703AA3
}

.button_default {
  min-width: 138px;
  height: 2.5rem;
  padding-left: 1rem;
  padding-right: 1rem
}

.button_md {
  height: 48px
}

.button_sm {
  height: 40px;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: .875rem;
  border-radius: 6px
}

.button_main {
  background-color: #495057;
  color: #fff
}

.auth-form .button_bordered:not(.button_preloader):not([disabled]):hover,
.auth-form .button_bordered:not(.button_preloader):not([disabled])[disabled],
.button_main:not(.button_preloader):hover {
  border: 1px solid #EBEBEB;
}

.auth-form .button_bordered:not(.button_preloader):not([disabled]):hover *,
.auth-form .button_bordered:not(.button_preloader):not([disabled])[disabled] *,
.button_main:not(.button_preloader):hover * {
  color: #fff
}

.button_white {
  background-color: #fff;
  color: #4F1A80
}

.button_white:hover {
  -webkit-box-shadow: 0 0 22px rgba(255, 255, 255, .45);
  box-shadow: 0 0 22px rgba(255, 255, 255, .45)
}

.button_bordered {
  border: 1px solid #EBEBEB;
  color: #000;
}

.auth-form .button_bordered:not(.button_preloader)[disabled],
.button_bordered:not(.button_preloader):hover {
  background-color: #F0F1F2;
  border-color: #F0F1F2;
}

.button_bordered.button_preloader:after {
  background-image: url(/rr/images/btn-preloader-dark-new.svg)
}


.button_long {
  width: 100%;
  max-width: 620px
}

.button_card {
  position: relative;
  flex-direction: column;
  width: 100%;
  background-color: transparent;
  color: #4F1A80
}

.button_card:hover {
  background-color: #fff;
  color: #4F1A80
}

.button_card .bm-form__heading,
.button_card .content-accordion h3,
.button_card .content-body h1,
.button_card .content-body h2,
.button_card .content-body h3,
.button_card .content-body h4,
.button_card .content-text h1,
.button_card .content-text h2,
.button_card .content-text h3,
.button_card .content-text h4,
.button_card .heading,
.button_card .heading-1,
.button_card .heading-2,
.button_card .heading-3,
.button_card .heading-4,
.button_card .heading-5,
.button_card .heading_step,
.button_card .main-screen__header>*,
.button_card .section__header .section__count,
.button_card .section__header h2,
.button_card .sidebar__header,
.content-accordion .button_card h3,
.content-body .button_card h1,
.content-body .button_card h2,
.content-body .button_card h3,
.content-body .button_card h4,
.content-text .button_card h1,
.content-text .button_card h2,
.content-text .button_card h3,
.content-text .button_card h4,
.section__header .button_card .section__count,
.section__header .button_card h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.button_card .icon {
  margin-left: .5rem;
  font-size: 1.5rem
}

.button_card .text {
  margin-top: .5rem;
  color: #000
}

.button_card .text:first-child {
  margin-top: 0
}

.button_card:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1.25rem
}

.bet-form,
.bm-rekl-modal__wrap,
.button_preloader:after {
  -webkit-transform: translate(-50%, -50%)
}

.button_number {
  height: 2.375rem;
  padding: 0;
  border: 1px solid #EBEBEB;
  white-space: nowrap;
  font-weight: 400;
  color: #4F1A80
}

.button_number.active,
.button_number:hover {
  background-color: #4F1A80;
  border-color: #4F1A80;
  color: #fff
}

.button_number.active .button_number-right,
.button_number:hover .button_number-right {
  border-color: rgba(255, 255, 255, .1)
}

.button_number-left,
.button_number-right {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 2.375rem;
  padding: 0 1rem
}

.button_number-right {
  border-left: 1px solid #EBEBEB
}

.button-blank,
.form__image-loader {
  -webkit-box-align: center;
  border: none;
}

.button_preloader {
  position: relative;
  overflow: hidden;
  cursor: default
}

.button_preloader:after,
.button_preloader:before {
  position: absolute;
  display: block;
  z-index: 2
}

.button_preloader:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: inherit
}

.button_preloader:after {
  top: 50%;
  left: 50%;
  background-image: url(/rr/images/btn-preloader-new.svg);
  background-size: cover;
  transform: translate(-50%, -50%)
}

.button-blank {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer
}

.button-blank:hover {
  text-decoration: none
}

button,
input,
select,
textarea {
  -webkit-appearance: none
}

input[type=checkbox] {
  -webkit-appearance: checkbox
}

input[type=radio] {
  -webkit-appearance: radio
}

.form__input {
  line-height: 1.5
}

.form__input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .4)
}

.form__input::-moz-placeholder {
  color: rgba(0, 0, 0, .4)
}

.form__input:-moz-placeholder {
  color: rgba(0, 0, 0, .4)
}

.form__input:-ms-input-placeholder {
  color: rgba(0, 0, 0, .4)
}

.form__counter,
.form__image-loader {
  color: rgba(0, 0, 0, .3);
  font-size: .875rem
}

.form__input_textarea {
  resize: none
}

.form__field_file input[type=file] {
  display: none
}

.form__image-loader {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1.125rem 0 0;
  background-color: transparent;
  border-radius: 6px;
  cursor: pointer
}

.form__image-loader:active .icon,
.form__image-loader:hover .icon {
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none
}

.form__image-loader:hover {
  background-color: #F4F4F4
}

.form__image-loader:active {
  -webkit-transition: none;
  transition: none;
  background-color: #4F1A80;
  color: #fff
}

.form__image-loader:active .icon {
  color: #fff
}

.form__image-loader .icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: .5rem;
  border: 1px solid #EBEBEB;
  border-radius: 50%;
  font-size: 1.125rem
}

.form__uploaded-files {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.form__uploaded-files:last-child {
  margin-bottom: 0
}

.form__uploaded-files .slick-slide .form__uploaded-file {
  display: block !important;
  margin: 0 auto
}

.auth-scl__list li,
.bm-author__url .icon,
.form__uploaded-file-wrap {
  margin-right: .5rem
}

.form__uploaded-file {
  position: relative;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}

.form__uploaded-file.preloaded {
  background: url(/rr/images/preloader.svg) center no-repeat #F4F4F4
}

.form__uploaded-file img {
  width: 100%;
  border-radius: 8px
}

.form__uploaded-file .icon {
  position: absolute;
  top: .25rem;
  right: .25rem;
  font-size: .5rem;
  color: #fff;
  cursor: pointer
}

.form__uploaded-file .icon:hover {
  color: #C4C4C4
}

.form__uploaded-file-wrap:last-child {
  margin-right: 0
}

.select2-container {
  width: 100% !important;
  max-width: 420px !important
}

.select2-container--default .select2-selection--single {
  height: 3rem;
  border: 1px solid #EBEBEB;
  border-radius: 8px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 3rem;
  font-weight: 500;
  font-size: 1rem;
  color: rgba(0, 0, 0, .8)
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 1rem;
  padding-right: 2.5rem
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 13px;
  height: 3rem;
  right: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.select2-dropdown {
  overflow: hidden;
  border: 1px solid #EBEBEB;
  border-radius: 6px;
  -webkit-box-shadow: 0 4px 11px rgba(0, 0, 0, .15);
  box-shadow: 0 4px 11px rgba(0, 0, 0, .15)
}

.select2-container--default .select2-selection--single .select2-selection__arrow:after {
  font-size: .5rem;
  color: #c4c4c4
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none
}

.select2-results {
  border-top: 2px solid #4F1A80
}

.select2-results__option {
  padding: .5rem 1rem
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: rgba(0, 0, 0, .8)
}

.select2-container--default .select2-results>.select2-results__options {
  padding: .25rem 0;
  max-height: none
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: transparent
}

.select2-container--default .select2-results__option:hover {
  background-color: #F0F1F2
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: none;
  padding: 8px
}

.select2-search--dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.select2-search--dropdown:after {
  margin: 0 .5rem;
  font-size: .875rem;
  color: rgba(0, 0, 0, .4)
}

.bet-widget-v2__coef,
.bet-widget__event,
.radio,
.share__heading {
  font-size: 1.125rem
}

.animated-label .form__label {
  height: 0;
  opacity: 1;
  overflow: hidden;
  -webkit-transition: height .3s, opacity .2s linear .3s;
  transition: height .3s, opacity .2s linear .3s
}

.animated-label .form__label.visible {
  height: 25px;
  opacity: 1
}

.custom-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.custom-checkbox.checked:before {
  background: url(/rr/images/violet-check.svg) center no-repeat;
  background-size: 10px
}

.custom-checkbox:before {
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 1rem;
  flex: 1 0 1rem;
  max-width: 1rem;
  height: 1rem;
  margin-right: 1rem;
  border: 2px solid #4F1A80;
  border-radius: 3px;
  box-sizing: border-box
}

.custom-checkbox input[type=checkbox] {
  display: none
}

.radio-list li:last-child {
  margin-bottom: 0
}

.radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.375rem;
  font-weight: 500;
  cursor: pointer
}

.radio input[type=radio]:checked+.radio__circle:before {
  opacity: 1
}

.radio input[type=radio]:checked+.radio__circle+.radio__text {
  color: rgba(0, 0, 0, .8)
}

.radio__circle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: .875rem;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, .4)
}

.radio__circle:before {
  width: 10px;
  height: 10px;
  background-color: #4F1A80;
  border-radius: 50%;
  opacity: 0
}

.bs-modal.isolated-styles.fade,
.checkbox-item input[type=checkbox]:checked+.checkbox__square:before {
  opacity: 1
}

.radio__text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: rgba(0, 0, 0, .4)
}

.checkbox-item,
.tabs {
  -webkit-box-align: center
}

.checkbox-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-family: inherit;
  cursor: pointer
}

.checkbox__square {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  margin-right: .625rem;
  border-radius: .125rem;
  border: 1px solid #EBEBEB
}

.checkbox__square:before {
  font-size: .5rem;
  opacity: 0
}

.checkbox__text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 2.5rem;
  font-size: .8125rem
}

.breadcrumbs .icon {
  font-size: 1rem
}

.breadcrumbs_transparent .breadcrumbs__item {
  color: inherit
}

.breadcrumbs_transparent .breadcrumbs__item span,
.breadcrumbs_transparent .breadcrumbs__item:before {
  color: inherit;
  opacity: .5
}

.breadcrumbs_transparent .breadcrumbs__item .seo-block__column-link,
.breadcrumbs_transparent .breadcrumbs__item a {
  color: inherit;
  -webkit-transition: opacity .25s;
  transition: opacity .25s
}

.breadcrumbs_transparent .breadcrumbs__item .seo-block__column-link:hover,
.breadcrumbs_transparent .breadcrumbs__item a:hover {
  color: inherit;
  opacity: .5
}

.breadcrumbs__item:before {
  content: '•';
  margin: 0 .75rem;
  vertical-align: middle;
  font-size: 1rem
}

.breadcrumbs__item:first-child:before {
  display: none
}

.tab-list,
.tabs {
  display: -webkit-box;
  display: -ms-flexbox
}

.breadcrumbs__item .seo-block__column-link,
.breadcrumbs__item a {
  text-decoration: none
}

.breadcrumbs__item .seo-block__column-link:hover,
.breadcrumbs__item a:hover {
  color: rgba(0, 0, 0, .8)
}

.tabs {
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.tabs__item {
  cursor: pointer
}

.tab-content:not(.active) {
  display: none
}

.tab-list {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tab-list__item {
  padding-left: .75rem;
  padding-right: .75rem;
  white-space: nowrap
}

.tab-list__item.active .seo-block__column-link,
.tab-list__item.active a {
  border-color: #4F1A80;
  font-weight: 700
}

.tab-list__item.verified .seo-block__column-link,
.tab-list__item.verified a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.tab-list__item.verified .seo-block__column-link:after,
.tab-list__item.verified a:after {
  position: static;
  width: 1rem;
  height: 1rem;
  margin-left: .5rem
}

.bs-modal,
.bs-modal.bookmaker-pps-popup {
  position: fixed
}

.tab-list__item>.seo-block__column-link,
.tab-list__item>a {
  display: block;
  padding-bottom: 1rem;
  border-bottom: 2px solid transparent;
  color: rgba(0, 0, 0, .8)
}

.tab-list__item>.seo-block__column-link:hover,
.tab-list__item>a:hover {
  text-decoration: none;
  color: #4F1A80
}

.tab-list__count {
  margin-left: .375rem
}

.tab-list__dropdown li>.seo-block__column-link,
.tab-list__dropdown li>a {
  font-weight: 400 !important
}

.bs-modal-custom-open,
.bs-modal-open {
  overflow: hidden
}

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

.bs-modal {
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: hidden;
  outline: 0;
  max-width: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}

.bs-modal .close-popup {
  margin-left: auto;
  color: rgba(0, 0, 0, .2)
}

.bs-modal .close-popup:hover {
  color: rgba(0, 0, 0, .5)
}

.bs-modal-dialog {
  position: relative;
  max-width: 48rem;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: auto;
  pointer-events: none
}

.marzha-popup .bs-modal-dialog {
  max-width: 58.5rem
}

.bs-modal.fade .bs-modal-dialog {
  -webkit-transition: all .15s ease-out;
  transition: all .15s ease-out;
  opacity: 0
}

.bs-modal.show .bs-modal-dialog {
  opacity: 1
}

.bs-modal-dialog-scrollable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 100vh
}

.bs-modal-dialog-scrollable .bs-modal-content {
  max-height: 100vh;
  overflow: hidden
}

.bs-modal-dialog-scrollable .bs-modal-body {
  overflow-y: auto
}

.bs-modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100vh
}

.bs-modal-dialog-centered::before {
  display: block;
  height: 100vh;
  content: ""
}

.bs-modal-dialog-centered.bs-modal-dialog-scrollable {
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%
}

.bs-modal-dialog-centered.bs-modal-dialog-scrollable .bs-modal-content {
  max-height: none
}

.bs-modal-dialog-centered.bs-modal-dialog-scrollable::before {
  content: none
}

.bs-modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0
}

.bs-modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  -webkit-transition: opacity .15s ease-out;
  transition: opacity .15s ease-out
}

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

.bs-modal-backdrop.show {
  opacity: .6
}

.bs-modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.bs-modal-body .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600
}

.bs-modal-body,
.bs-modal-header {
  padding: 1rem
}

.bs-modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.bm-rate,
.no-avatar {
  display: -webkit-inline-box
}

.bs-modal-header .close {
  margin-left: auto;
  padding: .5rem;
  background: 0 0;
  border: none;
  line-height: .5;
  font-size: 2rem;
  cursor: pointer;
  color: rgba(0, 0, 0, .5);
  -webkit-transition: all .15s;
  transition: all .15s;
  -webkit-tap-highlight-color: transparent
}

.bs-modal-header .close:focus {
  outline: 0
}

.bs-modal-header .close:hover {
  color: rgba(0, 0, 0, .85)
}

.bs-modal-title {
  margin: 0;
  font-weight: 400;
  font-size: 1.25rem
}

.auth-scl__heading,
.collection-item_comm:after,
.no-avatar:after {
  font-weight: 500;
}

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

.confirm-modal {
  max-width: 600px;
  min-height: 0
}

.confirm-modal .bs-modal-content {
  min-height: 0
}

.author-media.seo-block__column-link,
a.author-media {
  color: inherit
}

.author-media.seo-block__column-link:hover,
a.author-media:hover {
  text-decoration: none;
  color: #4F1A80
}

.no-avatar {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: rgba(255, 255, 255, .4)
}

.bm-author,
.bm-rate {
  -webkit-box-align: center
}

.no-avatar:after {
  content: attr(data-letter)
}

.no-avatar.size_lg {
  width: 124px;
  height: 124px;
  border-radius: 2rem;
  font-size: 4rem
}

.no-avatar.size_x-md {
  width: 64px;
  height: 64px;
  border-radius: 1rem;
  font-size: 1.75rem
}

.no-avatar.size_md {
  width: 48px;
  height: 48px;
  border-radius: .75rem;
  font-size: 1.5rem
}

.no-avatar.size_sm {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  font-size: 1rem
}

.bm-tooltip,
.no-avatar.size_xs {
  border-radius: 8px;
  font-size: .875rem
}

.no-avatar.size_xs {
  width: 24px;
  height: 24px
}

.no-avatar.color_green {
  background: linear-gradient(227.71deg, #E6FAFF -38.6%, rgba(230, 255, 255, 0) 61.71%), linear-gradient(0deg, #6FCF97, #6FCF97)
}

.no-avatar.color_blue {
  background: linear-gradient(219.43deg, #97DAFF 8.57%, rgba(148, 216, 255, 0) 58.64%), #5CB1EE
}

.no-avatar.color_red {
  background: linear-gradient(227.71deg, #FFEFE6 -38.6%, rgba(255, 237, 230, 0) 61.71%), linear-gradient(0deg, #E18A77, #E18A77)
}

.no-avatar.color_red-2 {
  background: linear-gradient(227.71deg, #FFE7E6 -38.6%, rgba(255, 230, 230, 0) 61.71%), linear-gradient(0deg, #E48181, #E48181)
}

.no-avatar.color_blue-2 {
  background: linear-gradient(227.71deg, #E9E6FF -38.6%, rgba(230, 234, 255, 0) 61.71%), linear-gradient(0deg, #698ADF, #698ADF)
}

.no-avatar.color_purple {
  background: linear-gradient(227.71deg, #E9E6FF -38.6%, rgba(230, 234, 255, 0) 61.71%), linear-gradient(0deg, #8F69DF, #8F69DF)
}

.sidebar-bm .bm-media {
  margin-bottom: 1rem;
  padding-bottom: 1rem
}

.sidebar-bm .bm-media img {
  max-width: 4rem;
  margin-right: 1rem
}

.bm-media.seo-block__column-link,
a.bm-media {
  color: inherit
}

.bm-tooltip {
  position: absolute;
  display: block;
  padding: 1rem;
  background-color: #fff;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .1);
  line-height: 1.375rem;
  font-weight: 400;
  z-index: 10;
  visibility: hidden;
  opacity: 0
}

.bm-rate {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.25rem;
  height: 1.125rem;
  border: 1px solid;
  border-radius: 3px;
  font-weight: 700;
  font-size: .75rem
}

.bm-rate[data-rate=low] {
  border-color: #FF4960;
  color: #FF4960
}

.bm-rate[data-rate=medium] {
  border-color: #6A6868;
  color: #6A6868
}

.bm-rate[data-rate=high] {
  border-color: #8EBE4A;
  color: #8EBE4A
}

.bm-countries__stat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.bm-countries__rate {
  font-size: 2.375rem;
  font-weight: 700;
}

.bm-countries__stat:not(.disabled) .bm-countries__rate {
  position: relative;
  cursor: pointer
}

.bm-countries__stat:not(.disabled) .bm-countries__rate:hover .bm-tooltip {
  opacity: 1;
  visibility: visible
}

.bm-countries__stat:not(.disabled) .bm-countries__rate:after {
  width: 1rem;
  height: 1rem;
  top: -.375rem;
  right: -.75rem
}

.bm-countries__count span {
  display: block;
  margin-top: .25rem;
  font-size: .875rem
}

.bm-countries__count span,
.disabled .bm-countries__rate {
  color: rgba(0, 0, 0, .2)
}

.bm-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.bm-author__url {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
  font-size: .875rem;
  white-space: nowrap;
  overflow: hidden
}

.bm-author__url .seo-block__column-link,
.bm-author__url a {
  display: block
}

.bm-author__info {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  line-height: 1.5;
  font-size: .875rem
}

.alert {
  position: fixed !important;
  width: 100% !important;
  top: 0 !important;
  left: 0 !important;
  color: #fff
}

.alert.ui-pnotify.ui-pnotify-in {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1050;
  padding-top: .75rem;
  padding-bottom: .75rem
}

.alert.ui-pnotify.ui-pnotify-in .ui-pnotify-container {
  padding: 0
}

.alert-danger .ui-pnotify-text,
.alert-success .ui-pnotify-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.alert-danger .ui-pnotify-text:before,
.alert-success .ui-pnotify-text:before {
  -ms-flex-item-align: start;
  align-self: flex-start
}

.alert-success {
  background-color: #8EBE4A
}

.alert-danger {
  background-color: #ED5252
}

.alert-warning {
  background-color: #FFF3CD;
  color: #856404
}

.alert-info {
  background-color: #D1ECF1;
  color: #0C5460
}

.auth-form .button_bordered,
.auth-modal__right {
  background-color: #FAF9FE
}

.ui-pnotify .ui-pnotify-shadow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}

.ui-pnotify-icon,
.ui-pnotify-icon span {
  display: none !important
}

.auth-modal__right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.auth-modal__tabs {
  -ms-flex-item-align: end;
  align-self: flex-end
}

.auth-modal__tabs .tabs__item {
  margin-right: 1.5rem;
  border-bottom: 3px solid transparent;
  font-size: 1.25rem;
}

.auth-modal__tabs .tabs__item:last-child {
  margin-right: 0
}

.auth-modal__tabs .tabs__item.active {
  border-color: #4F1A80
}

.auth-form .button_bordered[disabled] {
  color: rgba(0, 0, 0, .5)
}

.auth-form .button_bordered:not([disabled]):hover,
.auth-form .button_bordered:not([disabled])[disabled] {
  border-color: #703AA3
}

.auth-form .agreement {
  margin-bottom: 1.5rem
}

.auth__fields>* {
  margin-bottom: 1rem
}

.auth__fields>:last-child {
  margin-bottom: 0
}

.auth__remember {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  font-size: .875rem
}

.auth-scl__list,
.collection-item {
  display: -webkit-box;
  display: -ms-flexbox
}

.auth__remember .custom-checkbox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.auth-scl__heading {
  margin-bottom: 1rem;
  font-font-size: 1.125rem
}

.auth-scl__list {
  display: flex
}

.auth-scl__list li:last-child {
  margin-right: 0
}

.auth-scl__list .icon {
  height: 34px;
  border-radius: 6px
}

.auth-scl__list .icon:hover {
  -webkit-filter: brightness(107%);
  filter: brightness(107%)
}

.auth-scl__list .icon.icon-facebook,
.auth-scl__list .icon.icon-odnoklassniki,
.auth-scl__list .icon.icon-twitter,
.auth-scl__list .icon.icon-vkontakte,
.auth-scl__list .icon.icon-yandex {
  color: #fff
}

.auth-scl__list .icon.icon-vkontakte {
  background-color: #4D76A1
}

.auth-scl__list .icon.icon-mailru {
  background-color: #015FF9;
  color: #FFAA18
}

.auth-scl__list .icon.icon-odnoklassniki {
  background-color: #FB6901
}

.auth-scl__list .icon.icon-twitter {
  background-color: #55ACEE
}

.auth-scl__list .icon.icon-yandex {
  background-color: #CD2A00
}

.auth-scl__list .icon.icon-facebook {
  background-color: #3B5999
}

.auth-scl__list .icon.icon-google {
  border: 1px solid #EBEBEB
}

.auth-scl__list .icon.icon-google:hover {
  background-color: #fff;
  border-color: #fff
}

.alert-danger .auth-scl__list .icon-google.ui-pnotify-text:before,
.alert-success .auth-scl__list .icon-google.ui-pnotify-text:before,
.auth-scl__list .alert-danger .icon-google.ui-pnotify-text:before,
.auth-scl__list .alert-success .icon-google.ui-pnotify-text:before,
.auth-scl__list .footer__block .icon-google.footer__heading:after,
.auth-scl__list .footer__breadcrumbs .breadcrumbs__item .icon-google.seo-block__column-link:before,
.auth-scl__list .footer__breadcrumbs .breadcrumbs__item a.icon-google:before,
.auth-scl__list .header__nav>li>a.icon-google:after,
.auth-scl__list .icon-google.arrowed-link:after,
.auth-scl__list .icon-google.button_card:after,
.auth-scl__list .icon-google.checkbox__square:before,
.auth-scl__list .icon-google.faq-widget__header:after,
.auth-scl__list .icon-google.footer__lang:after,
.auth-scl__list .icon-google.header__version-link:after,
.auth-scl__list .icon-google.nav__item_lang-current:after,
.auth-scl__list .icon-google.select2-search--dropdown:after,
.auth-scl__list .icon-google.seo-block__column-link:after,
.auth-scl__list .icon-google.win__select-current:after,
.auth-scl__list .icon.icon-google:before,
.auth-scl__list .instruction__list li.icon-google:before,
.auth-scl__list .nav__item_lang .icon-google.nav__list-heading:after,
.auth-scl__list .nav__item_lang .nav__item_write>a.icon-google:after,
.auth-scl__list .nav__item_lang .nav__item_write>span.icon-google:after,
.auth-scl__list .nav__item_lang>a.icon-google:after,
.auth-scl__list .nav__item_lang>span.icon-google:after,
.auth-scl__list .nav__item_write .icon-google.nav__list-heading:after,
.auth-scl__list .nav__item_write .nav__item_lang>a.icon-google:after,
.auth-scl__list .nav__item_write .nav__item_lang>span.icon-google:after,
.auth-scl__list .nav__item_write>a.icon-google:after,
.auth-scl__list .nav__item_write>span.icon-google:after,
.auth-scl__list .nav__list .icon-google.nav__list-heading:after,
.auth-scl__list .nav__list .nav__item_lang>a.icon-google:after,
.auth-scl__list .nav__list .nav__item_lang>span.icon-google:after,
.auth-scl__list .nav__list .nav__item_write>a.icon-google:after,
.auth-scl__list .nav__list .nav__item_write>span.icon-google:after,
.auth-scl__list .select2-container--default .select2-selection--single .icon-google.select2-selection__arrow:after,
.auth-scl__list .spec-project__body ul li.icon-google:before,
.auth-scl__list .tab-list__item_dropdown>a.icon-google:after,
.footer__block .auth-scl__list .icon-google.footer__heading:after,
.footer__breadcrumbs .breadcrumbs__item .auth-scl__list .icon-google.seo-block__column-link:before,
.footer__breadcrumbs .breadcrumbs__item .auth-scl__list a.icon-google:before,
.instruction__list .auth-scl__list li.icon-google:before,
.nav__item_lang .auth-scl__list .icon-google.nav__list-heading:after,
.nav__item_write .auth-scl__list .icon-google.nav__list-heading:after,
.nav__list .auth-scl__list .icon-google.nav__list-heading:after,
.select2-container--default .select2-selection--single .auth-scl__list .icon-google.select2-selection__arrow:after,
.spec-project__body ul .auth-scl__list li.icon-google:before {
  width: 1.125rem;
  height: 1.125rem
}

.collection-bm_comm {
  margin-bottom: 1.5rem;
  background-color: #FFFBEE;
  -webkit-box-shadow: 0 5px 15px 0 rgba(87, 53, 33, .2);
  box-shadow: 0 5px 15px 0 rgba(87, 53, 33, .2)
}

.collection-item {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 1rem;
  border-bottom: 1px solid #EBEBEB
}

.collection-bm:not(.collection-bm_comm) .collection-item:last-child {
  padding-bottom: 0;
  border-bottom: none
}

.collection-item_comm {
  position: relative;
  background-color: #FFFBEE
}

.collection-item_comm[data-expanded=true] {
  border-color: transparent
}

.collection-item_comm[data-expanded=true] .collection-item__hidden {
  position: relative;
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .1);
  z-index: 5
}

.collection-item_comm:after {
  content: attr(data-adv-text);
  position: absolute;
  top: -1px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1rem;
  padding-left: .875rem;
  padding-right: .875rem;
  background-color: #FEE384;
  border-bottom-left-radius: 3px;
  text-transform: uppercase;
  font-size: 9px;
  color: #6F3F13
}

.collection-item_comm .button_bordered:not(:hover) {
  background-color: transparent
}

.collection-item__bm,
.collection-item__buttons {
  margin-bottom: 1rem
}

.collection-item__bm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: .5rem;
  overflow: hidden;
  color: rgba(0, 0, 0, .8)
}


.collection-item__bm img {
  max-width: 4rem;
  border-radius: 1rem
}

.collection-item__info {
  overflow: hidden;
  width: 100%;
}

.collection-item__title {
  font-weight: 700;
  display: flex;
  align-items: center;
}

.collection-item__review-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: .5rem;
  color: rgba(0, 0, 0, .4)
}

.collection-item__review-count .icon {
  margin-right: .5rem
}

.collection-item__stat {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: .5rem;
  line-height: 1;
  font-size: 1rem;
  font-weight: 700
}

.collection-item__stat:before {
  content: '';
  width: 1rem;
  height: 1rem;
  margin-right: .5rem;
  background: url(/rr/images/green-arrow-top.svg) no-repeat;
  background-size: cover
}

.collection-item__stars {
  margin-top: .625rem
}

.collection-item__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.collection-item__buttons .button:last-child {
  margin-right: 0
}

.collection-spoiler__button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: .5rem;
  font-size: .5rem;
  cursor: pointer;
  -webkit-transition: background-color .25s, border-color .25s;
  transition: background-color .25s, border-color .25s
}

.collection-spoiler__button .icon {
  -webkit-transition: all .25s;
  transition: all .25s
}

.collection-item[data-expanded=true] .collection-spoiler__button .icon {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

div.collection-spoiler__button {
  width: 100%;
  border-color: #FAFAFA;
  background-color: #FAFAFA
}

.collection-item__hidden {
  display: none;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  width: 100%;
  background-color: #fff
}

.collection-item__hidden-info {
  padding-top: 1.5rem
}

.collection-item__hidden-links .seo-block__column-link,
.collection-item__hidden-links a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: .75rem;
  padding-bottom: .75rem;
  border-radius: .5rem;
  font-weight: 500;
  color: rgba(0, 0, 0, .8);
  -webkit-transition: all .25s;
  transition: all .25s
}

.collection-item__hidden-links .seo-block__column-link span,
.collection-item__hidden-links a span {
  -ms-flex-item-align: center;
  align-self: center
}

.collection-item__hidden-links .seo-block__column-link:hover,
.collection-item__hidden-links a:hover {
  background-color: #FAFAFA
}

.collection-item__hidden-links .icon {
  width: 1rem;
  height: 1rem;
  margin-right: .5rem
}

.collection-item__hidden-links .icon.icon-info-alt {
  color: #4ABE7F
}

.collection-item__hidden-links .icon.icon-download {
  font-size: 1.25rem;
  color: #E78022
}

.collection-item__hidden-links .icon.icon-write-alt {
  color: #4F1A80
}



.collection-item__info-reviews .arrowed-link:after {
  color: inherit
}

.collection-item__info-users {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.collection-item__info-users:after {
  content: '';
  position: absolute;
  top: -6px;
  right: -.5rem;
  display: block;
  width: 3rem;
  height: calc(100% + 12px);
  background: linear-gradient(267.9deg, #FFF 28.37%, rgba(255, 255, 255, 0) 83.41%)
}

.collection-item__info-users .seo-block__column-link,
.collection-item__info-users a,
.collection-item__info-users>.no-avatar,
.collection-item__info-users>img {
  display: block;
  margin-left: -.5rem;
  background-color: #fff;
  border: solid #fff;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .15);
  box-shadow: 0 0 4px rgba(0, 0, 0, .15);
  overflow: hidden
}

.bt,
.collection-item__available,
.reviews-item__more {
  border-top: 1px solid #EBEBEB
}

.content-widget .collection-item,
.faq-widget:last-child .faq-widget__item:last-child,
.poll-widget .collection-item {
  border-bottom: none
}

.collection-item__info-users .seo-block__column-link:first-child,
.collection-item__info-users a:first-child,
.collection-item__info-users>.no-avatar:first-child,
.collection-item__info-users>img:first-child {
  margin-left: 0
}

.collection-item__info-users>.no-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.collection-item__info-users .seo-block__column-link img,
.collection-item__info-users a img {
  width: 100%;
  height: auto
}

.collection-item__info-users .no-avatar {
  border-radius: 0
}

.collection-item__available {
  margin-bottom: .75rem
}

.collection-item__available-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.collection-item__available-header h4 {
  margin: 0 .5rem 0 0;
  font-weight: 500
}

.collection-item__available-header small {
  font-size: 1rem;
  color: rgba(0, 0, 0, .4)
}

.collection-item__available-table {
  width: 100%;
  border-collapse: collapse
}

.collection-item__available-table tbody tr:nth-child(even) {
  background-color: #FAFAFA
}

.collection-item__available-table tbody tr:nth-child(even) td:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px
}

.collection-item__available-table tbody tr:nth-child(even) td:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px
}

.collection-item__available-table td:last-child,
.collection-item__available-table th:last-child {
  padding-right: 1rem;
  text-align: right
}

.collection-item__available-table td .icon {
  margin-top: -3px;
  margin-right: .5rem;
  font-size: .75rem;
  color: rgba(0, 0, 0, .4)
}

.collection-item__available-country {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.collection-item__available-country img {
  width: 1rem;
  height: auto;
  margin-right: 1rem;
  border-radius: 2px
}

.content-widget .collection-item_comm,
.poll-widget .collection-item_comm {
  background-color: transparent
}

.collection-widget .button {
  font-size: .875rem
}

.collection-widget__heading .collection-sm__icon {
  width: 4.875rem;
  border-radius: 0 .5rem .5rem 0
}

.collection-widget__heading .collection-sm__icon+.collection-sm__right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.collection-widget__heading .collection-sm__icon+.collection-sm__right .collection-sm__title {
  line-height: 1.375rem;
  font-size: 1rem
}

.collection-widget__heading .collection-sm__counter {
  margin-top: .25rem
}

.collection-widget__bm .collection-item__bm {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 0;
  text-align: left;
  max-width: 100%
}

.collection-widget__bm .collection-item__bm:first-child {
  padding-left: 0
}

.collection-widget__bm .collection-item__bm:last-child {
  padding-right: 0;
  border-right: none
}

.collection-widget__bm .collection-item__bm img {
  max-width: 2.5rem !important;
  height: auto;
  border-radius: 12px
}

.collection-widget__bm .collection-item__info {
  margin-left: .75rem
}

.collection-widget__bm .collection-item__title {
  font-weight: 500;
  font-size: 1rem
}

.collection-widget__bm .collection-item__stat {
  margin-top: .25rem;
  font-weight: 400;
  font-size: .75rem
}

.collection-widget__bm .collection-item__stat:before {
  margin-right: .25rem
}

.post-widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 1px solid rgba(0, 0, 0, .04);
  -webkit-box-shadow: 0 0 23px rgba(0, 0, 0, .05);
  box-shadow: 0 0 23px rgba(0, 0, 0, .05);
  border-radius: 8px
}

.post-widget .seo-block__column-link,
.post-widget a {
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 1rem;
  font-weight: 500;
  color: inherit
}

.post-widget .seo-block__column-link:hover,
.post-widget a:hover {
  color: #4F1A80
}

.post-widget__favorite {
  margin-left: auto;
  margin-right: 1rem;
  cursor: pointer
}

.post-widget__favorite .icon {
  background-color: rgba(79, 26, 128, .1);
  color: rgba(0, 0, 0, .3);
  -webkit-transition: all .25s;
  transition: all .25s
}

.post-widget__favorite.active .icon,
.post-widget__favorite:hover .icon {
  background-color: rgba(79, 26, 128, .15)
}

.bet-widget {
  background-color: #639;
  border-radius: .5rem;
  font-weight: 700;
  color: #fff
}

.bet-widget__heading {
  font-weight: 500
}

.bet-widget__panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border-radius: 6px;
  font-size: 1rem;
  font-weight: 500;
  color: rgba(0, 0, 0, .8)
}

.bet-widget__panel:hover {
  color: #4F1A80
}

.bet-widget__panel img {
  max-width: 40px;
  height: auto;
  border-radius: .75rem
}

.bet-widget__coef {
  margin-left: auto;
  color: #639
}

.bet-three-widget {
  font-weight: 500
}

.bet-three__item {
  color: rgba(0, 0, 0, .8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .5rem 1rem .5rem 1.25rem;
  border: 1px solid rgba(79, 26, 128, .05);
  box-shadow: 0 0 23px rgba(79, 26, 128, .05);
  border-radius: 6px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.bet-three__item:hover {
  background-color: #639;
  color: #fff
}

.bet-three__item:hover .bet-widget__coef {
  color: #fff
}

.bet-three__item:last-child {
  margin-right: 0;
  margin-bottom: 0
}

.bet-three__item .bet-widget__coef {
  -webkit-transition: color .2s;
  transition: color .2s
}

.bet-button,
.bet-widget-v2 img {
  -webkit-transition: -webkit-filter .25s
}

.bet-three__item img {
  max-width: 40px;
  height: auto;
  border-radius: .75rem
}

.bet-widget-v2 {
  display: block;
  border-radius: .5rem;
  color: #fff
}

.bet-widget-v2:hover {
  color: #fff
}

.bet-widget-v2 img {
  transition: -webkit-filter .25s;
  transition: filter .25s;
  transition: filter .25s, -webkit-filter .25s
}

.bet-widget-v2__heading {
  font-weight: 500
}

.bet-widget-v2__panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: .75rem;
  border-top: 1px solid rgba(255, 255, 255, .1)
}

.poll-widget__item,
.poll-widget__status {
  display: -webkit-box;
  display: -ms-flexbox
}

.bet-widget-v2__coef {
  white-space: nowrap
}

.bet-widget-v2__coef+img {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 0 2.5rem !important;
  flex: 1 0 2.5rem !important;
  max-width: 2.5rem !important;
  height: auto;
  border-radius: .75rem
}

.poll-widget {
  background-color: #639;
  color: #fff
}

.poll-widget.poll-widget_closed {
  background-color: #858289
}

.poll-widget__heading {
  margin: 0 0 1rem;
  font-weight: 500
}

.poll-widget__item {
  position: relative;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
  background: rgba(252, 251, 255, .2);
  border-radius: .5rem;
  cursor: pointer;
  overflow: hidden
}

.author-widget__text p:last-child,
.faq-widget__body>:last-child,
.poll-widget__item:last-child,
.section:last-child,
.section[data-expanded] .section__header {
  margin-bottom: 0
}

.poll-widget_closed .poll-widget__item {
  cursor: default
}

.poll-widget__item:after {
  content: attr(data-percent);
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-left: auto;
  white-space: nowrap;
  -ms-flex-order: 1
}

.poll-widget__item-progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: rgba(252, 251, 255, .2);
  z-index: 0
}

.poll-widget__item.biggest .poll-widget__item-progress {
  background: rgba(252, 251, 255, .3)
}

.poll-widget__item-text {
  margin-right: 1.25rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.poll-widget__item-text:after {
  content: attr(data-voice-text);
  margin-left: .25rem;
  white-space: nowrap
}

.poll-widget__item.biggest .poll-widget__item-text {
  font-weight: 500
}

.poll-widget__bottom {
  font-size: .875rem
}

.poll-widget__total {
  color: rgba(255, 255, 255, .4)
}

.poll-widget__status {
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.poll-widget__status .icon {
  margin-left: .5rem;
  font-size: 1rem;
  color: rgba(255, 255, 255, .6)
}

.author-widget__colored {
  padding: 1rem;
  background-color: #FCFBFF;
  border-radius: .5rem
}

.author-widget__photo img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 23px rgba(79, 26, 128, .1);
  box-shadow: 0 0 23px rgba(79, 26, 128, .1)
}

.author-widget__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 500;
  color: #639
}

.author-widget__name,
.rate {
  font-weight: 700;
}

.author-widget__label .icon {
  margin-right: .5rem
}

.author-widget__name {
  margin-right: 1rem;
  font-size: 1.375rem
}

.author-widget__scl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.author-widget__scl .seo-block__column-link,
.author-widget__scl a {
  margin-right: 6px
}

.author-widget__scl .seo-block__column-link:last-child,
.author-widget__scl a:last-child {
  margin-right: 0
}

.author-widget__scl .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #4F1A80;
  border-radius: 50%;
  font-size: .625rem;
  color: #fff;
  -webkit-transition: background-color .25s;
  transition: background-color .25s
}

.author-widget__scl .icon:hover {
  background-color: #7627c0
}

.author-widget__text {
  line-height: 1.375rem;
  font-size: .875rem;
  color: rgba(0, 0, 0, .5)
}

.author-widget__text p:first-child {
  margin-top: 0
}

.author-widget__info {
  margin: 1.5rem 0 0 !important
}

.author-widget__info li {
  margin-bottom: 0 !important
}

.faq-widget:last-child .faq-widget__item:last-child .faq-widget__body,
.faq-widget:last-child .faq-widget__item:last-child .faq-widget__header {
  padding-bottom: 0
}

.faq-widget:last-child .faq-widget__item:last-child .faq-widget__body {
  padding-top: 1.5rem
}

.faq-widget__item {
  border-bottom: 1px solid #EBEBEB
}

.faq-widget__item:first-child .faq-widget__header {
  padding-top: 0
}

.faq-widget__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-weight: 500;
  -webkit-transition: color .25s;
  transition: color .25s;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer
}

.faq-widget__header:hover {
  color: #4F1A80
}

.faq-widget__header[data-expanded=true]:after {
  margin-top: 0;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.faq-widget__header:after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  margin-top: 5px;
  margin-left: auto;
  font-size: .5rem;
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s
}

body.black:before,
body.overlay:before {
  width: 100%;
  top: 0;
  left: 0;
  content: ''
}

.faq-widget__header span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-item-align: center;
  align-self: center;
  margin-right: 1rem
}

.faq-widget__header .icon {
  margin-top: 5px;
  margin-right: .75rem;
  color: #639
}

.faq-widget__body {
  display: none;
  max-width: 664px;
  padding-bottom: 1.5rem
}

.faq-widget__body>:first-child {
  margin-top: 0
}

html {
  height: 100%
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

body.black {
  position: relative;
  background-color: #2F3033
}

body.black:before {
  position: absolute;
  display: block;
  height: 50%;
  background: url(/rr/images/shtuka.svg) no-repeat;
  z-index: 0
}

.edit-link,
.expander,
.section__more-expand {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox
}

body.overlay {
  position: relative;
  overflow: hidden
}

body.overlay:before {
  position: absolute;
  height: 100%;
  background-color: rgba(167, 167, 167, .5);
  z-index: 1020
}

.footer {
  margin-top: auto;
  z-index: 1
}

.expander,
.section__more-expand {
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 28px;
  max-height: 28px;
  width: 28px;
  height: 28px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 28px;
  flex: 1 0 28px;
  background: rgba(196, 196, 196, .2);
  border-radius: 10px;
  font-size: .5rem;
  color: #4F1A80;
  cursor: pointer
}

.expander .icon,
.section__more-expand .icon {
  -webkit-transform-origin: center;
  transform-origin: center
}

[data-expanded=true] .expander .icon,
[data-expanded=true] .section__more-expand .icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.slider-arrow-gr,
.slider-arrow-no-gr {
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 115px;
  height: 100%;
  z-index: 5
}

.slider-arrow-gr[aria-disabled=true],
.slider-arrow-no-gr[aria-disabled=true] {
  visibility: hidden
}

.next.slider-arrow-no-gr,
.slider-arrow-gr.next {
  right: -.75rem;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background: -webkit-gradient(linear, right top, left top, color-stop(23.68%, #FFF), color-stop(97.81%, rgba(255, 255, 255, 0)));
  background: linear-gradient(270deg, #FFF 23.68%, rgba(255, 255, 255, 0) 97.81%)
}

.prev.slider-arrow-no-gr,
.slider-arrow-gr.prev {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  left: -.75rem;
  background: -webkit-gradient(linear, left top, right top, color-stop(23.68%, #FFF), color-stop(97.81%, rgba(255, 255, 255, 0)));
  background: linear-gradient(-270deg, #FFF 23.68%, rgba(255, 255, 255, 0) 97.81%)
}

.slider-arrow-no-gr {
  width: auto;
  height: auto
}

.slider-arrow-no-gr.next,
.slider-arrow-no-gr.prev {
  background: 0 0
}

.slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1.25rem
}

.edit-link,
.slider-arrow {
  -webkit-box-align: center
}

.slick-dots li {
  margin-right: 1rem;
  font-size: 0
}

.slick-dots li:last-child {
  margin-right: 0
}

.slick-dots li.slick-active button {
  background-color: #784199
}

.slick-dots button {
  width: .5rem;
  height: .5rem;
  padding: 0;
  background-color: #676767;
  border: none;
  border-radius: 50%;
  line-height: .5rem;
  font-size: 0;
  cursor: pointer
}

.slider-arrow {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #fff;
  border: 1px solid #EBEBEB;
  border-radius: 50%;
  font-size: .5rem;
  color: rgba(0, 0, 0, .5);
  cursor: pointer
}

.h-100,
.no-result {
  height: 100%
}

.slider-arrow[aria-disabled=true] {
  display: none !important
}

.slider-arrow:hover {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
  box-shadow: 0 0 8px rgba(0, 0, 0, .1);
  color: #4F1A80
}

.slider-arrow.prev {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.slider-arrow-gr .slider-arrow.prev,
.slider-arrow-no-gr .slider-arrow.prev {
  margin-left: 1.25rem
}

.slider-arrow.next {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.slider-arrow-gr .slider-arrow.next,
.slider-arrow-no-gr .slider-arrow.next {
  margin-right: 1.25rem
}

.edit-link .icon,
.lang-switcher>* {
  margin-right: .5rem
}

.slider-arrow:before {
  margin-top: 1px
}

.align-self-center {
  align-self: center
}

.no-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1rem 0
}

.no-result__image {
  opacity: .1
}

.no-result__message {
  font-weight: 500;
  font-size: 1.5rem;
  color: rgba(0, 0, 0, .1)
}

.w-100 {
  width: 100%
}

.w-100.button_big {
  min-width: 0
}

.bb {
  border-bottom: 1px solid #EBEBEB
}

body.black .bb {
  border-color: rgba(255, 255, 255, .1)
}

.edit-link {
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1rem;
  font-size: .875rem;
  color: #4F1A80
}

.expand-trigger {
  cursor: pointer
}

.bg-header {
  height: 248px;
  background-color: #4F1A80
}

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

.effect-block {
  position: relative;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

.effect-block:hover>:last-child {
  -webkit-box-shadow: 0 16px 16px 0 rgba(0, 0, 0, .015), 0 8px 8px 0 rgba(0, 0, 0, .015), 0 4px 4px 0 rgba(0, 0, 0, .015);
  box-shadow: 0 16px 16px 0 rgba(0, 0, 0, .015), 0 8px 8px 0 rgba(0, 0, 0, .015), 0 4px 4px 0 rgba(0, 0, 0, .015)
}

.effect-block>picture {
  overflow: hidden
}

.effect-block>picture img {
  width: 100%;
  height: auto;
  border-radius: .5rem
}

.effect-block>img,
.effect-block>picture {
  position: absolute;
  left: 50%;
  width: 100%;
  border-radius: 8px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

.effect-block>img:first-child,
.effect-block>picture:first-child {
  top: 0;
  opacity: .2;
  z-index: 3
}

.effect-block>img:nth-child(2),
.effect-block>picture:nth-child(2) {
  opacity: .6;
  z-index: 5
}

.effect-block>:last-child {
  -webkit-transition-duration: .45s;
  transition-duration: .45s;
  z-index: 7
}

.banner-wrapper .seo-block__column-link,
.banner-wrapper a {
  position: fixed;
  display: block;
  margin: auto;
  outline: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto;
  z-index: auto
}

.content-wrap {
  position: relative;
  background-color: #f0f1f2
}

.content-wrap.full-background-banner {
  max-width: 1128px
}

@media (min-width: 992px) {
  .content-wrap {
      width: 100%;
      margin: -25px auto 3rem;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px
  }
}

@media (min-width: 768px) {
  .content-wrap .content .container:only-child {
      margin-top: 25px
  }
}

.agreement {
  line-height: 1.25;
  font-size: .875rem
}

.rate {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: .75rem
}

.rate:after {
  width: 1rem;
  height: 1rem;
  top: .25rem;
  right: -1.125rem
}

.banner-clickable {
  display: block;
  border-radius: .5rem;
  overflow: hidden
}

.banner-clickable img {
  width: 100%;
  height: auto
}

.bm-rekl-modal {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(17, 0, 32, .6);
  z-index: 1500
}

.bm-rekl-modal.visible {
  display: block
}

.bm-rekl-modal__wrap {
  position: fixed;
  top: 50%;
  left: 50%;
  display: block;
  max-width: 768px;
  width: calc(100% - 2rem);
  transform: translate(-50%, -50%)
}

.bm-rekl-modal__content {
  position: relative
}

.bm-rekl-modal__close {
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background-color: #fff;
  border-radius: .5rem;
  font-size: 1.5rem;
  color: #000;
  cursor: pointer
}

.section__header,
.stars {
  display: -webkit-box;
  display: -ms-flexbox
}

.bm-rekl-modal__close:hover {
  color: #fff
}

.section.section_transparent {
  background-color: transparent
}

.section__header {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.section[data-expanded] .section__header {
  cursor: pointer
}

.section__header h2 {
  margin: 0
}

.section__header .section__count {
  margin-left: .5rem;
  color: rgba(0, 0, 0, .2)
}

.section__expander,
.section__more,
.section__more-expand {
  margin-left: auto
}

.section_review-form .section__header h2 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.section_review-form .section__header h2 .icon {
  margin-right: .75rem
}

.bet-balance .bet-balance-currency .icon,
.stars__item {
  margin-right: .25rem
}

.section__more {
  padding: 0.375rem 1.75rem;
  background-color: #495057;
  border-radius: 8px;
  color: white;
  font-weight: 700;
}

.section__more:hover {
  text-decoration: none;
  color: #fff
}

.section__more-expand .icon {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.stars {
  display: flex
}

.stars_big {
  font-size: 2rem
}

.stars__item {
  color: rgba(0, 0, 0, .15)
}

.header__icons li:last-child,
.share__item:last-child,
.stars__item:last-child {
  margin-right: 0
}

.stars_interactive .stars__item {
  cursor: pointer;
  -webkit-transition: -webkit-transform .2s linear;
  transition: -webkit-transform .2s linear;
  transition: transform .2s linear;
  transition: transform .2s linear, -webkit-transform .2s linear;
  will-change: transform
}

.stars_interactive .stars__item:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}

.stars[data-rate=high] .stars__item {
  color: rgba(142, 190, 74, .1)
}

.stars[data-rate=medium] .stars__item {
  color: rgba(106, 104, 104, .1)
}

.stars[data-rate=low] .stars__item {
  color: rgba(255, 73, 96, .1)
}

.stars[data-rate=high] .stars__item_fill {
  color: #8EBE4A
}

.stars[data-rate=medium] .stars__item_fill {
  color: #6A6868
}

.stars[data-rate=low] .stars__item_fill {
  color: #FF4960
}

.share__heading {
  margin: 0;
  font-weight: 500;
}

.share__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-left: auto
}

.share__item .seo-block__column-link,
.share__item a {
  display: block
}

.share__item .icon {
  border: 1px solid #EBEBEB;
  border-radius: 50%;
  color: #fff
}

.share__item .icon.icon-vkontakte {
  color: #4D76A1
}

.alert-danger .share__item .icon-vkontakte.ui-pnotify-text:before,
.alert-success .share__item .icon-vkontakte.ui-pnotify-text:before,
.footer__block .share__item .icon-vkontakte.footer__heading:after,
.footer__breadcrumbs .breadcrumbs__item .share__item .icon-vkontakte.seo-block__column-link:before,
.footer__breadcrumbs .breadcrumbs__item .share__item a.icon-vkontakte:before,
.instruction__list .share__item li.icon-vkontakte:before,
.nav__item_lang .share__item .icon-vkontakte.nav__list-heading:after,
.nav__item_write .share__item .icon-vkontakte.nav__list-heading:after,
.nav__list .share__item .icon-vkontakte.nav__list-heading:after,
.select2-container--default .select2-selection--single .share__item .icon-vkontakte.select2-selection__arrow:after,
.share__item .alert-danger .icon-vkontakte.ui-pnotify-text:before,
.share__item .alert-success .icon-vkontakte.ui-pnotify-text:before,
.share__item .footer__block .icon-vkontakte.footer__heading:after,
.share__item .footer__breadcrumbs .breadcrumbs__item .icon-vkontakte.seo-block__column-link:before,
.share__item .footer__breadcrumbs .breadcrumbs__item a.icon-vkontakte:before,
.share__item .header__nav>li>a.icon-vkontakte:after,
.share__item .icon-vkontakte.arrowed-link:after,
.share__item .icon-vkontakte.button_card:after,
.share__item .icon-vkontakte.checkbox__square:before,
.share__item .icon-vkontakte.faq-widget__header:after,
.share__item .icon-vkontakte.footer__lang:after,
.share__item .icon-vkontakte.header__version-link:after,
.share__item .icon-vkontakte.nav__item_lang-current:after,
.share__item .icon-vkontakte.select2-search--dropdown:after,
.share__item .icon-vkontakte.seo-block__column-link:after,
.share__item .icon-vkontakte.win__select-current:after,
.share__item .icon.icon-vkontakte:before,
.share__item .instruction__list li.icon-vkontakte:before,
.share__item .nav__item_lang .icon-vkontakte.nav__list-heading:after,
.share__item .nav__item_lang .nav__item_write>a.icon-vkontakte:after,
.share__item .nav__item_lang .nav__item_write>span.icon-vkontakte:after,
.share__item .nav__item_lang>a.icon-vkontakte:after,
.share__item .nav__item_lang>span.icon-vkontakte:after,
.share__item .nav__item_write .icon-vkontakte.nav__list-heading:after,
.share__item .nav__item_write .nav__item_lang>a.icon-vkontakte:after,
.share__item .nav__item_write .nav__item_lang>span.icon-vkontakte:after,
.share__item .nav__item_write>a.icon-vkontakte:after,
.share__item .nav__item_write>span.icon-vkontakte:after,
.share__item .nav__list .icon-vkontakte.nav__list-heading:after,
.share__item .nav__list .nav__item_lang>a.icon-vkontakte:after,
.share__item .nav__list .nav__item_lang>span.icon-vkontakte:after,
.share__item .nav__list .nav__item_write>a.icon-vkontakte:after,
.share__item .nav__list .nav__item_write>span.icon-vkontakte:after,
.share__item .select2-container--default .select2-selection--single .icon-vkontakte.select2-selection__arrow:after,
.share__item .spec-project__body ul li.icon-vkontakte:before,
.share__item .tab-list__item_dropdown>a.icon-vkontakte:after,
.spec-project__body ul .share__item li.icon-vkontakte:before {
  margin-left: -1px
}

.share__item .icon.icon-vkontakte:hover {
  background-color: #4D76A1;
  border-color: #4D76A1;
  color: #fff
}

.share__item .icon.icon-facebook {
  color: #3B5999
}

.share__item .icon.icon-facebook:hover {
  background-color: #3B5999;
  border-color: #3B5999;
  color: #fff
}

.share__item .icon.icon-wa-phone {
  color: #4CAF50
}

.share__item .icon.icon-wa-phone:hover {
  background-color: #4CAF50;
  border-color: #4CAF50;
  color: #fff
}

.share__item .icon.icon-twitter {
  color: #55ACEE
}

.alert-danger .share__item .icon-twitter.ui-pnotify-text:before,
.alert-success .share__item .icon-twitter.ui-pnotify-text:before,
.footer__block .share__item .icon-twitter.footer__heading:after,
.footer__breadcrumbs .breadcrumbs__item .share__item .icon-twitter.seo-block__column-link:before,
.footer__breadcrumbs .breadcrumbs__item .share__item a.icon-twitter:before,
.instruction__list .share__item li.icon-twitter:before,
.nav__item_lang .share__item .icon-twitter.nav__list-heading:after,
.nav__item_write .share__item .icon-twitter.nav__list-heading:after,
.nav__list .share__item .icon-twitter.nav__list-heading:after,
.select2-container--default .select2-selection--single .share__item .icon-twitter.select2-selection__arrow:after,
.share__item .alert-danger .icon-twitter.ui-pnotify-text:before,
.share__item .alert-success .icon-twitter.ui-pnotify-text:before,
.share__item .footer__block .icon-twitter.footer__heading:after,
.share__item .footer__breadcrumbs .breadcrumbs__item .icon-twitter.seo-block__column-link:before,
.share__item .footer__breadcrumbs .breadcrumbs__item a.icon-twitter:before,
.share__item .header__nav>li>a.icon-twitter:after,
.share__item .icon-twitter.arrowed-link:after,
.share__item .icon-twitter.button_card:after,
.share__item .icon-twitter.checkbox__square:before,
.share__item .icon-twitter.faq-widget__header:after,
.share__item .icon-twitter.footer__lang:after,
.share__item .icon-twitter.header__version-link:after,
.share__item .icon-twitter.nav__item_lang-current:after,
.share__item .icon-twitter.select2-search--dropdown:after,
.share__item .icon-twitter.seo-block__column-link:after,
.share__item .icon-twitter.win__select-current:after,
.share__item .icon.icon-twitter:before,
.share__item .instruction__list li.icon-twitter:before,
.share__item .nav__item_lang .icon-twitter.nav__list-heading:after,
.share__item .nav__item_lang .nav__item_write>a.icon-twitter:after,
.share__item .nav__item_lang .nav__item_write>span.icon-twitter:after,
.share__item .nav__item_lang>a.icon-twitter:after,
.share__item .nav__item_lang>span.icon-twitter:after,
.share__item .nav__item_write .icon-twitter.nav__list-heading:after,
.share__item .nav__item_write .nav__item_lang>a.icon-twitter:after,
.share__item .nav__item_write .nav__item_lang>span.icon-twitter:after,
.share__item .nav__item_write>a.icon-twitter:after,
.share__item .nav__item_write>span.icon-twitter:after,
.share__item .nav__list .icon-twitter.nav__list-heading:after,
.share__item .nav__list .nav__item_lang>a.icon-twitter:after,
.share__item .nav__list .nav__item_lang>span.icon-twitter:after,
.share__item .nav__list .nav__item_write>a.icon-twitter:after,
.share__item .nav__list .nav__item_write>span.icon-twitter:after,
.share__item .select2-container--default .select2-selection--single .icon-twitter.select2-selection__arrow:after,
.share__item .spec-project__body ul li.icon-twitter:before,
.share__item .tab-list__item_dropdown>a.icon-twitter:after,
.spec-project__body ul .share__item li.icon-twitter:before {
  margin-top: 2px;
  margin-left: 1px
}

.share__item .icon.icon-twitter:hover {
  background-color: #55ACEE;
  border-color: #55ACEE;
  color: #fff
}

.share__item .icon.icon-telegram {
  color: #039BE5
}

.alert-danger .share__item .icon-telegram.ui-pnotify-text:before,
.alert-success .share__item .icon-telegram.ui-pnotify-text:before,
.footer__block .share__item .icon-telegram.footer__heading:after,
.footer__breadcrumbs .breadcrumbs__item .share__item .icon-telegram.seo-block__column-link:before,
.footer__breadcrumbs .breadcrumbs__item .share__item a.icon-telegram:before,
.instruction__list .share__item li.icon-telegram:before,
.nav__item_lang .share__item .icon-telegram.nav__list-heading:after,
.nav__item_write .share__item .icon-telegram.nav__list-heading:after,
.nav__list .share__item .icon-telegram.nav__list-heading:after,
.select2-container--default .select2-selection--single .share__item .icon-telegram.select2-selection__arrow:after,
.share__item .alert-danger .icon-telegram.ui-pnotify-text:before,
.share__item .alert-success .icon-telegram.ui-pnotify-text:before,
.share__item .footer__block .icon-telegram.footer__heading:after,
.share__item .footer__breadcrumbs .breadcrumbs__item .icon-telegram.seo-block__column-link:before,
.share__item .footer__breadcrumbs .breadcrumbs__item a.icon-telegram:before,
.share__item .header__nav>li>a.icon-telegram:after,
.share__item .icon-telegram.arrowed-link:after,
.share__item .icon-telegram.button_card:after,
.share__item .icon-telegram.checkbox__square:before,
.share__item .icon-telegram.faq-widget__header:after,
.share__item .icon-telegram.footer__lang:after,
.share__item .icon-telegram.header__version-link:after,
.share__item .icon-telegram.nav__item_lang-current:after,
.share__item .icon-telegram.select2-search--dropdown:after,
.share__item .icon-telegram.seo-block__column-link:after,
.share__item .icon-telegram.win__select-current:after,
.share__item .icon.icon-telegram:before,
.share__item .instruction__list li.icon-telegram:before,
.share__item .nav__item_lang .icon-telegram.nav__list-heading:after,
.share__item .nav__item_lang .nav__item_write>a.icon-telegram:after,
.share__item .nav__item_lang .nav__item_write>span.icon-telegram:after,
.share__item .nav__item_lang>a.icon-telegram:after,
.share__item .nav__item_lang>span.icon-telegram:after,
.share__item .nav__item_write .icon-telegram.nav__list-heading:after,
.share__item .nav__item_write .nav__item_lang>a.icon-telegram:after,
.share__item .nav__item_write .nav__item_lang>span.icon-telegram:after,
.share__item .nav__item_write>a.icon-telegram:after,
.share__item .nav__item_write>span.icon-telegram:after,
.share__item .nav__list .icon-telegram.nav__list-heading:after,
.share__item .nav__list .nav__item_lang>a.icon-telegram:after,
.share__item .nav__list .nav__item_lang>span.icon-telegram:after,
.share__item .nav__list .nav__item_write>a.icon-telegram:after,
.share__item .nav__list .nav__item_write>span.icon-telegram:after,
.share__item .select2-container--default .select2-selection--single .icon-telegram.select2-selection__arrow:after,
.share__item .spec-project__body ul li.icon-telegram:before,
.share__item .tab-list__item_dropdown>a.icon-telegram:after,
.spec-project__body ul .share__item li.icon-telegram:before {
  margin-top: 1px;
  margin-left: -3px
}

.share__item .icon.icon-telegram:hover {
  background-color: #039BE5;
  border-color: #039BE5;
  color: #fff
}

.share__item .icon.icon-copy {
  background-color: rgba(0, 0, 0, .5);
  border: none;
  color: #fff
}

.share__item .icon.icon-copy:hover {
  background-color: rgba(0, 0, 0, .6)
}

.share__item .icon:hover {
  -webkit-filter: brightness(107%);
  filter: brightness(107%)
}

#wa-svg:hover #whatsapp-icon-body {
  fill: #4CAF50
}

#wa-svg:hover #whatsapp-icon-phone {
  fill: #fff
}

.header {
  position: sticky;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 1001
}

.black .header {
  background-color: transparent
}

.black .header.header_sticky {
  background-color: #2F3033
}

.header.no-transition,
.header.no-transition .container,
.header.no-transition .header__bars .icon,
.header.no-transition .header__logo,
.header.no-transition .header__logo_white,
.header.no-transition .header__write .seo-block__column-link,
.header.no-transition .header__write a {
  -webkit-transition: none;
  transition: none
}

.header.header_sticky {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .04) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .04) !important
}

.header.header_sticky.header_main {
  position: fixed;
  background-color: #fff
}

.header.header_sticky.header_violet {
  position: fixed;
  width: 100%;
  z-index: 2000
}

.header .container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-transition: all .35s;
  transition: all .35s
}

.header.header_violet {
  -webkit-transition: none;
  transition: none;
  background-color: #4F1A80 !important;
  color: #fff
}

body.black .header.header_violet {
  background-color: #2F3033 !important
}

.header.header_main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  z-index: 1001
}

.header.header_main.header_sticky {
  color: rgba(0, 0, 0, .8)
}

.header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500
}

.header__nav>li>.seo-block__column-link,
.header__nav>li>a {
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  color: rgba(0, 0, 0, .8)
}

body.black .header__nav>li>.seo-block__column-link,
body.black .header__nav>li>a {
  color: #fff
}

.header__nav>li>.seo-block__column-link:after,
.header__nav>li>a:after {
  display: none
}

.header__nav>li>.active.seo-block__column-link:before,
.header__nav>li>a.active:before {
  opacity: 1
}

.header__version {
  padding-top: .5rem;
  padding-bottom: .5rem;
  background-color: #F0F1F2
}

.header_main .header__version {
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, .15)
}

.header_main.header_sticky .header__version {
  background-color: #F0F1F2
}

.header__version .container {
  height: auto !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.header__version-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 2rem;
  background-color: #fff;
  border-radius: .5rem;
  font-size: .875rem;
  font-weight: 500;
  color: #006fc9
}

.header__version-link img {
  width: 1.25rem;
  height: auto;
  border-radius: .375rem;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .1)
}

.header__version-link span {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 1.25rem;
  border-right: 1px solid #EBEBEB;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.header__version-link:after {
  display: block;
  font-size: .5rem;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  color: #C4C4C4
}

.header__logo,
.header__logo_white {
  -webkit-transition: all .35s;
  transition: all .35s
}

.header__logo_white,
.header_main:not(.header_sticky) .header__logo,
.header_violet .header__logo,
body.black .header__logo {
  display: none
}

.header_main:not(.header_sticky) .header__logo_white,
.header_violet .header__logo_white,
body.black .header__logo_white {
  display: block
}

.header__icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto
}

.header__icons li {
  cursor: pointer
}

.header__icons li .icon {
  color: rgba(0, 0, 0, .8)
}

.header_main:not(.header_sticky) .header__icons li .icon,
.header_violet .header__icons li .icon,
body.black .header__icons li .icon {
  color: #fff
}

.header__icons li:hover .icon {
  color: rgba(0, 0, 0, .5)
}

.header_main:not(.header_sticky) .header__icons li:hover .icon,
.header_violet .header__icons li:hover .icon,
body.black .header__icons li:hover .icon {
  color: rgba(255, 255, 255, .7)
}

.header__auth-user {
  position: relative
}

.header_main:not(.header_sticky) .header__auth-user .no-avatar,
.header_main:not(.header_sticky) .header__auth-user img,
.header_violet .header__auth-user .no-avatar,
.header_violet .header__auth-user img {
  max-width: 2rem;
  border: 2px solid #fff
}

.header__auth-user img,
.header__dropdown {
  border-radius: 8px
}

.header__dropdown {
  position: absolute;
  top: calc(100% + 60px);
  right: 0;
  min-width: 224px;
  padding: 1.5rem 1.25rem .5rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
  box-shadow: 0 0 15px rgba(0, 0, 0, .15);
  font-size: 1rem;
  -webkit-transition-duration: .35s;
  transition-duration: .35s;
  opacity: 0;
  visibility: hidden;
  z-index: 15;
  color: rgba(0, 0, 0, .8)
}

.header__dropdown.visible {
  top: calc(100% + 28px);
  visibility: visible;
  opacity: 1;
  cursor: default
}

.header__dropdown li {
  width: calc(100% + 1rem);
  margin: 4px -.5rem 0;
  white-space: nowrap
}

.header__dropdown li .seo-block__column-link,
.header__dropdown li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: .5rem;
  border-radius: 4px;
  color: rgba(0, 0, 0, .8)
}

.header__dropdown li .seo-block__column-link:hover,
.header__dropdown li a:hover {
  background-color: rgba(0, 0, 0, .05);
  color: #4F1A80
}

.header__dropdown li.header__auth-logout .seo-block__column-link,
.header__dropdown li.header__auth-logout a {
  color: #FF4960
}

.header__dropdown li.header__auth-logout .seo-block__column-link:hover .icon,
.header__dropdown li.header__auth-logout a:hover .icon {
  color: rgba(0, 0, 0, .8)
}

.header__dropdown li.header__auth-logout .seo-block__column-link .icon,
.header__dropdown li.header__auth-logout a .icon {
  margin-left: auto;
  color: rgba(0, 0, 0, .8) !important
}

.header__dropdown b {
  font-weight: 500
}

.header__profile-link {
  display: block;
  color: rgba(0, 0, 0, .8)
}

.header__profile-link:hover {
  color: #703AA3
}

.lang-switcher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}

.header_main:not(.header_sticky) .lang-switcher,
.header_violet .lang-switcher {
  border-color: rgba(255, 255, 255, .4)
}

.lang-switcher>:last-child {
  margin-right: 0
}

.lang-switcher .seo-block__column-link,
.lang-switcher a {
  color: rgba(0, 0, 0, .4)
}

body.black .lang-switcher .seo-block__column-link,
body.black .lang-switcher a {
  color: rgba(255, 255, 255, .8)
}

body.black .lang-switcher .active.seo-block__column-link,
body.black .lang-switcher a.active {
  color: rgba(0, 0, 0, .8)
}

.lang-switcher .active.seo-block__column-link,
.lang-switcher a.active {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500
}

.lang-switcher span {
  display: none
}

.header__sub-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

li.fullwidth .header__sub-nav {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

body.black .header__sub-nav {
  background-color: #2F3033
}

.header__nav-banner {
  position: relative;
  display: block;
  border-radius: .5rem
}

.header__nav-banner img {
  border-radius: .5rem
}

.header__group-heading {
  font-size: .875rem;
  font-weight: 500;
  color: rgba(0, 0, 0, .3)
}

body.black .header__group-heading {
  color: rgba(255, 255, 255, .3)
}

.header__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: rgba(0, 0, 0, .8)
}

.header__item:hover {
  color: #4F1A80
}

body.black .header__item {
  color: #fff
}

body.black .header__item:hover {
  color: rgba(255, 255, 255, .8)
}

.header__item-image {
  max-width: 1.75rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 1.75rem;
  flex: 1 0 1.75rem;
  height: 1.75rem;
  margin-right: 1rem;
  border-radius: .625rem;
  overflow: hidden
}

.header__item_collection .header__item-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.header__item_collection .header__item-image img {
  max-width: 1.125rem
}

.header__item-image img {
  width: 100%;
  height: auto
}

.header__item-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-item-align: center;
  align-self: center
}

.header__item-text b {
  margin-bottom: .25rem;
  font-weight: 500
}

.header__item-text span {
  font-size: .8125rem;
  font-weight: 400;
  color: rgba(0, 0, 0, .4)
}

body.black .header__item-text span {
  color: rgba(255, 255, 255, .4)
}

.header__bars {
  font-size: 1.375rem
}

.header_violet .header__bars,
body.black .header__bars {
  color: #fff
}

.nav__item_user {
  color: rgba(0, 0, 0, .8)
}

.header__rekl-banner {
  max-height: 400px;
  overflow: hidden
}

.header__rekl-banner>.container>* {
  position: relative;
  z-index: 3
}

.header__rekl-banner>.container {
  height: auto !important
}

.header__rekl-banner .button-blank {
  min-width: 174px;
  height: 42px;
  padding-left: 1.375rem;
  padding-right: 1.375rem;
  border-radius: .5rem;
  font-weight: 500
}

.header__rekl-banner button.button-blank {
  background-color: #fff;
  color: #000
}

.header__rekl-banner-close {
  position: absolute !important;
  top: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background-color: #fff;
  border-radius: .5rem;
  font-size: 1.125rem;
  font-weight: 700;
  color: #000;
  cursor: pointer
}

.footer__heading,
.nav__all-item .seo-block__column-link,
.nav__all-item a,
.nav__bet-contest-heading {
  font-weight: 500
}

.header__rekl-banner-close:hover {
  background-color: #ededed
}

.header__rekl-banner-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.header__rekl-banner-image {
  position: absolute !important;
  right: 0;
  z-index: 2 !important
}

.nav {
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 1000;
  display: none;
  -webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, .15);
  box-shadow: 0 4px 18px rgba(0, 0, 0, .15)
}

.nav.visible {
  display: block
}

.nav>.container {
  position: relative
}

.nav__item_lang li,
.nav__item_write li,
.nav__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.5rem
}

.nav__item_lang .seo-block__column-link,
.nav__item_lang a,
.nav__item_write .seo-block__column-link,
.nav__item_write a,
.nav__list .seo-block__column-link,
.nav__list a {
  line-height: 1rem;
  color: rgba(0, 0, 0, .8)
}

.nav__item_lang .seo-block__column-link:hover,
.nav__item_lang a:hover,
.nav__item_write .seo-block__column-link:hover,
.nav__item_write a:hover,
.nav__list .seo-block__column-link:hover,
.nav__list a:hover {
  color: #4F1A80
}

.nav__item_lang .icon,
.nav__item_write .icon,
.nav__list .icon {
  width: 1.125rem;
  margin-right: 1rem;
  line-height: 1rem;
  font-size: 1.125rem;
  color: #639
}

.nav__item_lang>.seo-block__column-link,
.nav__item_lang>a,
.nav__item_lang>span,
.nav__item_write>.seo-block__column-link,
.nav__item_write>a,
.nav__item_write>span,
.nav__list-heading {
  font-size: 1.125rem;
}

.nav__all-item.with-icon {
  padding-left: 2.125rem
}

.nav__all-item .seo-block__column-link,
.nav__all-item a {
  color: #4F1A80
}

.nav__item_lang-current:after {
  margin-left: auto;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.nav__bet-contest {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  background-color: #F9F8FF;
  border-radius: 1rem;
  color: inherit
}

.nav__bet-contest:hover {
  color: inherit
}

.nav__bet-contest-right {
  margin-left: 1.5rem
}

.nav__bet-contest-right .collection-item__stat,
.nav__bet-contest-right .forbidden-ref-link,
.nav__bet-contest-right .tab-list__count,
.nav__bet-contest-right .text-40 {
  line-height: 1.375rem
}

.nav__bet-contest-heading {
  line-height: 1.5rem;
  font-size: 1.125rem
}

.footer__nav-item,
.smi {
  line-height: 1.5
}

.sidebar {
  height: 100%
}

.sidebar__block .bookmaker-list .bookmaker-sm:last-child {
  margin-bottom: -1rem
}

.sidebar__header {
  margin-bottom: 1rem
}

.bm-list__item:last-child,
.footer__nav-item:last-child {
  margin-bottom: 0
}

.sidebar-sticky {
  position: sticky;
  top: 5rem;
  left: 0
}


body.black .footer {
  background-color: #262628
}

.footer__line:first-child {
  color: #fff
}

.footer__line:last-child {
  font-size: .8125rem;
  color: rgba(255, 255, 255, .4)
}

.footer__heading.seo-block__column-link,
a.footer__heading {
  display: block;
  color: inherit
}

.footer__heading.seo-block__column-link:hover,
a.footer__heading:hover {
  color: inherit
}

.footer__nav {
  margin: 0;
  font-size: .875rem
}

.footer__nav-item .seo-block__column-link:hover,
.footer__nav-item a:hover {
  text-decoration: underline
}

.bm-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.bm-list__item .bm-media img {
  max-width: 2rem;
  margin-right: .5rem
}

.bm-list__item .bm-media__info span:last-child {
  display: block;
  margin-top: .125rem;
  font-weight: 400;
  font-family: "Helvetica Neue", sans-serif;
  color: rgba(255, 255, 255, .4)
}

.footer__lang,
.win__info-block {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox
}

.win__header,
.win__info-money,
.win__info-place-num {}

.bm-list__item .button {
  height: 2rem;
  margin-left: auto;
  padding-left: .875rem;
  padding-right: .875rem;
  border-radius: 6px;
  font-size: .875rem;
  font-weight: 500
}

.footer__lang {
  position: relative;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .8125rem;
  color: rgba(255, 255, 255, .4);
  cursor: pointer
}

.copyright,
.dev,
.footer__lang-list li {
  display: -webkit-box;
  display: -ms-flexbox
}

.footer__lang.opened:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.footer__lang:after {
  margin-left: .75rem;
  font-size: .375rem
}

.footer__lang img {
  width: 1rem;
  height: auto;
  margin-right: .5rem;
  border-radius: 2px
}

.footer__lang .seo-block__column-link,
.footer__lang a {
  width: 126px;
  white-space: nowrap;
  text-align: left;
  color: #fff
}

.footer__lang .seo-block__column-link:hover,
.footer__lang a:hover {
  color: rgba(255, 255, 255, .6)
}

.footer__lang-list {
  position: absolute;
  bottom: 0;
  width: 174px;
  padding: 1.25rem 1rem;
  background-color: #3F4043;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .25);
  box-shadow: 0 0 4px rgba(0, 0, 0, .25);
  z-index: 15;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: .5s;
  transition-duration: .5s
}

.win__close,
.win__select {
  position: relative
}

.opened .footer__lang-list {
  bottom: calc(100% + 1rem);
  opacity: 1;
  visibility: visible
}

.footer__lang-list li {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.25rem;
  line-height: 1;
  color: #fff
}

.footer__lang-list li:last-child {
  margin-bottom: 0
}

.footer__lang-list li img {
  width: 16px;
  height: auto;
  margin-right: .5rem;
  border-radius: 2px
}

.copyright,
.dev {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.copyright {
  line-height: 1.5
}

.copyright img {
  margin-right: .5rem
}

.dev img {
  margin-top: -3px;
  margin-left: .25rem
}

.footer__breadcrumbs .breadcrumbs__item {
  color: rgba(255, 255, 255, .3)
}

.footer__breadcrumbs .breadcrumbs__item .seo-block__column-link:hover,
.footer__breadcrumbs .breadcrumbs__item a:hover {
  color: rgba(255, 255, 255, .5)
}

.footer__breadcrumbs .seo-block__column-link,
.footer__breadcrumbs a {
  color: rgba(255, 255, 255, .3)
}

.win-modal .bs-modal-content {
  background-color: #F6F4F9
}

.win__close .icon {
  position: absolute;
  width: 50px;
  height: 50px;
  font-size: 1.125rem;
  color: rgba(0, 0, 0, .4);
  -webkit-transition: color .2s;
  transition: color .2s;
  cursor: pointer
}

.win__close .icon:hover,
.win__info-place {
  color: rgba(0, 0, 0, .6)
}

.win__header {
  text-align: center
}

.win__header h3 {
  margin: 0 0 .5rem;
  font-weight: 700
}

.instruction__example-heading img,
.win__select-current span {
  margin-right: .75rem
}

.win__tour-name {
  font-size: 1.25rem;
  font-weight: 500
}

.win__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.win__info-block {
  display: inline-flex;
  background: url(/rr/images/winner-bg.png) no-repeat;
  background-size: cover;
  -webkit-box-shadow: 0 0 27px rgba(0, 0, 0, .2);
  box-shadow: 0 0 27px rgba(0, 0, 0, .2)
}

.win__info-money,
.win__info-place {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.win__form,
.win__form-field {
  display: -webkit-box;
  display: -ms-flexbox
}

.win__info-place {
  font-size: 1.125rem;
  font-weight: 700
}

.win__info-place-num {
  font-weight: 700;
  color: #333
}

.win__info-money {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: 700;
  color: #fff
}

.reviews-item.reviews-item_last,
.win__body-text {
  font-weight: 500;
  text-align: center
}

.win__info-money-num {
  color: #F6C825
}

.win__bottom {
  background-color: #fff
}

.win__bottom-text {
  margin-bottom: 10px
}

.win__form-field {
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #EBEBEB;
  border-radius: .5rem
}

.win__form-field input {
  width: 100%;
  border: none;
  border-radius: .5rem
}

.win__form {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.win__select-current {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  font-weight: 700;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer
}

.instruction__item-header,
.win__select-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer
}

.win__select-current:after {
  margin-left: auto;
  font-size: .5rem;
  color: rgba(0, 0, 0, .4)
}

.win__select-items {
  position: absolute;
  display: none;
  padding: .5rem;
  background: #FFF;
  -webkit-box-shadow: 0 -12px 40px rgba(0, 0, 0, .3);
  box-shadow: 0 -12px 40px rgba(0, 0, 0, .3);
  border-radius: 8px
}

.win__select-items.visible {
  display: block
}

.win__select-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 2.5rem;
  padding-left: .75rem;
  padding-right: 1.25rem;
  border-radius: .5rem;
  white-space: nowrap;
  user-select: none
}

.win__select-item.active {
  background-color: #F3F3F3;
  font-weight: 700
}

.win__select-item.active:after {
  content: '';
  width: 1rem;
  height: 1rem;
  margin-left: auto;
  padding-left: .75rem;
  background: url(/rr/images/white-check.svg) center right no-repeat;
  background-size: 1rem
}

.reviews-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: opacity .2s;
  transition: opacity .2s
}

.reviews-list[data-slider=true].slick-initialized {
  display: block;
  opacity: 1;
  margin-top: -1rem;
  margin-bottom: -1rem
}

.reviews-item {
  position: relative;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 1rem;
  border: 1px solid #EBEBEB;
  border-radius: 8px;
  color: rgba(0, 0, 0, .8);
  -webkit-touch-callout: none
}

.reviews-item:not(.reviews-item_placeholder):hover {
  text-decoration: none;
  color: inherit
}

.reviews-item.reviews-item_placeholder {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.reviews-item.reviews-item_placeholder img {
  max-width: 100%;
  height: auto
}

.reviews-item.review_verified:after {
  content: '';
  position: absolute;
  top: 1.125rem;
  right: 1rem;
  width: 1.5rem;
  height: 1.5rem;
  background: url(/rr/images/verified-label.svg) no-repeat
}

.reviews-item.reviews-item_last {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.reviews-item.reviews-item_last p {
  margin: .75rem 0;
  line-height: 1.375rem
}

.breadcrumbs__item .reviews-item.reviews-item_last .seo-block__column-link,
.breadcrumbs__item .reviews-item.reviews-item_last a,
.reviews-item.reviews-item_last .bm-author__info,
.reviews-item.reviews-item_last .bm-author__url,
.reviews-item.reviews-item_last .breadcrumbs__item .seo-block__column-link,
.reviews-item.reviews-item_last .breadcrumbs__item a,
.reviews-item.reviews-item_last .text-30 {
  font-weight: 700
}

.bm-form__bookmaker.search-trigger span,
.instruction-button,
.instruction__item-header span,
.reviews-item__more {
  font-weight: 500;
}

.reviews-item.reviews-item_last .expander,
.reviews-item.reviews-item_last .section__more-expand {
  width: 28px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 28px;
  flex: 0 0 28px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.reviews-item__text {
  position: relative;
  margin: 1rem 0 .5rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
  line-height: 1.5rem
}

.instruction__item:last-child,
.reviews-item__text>:last-child {
  margin-bottom: 0
}

.reviews-item__text:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 95px;
  background: -webkit-gradient(linear, left bottom, left top, from(#FFF), color-stop(100%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, #FFF 0, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%)
}

.reviews-item__text>:first-child {
  margin-top: 0
}

.reviews-item__author .no-avatar {
  max-width: 1.5rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 1.5rem;
  flex: 1 0 1.5rem
}

.reviews-item__stars {
  margin-top: 1rem
}

.reviews-item__author {
  margin-top: auto
}

.reviews-item__more {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc(100% - 1.75rem);
  height: 4rem;
  background-color: #fff;
  color: #4F1A80;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0
}

.forbidden-link-modal__content {
  text-align: center
}

.forbidden-link-modal__content .collection-item__stat,
.forbidden-link-modal__content .forbidden-ref-link,
.forbidden-link-modal__content .tab-list__count,
.forbidden-link-modal__content .text-40 {
  line-height: 1.5
}

.instruction {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  z-index: 1010;
  -webkit-transition: all .5s;
  transition: all .5s;
  opacity: 0;
  right: -768px
}

.bm-search__result,
.instruction__example-text.long-text,
.review-modal .bs-modal-content .form {
  position: relative
}

.instruction.visible {
  right: 0;
  opacity: 1
}

.instruction__body {
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch
}

.instruction__body::-webkit-scrollbar {
  display: none
}

.instruction__item {
  background-color: rgba(240, 241, 242, .7);
  border-radius: .5rem
}

.instruction__item-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  user-select: none
}

.instruction__item-header span {
  color: #006fc9
}

.instruction__item-header .icon {
  margin-left: auto;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s
}

.instruction__item[data-expanded=true] .instruction__item-header .icon {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.alert-danger .instruction__item-header .ui-pnotify-text:before,
.alert-success .instruction__item-header .ui-pnotify-text:before,
.footer__block .instruction__item-header .footer__heading:after,
.footer__breadcrumbs .breadcrumbs__item .instruction__item-header .seo-block__column-link:before,
.footer__breadcrumbs .breadcrumbs__item .instruction__item-header a:before,
.instruction__item-header .alert-danger .ui-pnotify-text:before,
.instruction__item-header .alert-success .ui-pnotify-text:before,
.instruction__item-header .arrowed-link:after,
.instruction__item-header .button_card:after,
.instruction__item-header .checkbox__square:before,
.instruction__item-header .faq-widget__header:after,
.instruction__item-header .footer__block .footer__heading:after,
.instruction__item-header .footer__breadcrumbs .breadcrumbs__item .seo-block__column-link:before,
.instruction__item-header .footer__breadcrumbs .breadcrumbs__item a:before,
.instruction__item-header .footer__lang:after,
.instruction__item-header .header__nav>li>a:after,
.instruction__item-header .header__version-link:after,
.instruction__item-header .icon:before,
.instruction__item-header .instruction__list li:before,
.instruction__item-header .nav__item_lang .nav__item_write>a:after,
.instruction__item-header .nav__item_lang .nav__item_write>span:after,
.instruction__item-header .nav__item_lang .nav__list-heading:after,
.instruction__item-header .nav__item_lang-current:after,
.instruction__item-header .nav__item_lang>a:after,
.instruction__item-header .nav__item_lang>span:after,
.instruction__item-header .nav__item_write .nav__item_lang>a:after,
.instruction__item-header .nav__item_write .nav__item_lang>span:after,
.instruction__item-header .nav__item_write .nav__list-heading:after,
.instruction__item-header .nav__item_write>a:after,
.instruction__item-header .nav__item_write>span:after,
.instruction__item-header .nav__list .nav__item_lang>a:after,
.instruction__item-header .nav__list .nav__item_lang>span:after,
.instruction__item-header .nav__list .nav__item_write>a:after,
.instruction__item-header .nav__list .nav__item_write>span:after,
.instruction__item-header .nav__list .nav__list-heading:after,
.instruction__item-header .select2-container--default .select2-selection--single .select2-selection__arrow:after,
.instruction__item-header .select2-search--dropdown:after,
.instruction__item-header .seo-block__column-link:after,
.instruction__item-header .spec-project__body ul li:before,
.instruction__item-header .tab-list__item_dropdown>a:after,
.instruction__item-header .win__select-current:after,
.instruction__list .instruction__item-header li:before,
.nav__item_lang .instruction__item-header .nav__list-heading:after,
.nav__item_write .instruction__item-header .nav__list-heading:after,
.nav__list .instruction__item-header .nav__list-heading:after,
.select2-container--default .select2-selection--single .instruction__item-header .select2-selection__arrow:after,
.spec-project__body ul .instruction__item-header li:before {
  font-weight: 700
}

.instruction__item-body {
  display: none
}

.instruction__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem
}

.instruction__list li:last-child {
  margin-bottom: 0
}

.instruction__list li:before {
  content: '';
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: .125rem;
  background-color: #fff;
  border-radius: 50%;
  font-size: .5rem
}

.instruction__list li>div {
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.instruction__list.instruction__list_check li:before {
  color: #8EBE4A
}

.instruction__list.instruction__list_close li:before {
  font-weight: 700;
  color: #FF4960
}

.instruction__examples {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.instruction__example-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
  font-size: .875rem;
  font-weight: 700;
  color: rgba(3, 3, 3, .6)
}

.instruction__example-wrap:last-child {
  margin-right: 0
}

.instruction__example {
  -webkit-box-shadow: 0 5px 44px rgba(0, 0, 0, .11);
  box-shadow: 0 5px 44px rgba(0, 0, 0, .11);
  border-radius: .75rem
}

.instruction__example-text {
  overflow: hidden
}

.instruction__example-text p:first-child {
  margin-top: 0
}

.instruction__example-text p:last-child {
  margin-bottom: 0
}

.instruction__example-text.long-text:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  background: -webkit-gradient(linear, right top, left top, color-stop(23.68%, #FFF), color-stop(100%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(270deg, #FFF 23.68%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%)
}

.instruction-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 100%;
  height: 3.5rem;
  padding-right: 1.25rem;
  -webkit-box-shadow: 0 0 16px #EAE1F2;
  box-shadow: 0 0 16px #EAE1F2;
  border-radius: 8px;
  cursor: pointer
}

.instruction-button:hover span {
  color: #4F1A80
}

.instruction-button img {
  margin-right: 1.125rem
}

.instruction-button span {
  margin-right: 1.5rem;
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s
}

.instruction-button .icon {
  margin-left: auto;
  font-size: .5rem;
  color: rgba(0, 0, 0, .5);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s
}

.bm-form .button_form {
  max-width: 300px;
  min-width: 0;
  width: 100%
}

.bm-form__left {
  padding: 1rem
}

.bm-form__left .form__field {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.bm-form__left .form__input_textarea {
  width: 100%;
  border: none
}

.bm-form__left .form__uploaded-files {
  margin-left: -1rem;
  margin-right: -1rem
}

.bm-form__bookmaker .icon,
.bm-form__left-bottom .form__counter,
.bm-form__stars .stars {
  margin-left: auto
}

.bm-form__left .form__uploaded-files .form__uploaded-file-wrap:first-child {
  padding-left: 1rem
}

.bm-form__left .form__uploaded-files .form__uploaded-file-wrap:last-child {
  padding-right: 1rem
}

.bm-form__bookmaker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.25rem
}

.bm-form_search .bm-form__bookmaker {
  margin-bottom: 0
}

.bm-form__bookmaker.selected {
  display: none;
  margin-top: -.25rem;
  padding-bottom: .75rem;
  border-bottom: 1px solid #EBEBEB
}

[data-state=selected] .bm-form__bookmaker.selected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.bm-search,
[data-state=selected] .bm-form__bookmaker.search-trigger {
  display: none
}

.bm-form_search .bm-form__bookmaker.selected {
  margin-top: 0;
  padding: .75rem;
  border-bottom: none
}

.bm-form__bookmaker.selected .bm-media {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  cursor: pointer
}

.bm-form__bookmaker.selected .icon {
  color: rgba(0, 0, 0, .3);
  cursor: pointer
}

.bm-form__bookmaker.selected .icon:hover {
  color: rgba(0, 0, 0, .5)
}

.bm-form__bookmaker.search-trigger {
  padding-bottom: 1rem;
  border-bottom: 1px solid #EBEBEB;
  cursor: pointer
}

.bm-form__bookmaker.search-trigger span {
  line-height: .875
}

.bm-form_search .bm-form__bookmaker.search-trigger {
  padding: 1rem;
  border-bottom: none
}

.bm-form__bookmaker.search-trigger .icon {
  color: #4F1A80
}

.bm-form__left-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: auto;
  padding-top: 1rem
}

.bm-form__stars .stars {
  max-width: 300px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-right: auto
}

.bm-search {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 !important;
  z-index: 1000
}

[data-state=search] .bm-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.bm-search__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 1rem
}

.bm-search__input .form__input {
  width: 100%;
  margin-right: 1rem;
  padding: 0;
  border: none;
}

.bm-search__input .icon {
  margin-left: auto
}

.bm-search__result {
  min-height: 150px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background-color: #fff;
  border-radius: 0 0 8px 8px
}

.bm-search__result.preloader:after {
  content: '';
  width: 2.5rem;
  height: 2.5rem
}

.bm-search__items.popular {
  white-space: nowrap
}

.bm-search__item {
  margin: 0 0 .5rem;
  padding: .5rem;
  border-radius: 8px;
  cursor: pointer
}

.bm-search__item:last-child {
  margin-bottom: 0
}

.popular .bm-search__item {
  margin: 0 .5rem .5rem 0
}

.bm-search__item:hover {
  background-color: #F4F4F4
}

.bm-search__heading {
  margin: 0 0 1.5rem;
  font-size: 1rem;
  font-weight: 700;
}

.bm-form__email {
  margin-top: -1.25rem;
  margin-bottom: 1.125rem;
  border-bottom: 1px solid #EBEBEB
}

.bm-form__email:first-child {
  margin-top: -1rem
}

.bm-form__email input {
  width: 100%;
  border: none;
  font-weight: 500;
  color: inherit
}

.bm-form__email input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .4)
}

.bm-form__email input::-moz-placeholder {
  color: rgba(0, 0, 0, .4)
}

.bm-form__email input:-ms-input-placeholder {
  color: rgba(0, 0, 0, .4)
}

.bm-form__email input::-ms-input-placeholder {
  color: rgba(0, 0, 0, .4)
}

.bm-form__email input::placeholder {
  color: rgba(0, 0, 0, .4)
}

.bm-form__progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.bm-form__progress:before {
  content: attr(data-text);
  margin-right: .75rem;
  font-size: .875rem
}

.bm-form__progress.low-progress:before {
  color: #FF4960
}

.bm-form__progress.medium-progress:before {
  color: #A8BD88
}

.bm-form__progress.high-progress:before {
  color: #8EBE4A
}

.progress-ring_bg-circle {
  stroke: #EBEBEB
}

.progress-ring__circle {
  -webkit-transition: .35s stroke-dashoffset;
  transition: .35s stroke-dashoffset;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}

.low-progress .progress-ring__circle {
  stroke: #FF4960
}

.medium-progress .progress-ring__circle {
  stroke: #A8BD88
}

.high-progress .progress-ring__circle {
  stroke: #8EBE4A
}

.review-modal .bs-modal-content {
  padding: 1.5rem 1.5rem 2rem;
  border-radius: 8px;
  overflow: hidden
}

.review-modal .icon-close {
  position: absolute;
  top: 26px;
  right: 26px;
  font-size: 1.5rem;
  color: #fff;
  cursor: pointer;
  z-index: 5
}

.check-squares-block h3,
.review-modal__subheading {
  font-size: 1.375rem;
  font-weight: 500;
}

.review-modal .icon-close:hover {
  opacity: .75
}

.review-modal__footer,
.review-modal__header {
  text-align: center
}

.review-modal__figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 116px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 60%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 60%, 0 100%)
}

.review-modal__header {
  padding-bottom: 2rem;
  border-bottom: 1px solid #EBEBEB
}

.review-modal__logo {
  margin-bottom: 1rem;
  border-radius: 1.5rem;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .25);
  box-shadow: 0 4px 10px rgba(0, 0, 0, .25)
}

.review-modal__subheading {
  margin-top: 1rem
}

.review-modal__button {
  min-width: 288px;
  padding: 0 1.5rem
}

.check-squares {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-y: hidden
}

.check-squares.editable .check-square {
  cursor: pointer
}

.check-square.seo-block__column-link .check-square__title,
a.check-square .check-square__title {
  color: rgba(0, 0, 0, .8)
}

.check-square.seo-block__column-link:hover .check-square__title,
a.check-square:hover .check-square__title {
  color: #703AA3
}

.check-square_new .check-square__img {
  position: relative
}

.check-square_new .check-square__img:after {
  content: 'new';
  position: absolute;
  top: 8px;
  right: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 14px;
  padding: 0 9px 3px;
  background-color: rgba(236, 57, 52, .8);
  border-radius: 0 8px;
  line-height: 1rem;
  font-size: .75rem;
  font-weight: 500;
  color: #fff
}

.bet-table-wrap,
.post-card__image {
  position: relative
}

.post-card,
.top-slide_more {
  color: rgba(0, 0, 0, .8);
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical
}

.check-square__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 16px
}

.check-square:not(.active) .check-square__img {
  background-color: #F0F1F2 !important
}

.check-square__img img {
  opacity: .5;
  -webkit-filter: grayscale(1);
  filter: grayscale(1)
}

.check-square.active .check-square__img img {
  opacity: 1;
  -webkit-filter: none;
  filter: none
}

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

.check-square.active .check-square__title {
  font-weight: 500
}

.top-slide {
  border: 1px solid #EBEBEB;
  border-radius: 8px
}

.top-slide_more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  font-weight: 500;
}

.top-slide_more:hover {
  color: #4F1A80
}

.top-slide_more .expander,
.top-slide_more .section__more-expand {
  margin-bottom: .5rem
}

.top-slide_more .expander .icon,
.top-slide_more .section__more-expand .icon {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.top-slide__bm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.top-slide__bm img {
  max-width: 2.5rem;
  margin-right: 1rem;
  border-radius: .75rem
}

.post-card-line .post-card-wrap:last-child,
.top-slide__buttons .button:last-child {
  margin-right: 0
}

.top-slide__bm-info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden
}

.top-slide__bm-info span {
  display: block
}

.top-slide__bm-info span:first-child {
  font-weight: 700;
}

.top-slide__bm-info span:last-child {
  margin-top: .25rem;
  color: rgba(0, 0, 0, .4)
}

.top-slide__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: .75rem
}

.top-slide__buttons .button {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 1rem;
  padding-right: 1rem
}

.post-row>* {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.post-card-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: .75rem 0
}

.post-card-line .post-card-wrap {
  max-width: 266px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 266px;
  flex: 1 0 266px;
  height: inherit
}

.post-card-line .post-card {
  border-radius: 8px
}

.post-card-line .post-card__title {
  margin-bottom: .75rem
}

.post-card-line .post-card__info {
  padding: 1rem;
  border: 1px solid #EBEBEB;
  border-top: none
}

.post-card-wrap {
  height: 100%;
  width: 100%
}

.post-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  max-width: 100%;
  height: 100%;
  background-color: #fff;
  overflow: hidden
}

.post_futsal .post-card,
body.black .post-card {
  border-radius: 8px
}

.post-card:hover {
  color: #4F1A80;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12)
}

.post-card:hover img {
  -webkit-filter: brightness(107%);
  filter: brightness(107%)
}

.post-card__image:before {
  content: '';
  display: block;
  padding-bottom: 46.51%
}

.post-card_video .post-card__image {
  overflow: hidden
}

.post-card_video .post-card__image:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/rr/images/play.svg) center no-repeat rgba(0, 0, 0, .5)
}

.post-card__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important
}

.post-card-line .post-card__image img {
  border-radius: .5rem .5rem 0 0
}

.text {
  color: rgba(0, 0, 0, .8)
}

.post-card__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 0 0 8px 8px
}

.post-card__info .text {
  margin-bottom: 1.5rem
}

.post-card__category {
  margin-bottom: .5rem;
  font-weight: 500;
  font-size: 1rem;
  color: #4F1A80
}

.post-card__category.seo-block__column-link:hover,
a.post-card__category:hover {
  color: #639
}

.post-card__title {
  margin-bottom: 1.5rem;
}

.post-card__title:last-child {
  margin-bottom: 0
}

.post-card__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: auto;
  font-size: .875rem;
  color: rgba(0, 0, 0, .4)
}

.post-card__views {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto
}

.post-card__views .icon {
  margin-right: .375rem;
  color: rgba(0, 0, 0, .8)
}

.collection-sm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.collection-sm:not(:hover) .collection-sm__icon {
  background-color: #f4f4f4 !important
}

.collection-sm-list .collection-sm {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #EBEBEB
}

.collection-sm-list .collection-sm:first-child {
  padding-top: 0
}

.collection-sm-list .collection-sm:last-child {
  padding-bottom: 0;
  border-bottom: none
}

.collection-sm:hover .collection-sm__title {
  color: #4F1A80
}

.collection-sm__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  margin-right: 1rem;
  border-radius: 1rem;
  text-align: center
}

.collection-sm__icon img {
  max-width: 1.5rem;
  max-height: 1.5rem;
  width: auto;
  height: auto
}

.collection-sm__title {
  line-height: 1;
  font-weight: 500;
  font-font-size: 1.125rem;
  color: rgba(0, 0, 0, .8)
}

.collection-sm__counter {
  max-width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  font-size: .875rem;
  margin-top: .5rem;
  color: rgba(0, 0, 0, .4)
}

.bet-button,
.bet-table-wrap {
  -ms-flex-direction: column;
  -webkit-box-direction: normal
}

.bet-table-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  flex-direction: column;
  height: 100%;
  background-color: #fff
}

.bet-table-wrap.show-form:before {
  content: '';
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1040
}

body.overlay .bet-bottom,
body.overlay .bet-table tbody tr:first-child td {
  position: relative;
  z-index: 1021
}

.bet-table:last-child tbody tr:last-child td {
  border-bottom: none
}

body.overlay .bet-table tbody tr:first-child td:first-child {
  border-radius: .5rem 0 0 .5rem
}

body.overlay .bet-table tbody tr:first-child td:last-child {
  border-radius: 0 .5rem .5rem 0
}

.bet-match-disabled,
.bet-match-disabled td {
  background-color: #FFF9F9
}

.bet-match-disabled .bet-date,
.bet-match-disabled .user-coupon__date {
  color: rgba(255, 73, 96, .8)
}

.user-coupon__date_red {
  color: rgba(255, 73, 96, .8) !important
}

.bet-tour-done,
.bet-tour-stage {
  font-weight: 500;
}

.bet-tour-done {
  color: #FF4960
}

.bet-tour-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: .25rem 0;
  font-weight: 400;
  color: rgba(0, 0, 0, .6)
}

.bet-form-balance .currency,
.bet-form-heading .icon,
.bet-form-input,
.bet-team__goals {
  margin-left: auto
}

.bet-tour-time .datetime {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-weight: 500;
  color: #639
}

.bet-button,
.bet-team.winner {
  font-weight: 700
}

.bet-button-th,
.bet-date {
  font-size: .875rem;
  color: rgba(0, 0, 0, .4)
}

.bet-team {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: .625rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden
}

.bet-button,
.bet-team span {
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.bet-team span {
  -webkit-line-clamp: 2;
  overflow: hidden
}

.bet-team span:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 1rem
}

.bet-team:last-child {
  margin-bottom: 0
}

.bet-team img {
  margin-right: .75rem;
  margin-top: .125rem
}

.bet-date {
  line-height: 1.25rem;
  text-align: center
}

.bet-button small,
.bet-button-no-bet small {
  margin-top: .25rem;
  color: rgba(0, 0, 0, .6);
  line-height: 1
}

.bet-button {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #F3F3F3;
  border: none;
  border-radius: .5rem;
  white-space: nowrap;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  cursor: pointer;
  transition: -webkit-filter .25s;
  transition: filter .25s;
  transition: filter .25s, -webkit-filter .25s
}

.bet-button-no-bet,
.bet-button-no-bet.bet-button-no-bet_disabled,
.bet-button.bet-button_disabled {
  cursor: default
}

.bet-button.blue {
  background-color: #E4F1FD;
  border: 1px solid #B0D0ED
}

.bet-button.green {
  background-color: #EFFDE4;
  border: 1px solid #B8EDB0
}

.bet-button.red {
  background-color: #FDE4E4;
  border: 1px solid #EDB0B0
}

.bet-button small {
  font-weight: 400
}

.bet-button:not(.bet-button_disabled):hover {
  -webkit-filter: brightness(102%);
  filter: brightness(102%)
}

.bet-button-no-bet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #F3F3F3;
  border: none;
  border-radius: .5rem;
  font-weight: 700;
  white-space: nowrap;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: -webkit-filter .25s;
  transition: -webkit-filter .25s;
  transition: filter .25s;
  transition: filter .25s, -webkit-filter .25s;
  background-image: url(/rr/images/totalizator24.svg);
  background-repeat: no-repeat;
  background-position: center center
}

.bet-button-no-bet.blue {
  background-color: #E4F1FD;
  border: 1px solid #B0D0ED
}

.bet-button-no-bet.green {
  background-color: #EFFDE4;
  border: 1px solid #B8EDB0
}

.bet-button-no-bet.red {
  background-color: #FDE4E4;
  border: 1px solid #EDB0B0
}

.bet-button-no-bet small {
  font-weight: 400
}

.bet-button-no-bet:not(.bet-button-no-bet_disabled):hover {
  -webkit-filter: brightness(102%);
  filter: brightness(102%)
}

body.overlay .bet-bottom {
  background-color: #fff;
  border-radius: .5rem
}

.bet-balance label {
  display: block;
  color: rgba(0, 0, 0, .4)
}

.bet-bottom-buttons,
.bet-form-heading {
  display: -webkit-box;
  display: -ms-flexbox
}

.bet-balance .bet-balance-currency {
  font-weight: 500
}

.bet-coupon-button:hover .icon {
  color: inherit
}

.bet-coupon-button .icon {
  margin-right: 1rem;
  font-size: 1.75rem
}

.bet-bottom-buttons {
  display: flex
}

.bet-form {
  top: 50%;
  left: 50%;
  max-width: 387px;
  width: 100%;
  background: #FFF;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .35s;
  transition: all .35s;
  z-index: 1041
}

.bet-table-wrap.show-form .bet-form,
.star-review:hover .star-review__bm:after {
  visibility: visible;
  opacity: 1
}

.bet-form>* {
  padding: 1rem;
  border-bottom: 1px solid #EBEBEB
}

.bet-form>:last-child {
  border-bottom: none
}

.bet-form-heading {
  display: flex
}

.bet-form-heading b {
  max-width: calc(100% - 2rem);
  margin-right: 1rem
}

.bet-form-heading .icon {
  color: rgba(0, 0, 0, .4);
  cursor: pointer;
  -webkit-transition: all .25s;
  transition: all .25s
}

.bet-form-heading .icon:hover,
.bm-bonus-item__date {
  color: rgba(0, 0, 0, .6)
}

.main-screen__tabs span,
.section_bet-contest,
.seo-block__column {
  cursor: default
}

.bet-form-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.bet-form-event {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  font-weight: 700
}

.bet-form-coef {
  margin-top: .5rem
}

.bet-form-input input {
  max-width: 164px;
  border-width: 2px
}

.bet-form-input input:focus {
  border-color: rgba(100, 48, 148, .8)
}

.bet-form-input small {
  display: block;
  text-align: right;
  margin-top: .25rem;
  font-size: .875rem;
  color: rgba(0, 0, 0, .4)
}

.bet-form-balance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: .625rem
}

.bet-form-balance label {
  font-weight: 700;
  font-size: 14px;
  color: rgba(0, 0, 0, .5)
}

.bet-form-balance .currency,
.star-review__author-name {
  font-weight: 500;
}

.star-review,
.star-review:hover {
  color: inherit
}

.bet-form-balance .currency .icon {
  margin-left: .25rem
}

.star-reviews-list .slider-arrow {
  position: absolute;
  top: 50%;
  z-index: 20
}

.star-reviews-list .slider-arrow.next {
  right: -.5rem
}

.star-reviews-list .slider-arrow.prev {
  left: -.5rem
}

.star-review {
  padding-top: 1.25rem;
  border-radius: .5rem
}

.star-review__head {
  position: relative;
  background-position: center;
  background-size: cover;
  border-radius: .5rem .5rem 0 0
}

.star-review__author-name {
  line-height: 1.25;
  color: #fff
}

.forecast-line,
.seo-block__column-text {
  line-height: 1.5
}

.star-review__author-info {
  color: rgba(255, 255, 255, .6)
}

.seo-block__column,
.seo-block__column:hover {
  color: rgba(0, 0, 0, .8)
}

.star-review__photo {
  position: absolute;
  right: .75rem;
  bottom: 0
}

.star-review__body {
  border: 1px solid #EBEBEB;
  border-top: none;
  border-radius: 0 0 .5rem .5rem
}

.seo-block__body>.row>div,
.star-review__bm {
  border-top: 1px solid #EBEBEB
}

.star-review__text {
  position: relative;
  height: 157px;
  margin-bottom: 1rem;
  overflow: hidden
}

.star-review__text:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 50px;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFF), color-stop(100%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, #FFF 0, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%)
}

.star-review__bm {
  position: relative;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem
}

.star-review__bm .bm-media:after {
  position: static;
  margin-left: .5rem
}

.seo-block___column-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.seo-block___column-heading img {
  height: auto;
  border-radius: 1rem
}

.seo-block___column-heading span {
  font-weight: 700;
}

.seo-block__column-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer
}

.seo-block__column-link span {
  margin-right: 1rem
}

.seo-block__column-link:after {
  margin-bottom: -.125rem;
  font-size: .5rem;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.seo-block__image {
  position: relative;
  margin-top: 1.25rem;
  padding-top: 0;
  text-align: center
}

.seo-block__image:before {
  content: '';
  display: block;
  width: 100%;
  background: url(/rr/images/seo-block-img.jpg) center;
  background-size: cover
}

.seo-block__text {
  position: absolute;
  width: 100%;
  background: rgba(100, 44, 152, .88);
  -webkit-box-shadow: 0 -16px 84px rgba(0, 0, 0, .7);
  box-shadow: 0 -16px 84px rgba(0, 0, 0, .7);
  border-radius: .5rem;
  text-align: left;
  font-weight: 500;
  color: #fff
}

.seo-block__text-bottom {
  border-top: 1px solid rgba(255, 255, 255, .3);
  font-size: 1rem
}

.seo-block__text-bottom .icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin-right: .75rem;
  background-color: rgba(255, 255, 255, .15);
  border-radius: .625rem
}

.futsal-main-banner,
.pop-mma-banner,
.totalizator-banner {
  position: relative;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  border-radius: .5rem;
  color: #fff;
  overflow: hidden
}

.banner-slider .totalizator-banner,
.futsal-main-banner,
.pop-mma-banner {
  height: 100%
}

.totalizator-banner {
  background-color: #421869
}

.futsal-main-banner {
  background-color: #2688C0
}

.pop-mma-banner {
  background-color: #3A000A
}

.futsal-main-banner__body,
.pop-mma-banner__body,
.totalizator-banner__body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 10
}

.content-body .futsal-main-banner__body h1,
.content-body .futsal-main-banner__body h2,
.content-body .pop-mma-banner__body h1,
.content-body .pop-mma-banner__body h2,
.content-body .totalizator-banner__body h1,
.content-body .totalizator-banner__body h2,
.content-text .futsal-main-banner__body h1,
.content-text .futsal-main-banner__body h2,
.content-text .pop-mma-banner__body h1,
.content-text .pop-mma-banner__body h2,
.content-text .totalizator-banner__body h1,
.content-text .totalizator-banner__body h2,
.futsal-main-banner__body .content-body h1,
.futsal-main-banner__body .content-body h2,
.futsal-main-banner__body .content-text h1,
.futsal-main-banner__body .content-text h2,
.futsal-main-banner__body .heading-2,
.futsal-main-banner__body .section__header .section__count,
.futsal-main-banner__body .section__header h2,
.pop-mma-banner__body .content-body h1,
.pop-mma-banner__body .content-body h2,
.pop-mma-banner__body .content-text h1,
.pop-mma-banner__body .content-text h2,
.pop-mma-banner__body .heading-2,
.pop-mma-banner__body .section__header .section__count,
.pop-mma-banner__body .section__header h2,
.section__header .futsal-main-banner__body .section__count,
.section__header .futsal-main-banner__body h2,
.section__header .pop-mma-banner__body .section__count,
.section__header .pop-mma-banner__body h2,
.section__header .totalizator-banner__body .section__count,
.section__header .totalizator-banner__body h2,
.totalizator-banner__body .content-body h1,
.totalizator-banner__body .content-body h2,
.totalizator-banner__body .content-text h1,
.totalizator-banner__body .content-text h2,
.totalizator-banner__body .heading-2,
.totalizator-banner__body .section__header .section__count,
.totalizator-banner__body .section__header h2 {
  margin-bottom: 1rem;
  line-height: 1.25;
  color: #f4f4f4
}

.futsal-main-banner__body .text-md,
.pop-mma-banner__body .text-md,
.totalizator-banner__body .text-md {
  color: rgba(255, 255, 255, .8)
}

.futsal-main-banner__button,
.pop-mma-banner__button,
.totalizator-banner__button {
  background: linear-gradient(357.98deg, #D89108 -20.31%, #FBD551 104.63%), #F3BE00;
  font-weight: 500;
  color: #000
}

.futsal-main-banner__button:hover,
.pop-mma-banner__button:hover,
.totalizator-banner__button:hover {
  -webkit-filter: brightness(107%);
  filter: brightness(107%);
  color: #000
}

.futsal-main-banner__image,
.pop-mma-banner__image,
.totalizator-banner__image {
  position: absolute;
  bottom: 0;
  width: auto
}

.futsal-main-banner__image,
.pop-mma-banner__image {
  right: 0;
  height: 100%
}

.forecasts-block {
  background-color: #fff;
  overflow: hidden
}

.forecast__pager.desktop {
  display: none
}

.forecasts-block__days-tabs,
.forecasts-block__sport-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #EBEBEB
}

.forecasts-block__days-tabs span,
.forecasts-block__sport-tabs span {
  white-space: nowrap;
  -webkit-transition: all .25s;
  transition: all .25s;
  cursor: pointer
}

.forecast-line,
.forecast-line__button {
  -webkit-transition: all .25s;
  color: inherit
}

.forecasts-block__days-tabs span:hover,
.forecasts-block__sport-tabs span:hover {
  color: #4F1A80
}

.forecasts-block__sport-tabs {
  padding-top: 1rem;
  padding-bottom: 1rem
}

.forecasts-block__sport-tabs span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 2.5rem;
  margin-right: .5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: .5rem
}

.forecasts-block__sport-tabs span .icon {
  margin-right: .75rem;
  font-size: 1.125rem
}

.forecasts-block__sport-tabs span.active {
  background-color: #642C98;
  font-weight: 500;
  color: #fff
}

.forecasts-block__days-tabs span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-top: .875rem;
  padding-bottom: .875rem;
  cursor: pointer
}

.forecasts-block__days-tabs span.active {
  position: relative;
  font-weight: 700
}

.forecasts-block__days-tabs span.active:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  display: block;
  width: 100%;
  border-bottom: 2px solid #642C98
}

.forecasts-block__days-tabs span i {
  margin-left: .5rem;
  font-style: normal;
  color: rgba(0, 0, 0, .3)
}

.forecasts-block__footer {
  border-top: 1px solid #EBEBEB
}

.forecast-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, .03);
  transition: all .25s
}

.forecast-line:hover {
  color: inherit
}

.forecast-line:last-child {
  border-bottom: none
}

.forecast-line__datetime>*,
.forecast-line__teams>* {
  display: block
}

.forecast-line__icon {
  color: #4F1A80
}

.forecast-line__datetime {
  color: rgba(0, 0, 0, .4)
}

.forecast-line__event {
  line-height: 1.25
}

.forecast-line__event,
.forecast-line__teams {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.forecast-line__coef,
.forecast-line__teams {
  font-weight: 700
}

.forecast-line__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .5rem 1.25rem .5rem .5rem;
  background-color: #F4F4F4;
  border-radius: .5rem;
  transition: all .25s
}

.spec-project,
.spec-project-placeholder,
.spec-project__body {
  display: -ms-flexbox;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal
}

.collection-list .collection-item:first-child,
.main-collections .row>div:first-child .collection-sm {
  padding-top: 0
}

.forecast-line__button:hover {
  background-color: #642C98 !important;
  color: #fff
}

.forecast-line__button img {
  max-width: 2rem;
  height: auto;
  margin-right: .75rem;
  border-radius: .5rem
}

.spec-project,
.spec-project-placeholder {
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #fff;
  overflow: hidden;
  border-radius: .5rem
}

.spec-project-placeholder {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.spec-project-placeholder img {
  margin-top: 4.5rem;
  margin-bottom: 3rem
}

.content-body .spec-project-placeholder h1,
.content-body .spec-project-placeholder h2,
.content-text .spec-project-placeholder h1,
.content-text .spec-project-placeholder h2,
.section__header .spec-project-placeholder .section__count,
.section__header .spec-project-placeholder h2,
.spec-project-placeholder .content-body h1,
.spec-project-placeholder .content-body h2,
.spec-project-placeholder .content-text h1,
.spec-project-placeholder .content-text h2,
.spec-project-placeholder .heading-2,
.spec-project-placeholder .section__header .section__count,
.spec-project-placeholder .section__header h2 {
  margin-bottom: 1.5rem
}

.spec-project__image img {
  width: 100%;
  height: auto;
  border-radius: .5rem .5rem 0 0
}

.spec-project__body {
  display: -webkit-box;
  display: flex;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.content-body .spec-project__body h1,
.content-body .spec-project__body h2,
.content-text .spec-project__body h1,
.content-text .spec-project__body h2,
.section__header .spec-project__body .section__count,
.section__header .spec-project__body h2,
.spec-project__body .content-body h1,
.spec-project__body .content-body h2,
.spec-project__body .content-text h1,
.spec-project__body .content-text h2,
.spec-project__body .heading-2,
.spec-project__body .section__header .section__count,
.spec-project__body .section__header h2 {
  margin-bottom: 2rem
}

.spec-project__body ul {
  margin-bottom: 2rem;
  line-height: 1.5
}

.spec-project__body ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 1.5rem
}

.spec-project__body ul li:before {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 1.125rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 1.125rem;
  flex: 1 0 1.125rem;
  height: 1.125rem;
  margin-right: 1rem;
  border-radius: 50%;
  border: 2px solid #643094;
  font-size: .5rem;
  color: #643094;
  box-sizing: border-box
}

.spec-project__body ul li span {
  margin-top: -.25rem
}

.spec-project__body ul li:last-child {
  margin-bottom: 0
}

.spec-project__body .button {
  margin-top: auto
}

.bm-bonus-item {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #FFF;
  border: 1px solid #EBEBEB;
  border-radius: .5rem;
  color: rgba(0, 0, 0, .8)
}

.bm-bonus-item:hover {
  -webkit-box-shadow: 0 4px 26px rgba(0, 0, 0, .1);
  box-shadow: 0 4px 26px rgba(0, 0, 0, .1);
  border-color: transparent;
  color: rgba(0, 0, 0, .8)
}

.bm-bonus-item__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #EBEBEB
}

.bm-bonus-item__logo {
  max-width: 4rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 4rem;
  flex: 1 0 4rem;
  margin-right: 1rem
}

.bm-bonus-item__logo img {
  width: 100%;
  height: auto;
  border-radius: .875rem
}

.bm-bonus-item__name {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.bm-bonus-item__name small,
.bm-bonus-item__name span {
  display: block
}

.bm-bonus-item__name span {
  font-size: 1.5rem;
  font-weight: 700
}

.bm-bonus-item__name small {
  margin-top: .25rem;
  line-height: 1;
  font-size: 1rem;
  font-family: "Helvetica Neue", sans-serif;
  color: rgba(0, 0, 0, .4)
}

.bm-bonus-item__body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.bm-bonus-item__body .button_big {
  width: 100%;
  margin-top: 1.125rem;
  font-size: 1rem;
  font-weight: 500
}

.bm-bonus-item__date,
.bm-bonus-item__text {
  line-height: 1.5rem;
  font-size: 1.25rem
}

.bm-bonus-item__text {
  margin-bottom: 1.25rem
}

.bm-bonus-item__date {
  margin-top: .875rem
}

.bm-bonus-item__gift {
  margin-top: auto;
  width: 202px;
  height: 64px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}

.main-screen {
  background-color: #4F1A80;
  color: #fff;
  overflow: hidden
}

.main-screen .container .row>:first-child {
  z-index: 2
}

.main-screen__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
  font-size: .875rem
}

.main-screen__tabs li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.main-screen__tabs li:first-child:before {
  display: none
}

.main-screen__tabs .delimiter {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, .4)
}

.main-screen__tabs .seo-block__column-link,
.main-screen__tabs a {
  color: #fff
}

.main-screen__tabs .active.seo-block__column-link,
.main-screen__tabs a.active {
  border-bottom: 1px solid rgba(255, 255, 255, .3)
}

.main-screen__verified {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: 700;
  color: #fff
}

.main-screen__verified:after {
  background-image: url(/rr/images/verified-label-shadow.svg)
}

.main-screen__text {
  color: rgba(255, 255, 255, .8)
}

.main-screen__text .seo-block__column-link,
.main-screen__text a {
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, .3);
  color: inherit
}

.main-screen__text .seo-block__column-link:hover,
.main-screen__text a:hover {
  color: inherit
}

.main-screen__button {
  margin-top: 1.25rem;
  background: linear-gradient(357.98deg, #D89108 -20.31%, #FBD551 104.63%), #F3BE00;
  -webkit-box-shadow: 0 12px 20px rgba(0, 0, 0, .25);
  box-shadow: 0 12px 20px rgba(0, 0, 0, .25);
  border-radius: 8px;
  color: #000
}

.main-screen__button:hover {
  -webkit-filter: brightness(107%);
  filter: brightness(107%);
  color: #000
}

.main-collections .row>div:last-child .collection-sm {
  padding-bottom: 0;
  border-bottom: none
}

.section_bet-contest {
  display: block;
  color: inherit
}

.section_bet-contest:hover {
  color: inherit
}

.section_bet-contest .bet-table-wrap {
  color: rgba(0, 0, 0, .8)
}

.section_bet-contest picture img {
  cursor: pointer
}

.section_bet-contest .banner__btn {
  position: absolute;
  bottom: 1.125rem;
  left: 50%;
  min-width: 280px;
  height: 3.5rem;
  padding-left: 1.125rem;
  padding-right: 1.125rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.section_bet-contest .banner__btn i {
  margin-left: .25rem;
  margin-right: .25rem;
  font-style: normal;
  color: rgba(255, 255, 255, .5)
}

.banner-slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.banner-slider .slick-track .slick-slide {
  height: inherit
}

.banner-slider .slick-track .slick-slide>div {
  height: 100%
}

.banner-slider .icon-arrow {
  position: absolute;
  top: 50%;
  color: rgba(255, 255, 255, .8);
  -webkit-transition: all .25s;
  transition: all .25s;
  z-index: 10;
  cursor: pointer
}

.banner-slider .icon-arrow:hover {
  color: #fff
}

.banner-slider .icon-arrow.prev {
  left: .5rem;
  -webkit-transform: rotate(90deg) translateY(-50%);
  transform: rotate(90deg) translateY(-50%)
}

.banner-slider .icon-arrow.next {
  right: .5rem;
  -webkit-transform: rotate(-90deg) translateY(-50%);
  transform: rotate(-90deg) translateY(-50%)
}

.banner-slider .slick-dots {
  position: absolute;
  left: 50%;
  bottom: 1rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.banner-slider .slick-dots li.slick-active button {
  background-color: #fff
}

.banner-slider .slick-dots li button {
  background-color: #676767
}

.more-main {
  margin: 20px auto 0;
  text-align: center;
  max-width: 328px;
  display: none;
  font-weight: 500;
  font-size: 18px;
  height: 48px
}

.collection-list .collection-item:last-child {
  border: none
}

.collection-item-content {
  width: 100%;
  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
}

.collection-list .collection-item__info-users {
  margin-bottom: .5rem
}

.main-banner {
  -webkit-filter: drop-shadow(0 -4px 44px rgba(0, 0, 0, .15));
  filter: drop-shadow(0 -4px 44px rgba(0, 0, 0, .15));
  position: fixed;
  bottom: 0;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  max-width: 1080px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(/rr/images/banner-main.png) center;
  background-size: cover;
  background-position-x: -300px;
  z-index: 100
}

.main-banner .header__rekl-banner-close {
  right: 1rem;
  top: 1rem;
  background: rgba(255, 255, 255, .2);
  color: #fff
}

.main-banner .header__rekl-banner-close .icon-close {
  color: #fff
}

.collection-list .arrowed-link {
  font-size: .875rem !important;
  line-height: 1rem;
  color: rgba(0, 112, 201, .91)
}

.arrowed-link::after {
  margin: .125rem 0 0 .25rem;
  font-size: .5rem;
  color: rgba(0, 0, 0, .3);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.collection-item__buttons .button {
  margin-right: .5rem
}

.collection-list .button {
  height: 3.125rem
}

.collection-list .button_price span {
  font-size: 18px;
  font-weight: 500;
  line-height: 14px;
  margin-left: 10px;
}

.collection-list .button_bordered,
.collection-list .button_main {
  min-width: 9rem
}

@media (min-width: 568px) {

  .flex-sm-column,
  .flex-sm-row {
      -webkit-box-direction: normal !important
  }

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

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

  .col-sm-1 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33333%;
      flex: 0 0 8.33333%;
      max-width: 8.33333%
  }

  .col-sm-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

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

  .col-sm-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .col-sm-5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66667%;
      flex: 0 0 41.66667%;
      max-width: 41.66667%
  }

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

  .col-sm-7 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333%;
      flex: 0 0 58.33333%;
      max-width: 58.33333%
  }

  .col-sm-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66667%;
      flex: 0 0 66.66667%;
      max-width: 66.66667%
  }

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

  .col-sm-10 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333%;
      flex: 0 0 83.33333%;
      max-width: 83.33333%
  }

  .col-sm-11 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66667%;
      flex: 0 0 91.66667%;
      max-width: 91.66667%
  }

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

  .order-sm-first {
      -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
      order: -1
  }

  .order-sm-last {
      -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
      order: 13
  }

  .order-sm-0 {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0
  }

  .order-sm-1 {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1
  }

  .order-sm-2 {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2
  }

  .order-sm-3 {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3
  }

  .order-sm-4 {
      -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
      order: 4
  }

  .order-sm-5 {
      -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
      order: 5
  }

  .order-sm-6 {
      -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
      order: 6
  }

  .order-sm-7 {
      -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
      order: 7
  }

  .order-sm-8 {
      -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
      order: 8
  }

  .order-sm-9 {
      -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
      order: 9
  }

  .order-sm-10 {
      -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
      order: 10
  }

  .order-sm-11 {
      -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
      order: 11
  }

  .order-sm-12 {
      -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
      order: 12
  }

  .offset-sm-0 {
      margin-left: 0
  }

  .offset-sm-1 {
      margin-left: 8.33333%
  }

  .offset-sm-2 {
      margin-left: 16.66667%
  }

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

  .offset-sm-4 {
      margin-left: 33.33333%
  }

  .offset-sm-5 {
      margin-left: 41.66667%
  }

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

  .offset-sm-7 {
      margin-left: 58.33333%
  }

  .offset-sm-8 {
      margin-left: 66.66667%
  }

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

  .offset-sm-10 {
      margin-left: 83.33333%
  }

  .offset-sm-11 {
      margin-left: 91.66667%
  }

  .d-sm-none {
      display: none !important
  }

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

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

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

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

  .m-sm-0 {
      margin: 0 !important
  }

  .mt-sm-0,
  .my-sm-0 {
      margin-top: 0 !important
  }

  .mr-sm-0,
  .mx-sm-0 {
      margin-right: 0 !important
  }

  .mb-sm-0,
  .my-sm-0 {
      margin-bottom: 0 !important
  }

  .ml-sm-0,
  .mx-sm-0 {
      margin-left: 0 !important
  }

  .m-sm-1 {
      margin: .25rem !important
  }

  .mt-sm-1,
  .my-sm-1 {
      margin-top: .25rem !important
  }

  .mr-sm-1,
  .mx-sm-1 {
      margin-right: .25rem !important
  }

  .mb-sm-1,
  .my-sm-1 {
      margin-bottom: .25rem !important
  }

  .ml-sm-1,
  .mx-sm-1 {
      margin-left: .25rem !important
  }

  .m-sm-2 {
      margin: .5rem !important
  }

  .mt-sm-2,
  .my-sm-2 {
      margin-top: .5rem !important
  }

  .mr-sm-2,
  .mx-sm-2 {
      margin-right: .5rem !important
  }

  .mb-sm-2,
  .my-sm-2 {
      margin-bottom: .5rem !important
  }

  .ml-sm-2,
  .mx-sm-2 {
      margin-left: .5rem !important
  }

  .m-sm-3 {
      margin: 1rem !important
  }

  .mt-sm-3,
  .my-sm-3 {
      margin-top: 1rem !important
  }

  .mr-sm-3,
  .mx-sm-3 {
      margin-right: 1rem !important
  }

  .mb-sm-3,
  .my-sm-3 {
      margin-bottom: 1rem !important
  }

  .ml-sm-3,
  .mx-sm-3 {
      margin-left: 1rem !important
  }

  .m-sm-4 {
      margin: 1.5rem !important
  }

  .mt-sm-4,
  .my-sm-4 {
      margin-top: 1.5rem !important
  }

  .mr-sm-4,
  .mx-sm-4 {
      margin-right: 1.5rem !important
  }

  .mb-sm-4,
  .my-sm-4 {
      margin-bottom: 1.5rem !important
  }

  .ml-sm-4,
  .mx-sm-4 {
      margin-left: 1.5rem !important
  }

  .m-sm-5 {
      margin: 3rem !important
  }

  .mt-sm-5,
  .my-sm-5 {
      margin-top: 3rem !important
  }

  .mr-sm-5,
  .mx-sm-5 {
      margin-right: 3rem !important
  }

  .mb-sm-5,
  .my-sm-5 {
      margin-bottom: 3rem !important
  }

  .ml-sm-5,
  .mx-sm-5 {
      margin-left: 3rem !important
  }

  .p-sm-0 {
      padding: 0 !important
  }

  .pt-sm-0,
  .py-sm-0 {
      padding-top: 0 !important
  }

  .pr-sm-0,
  .px-sm-0 {
      padding-right: 0 !important
  }

  .pb-sm-0,
  .py-sm-0 {
      padding-bottom: 0 !important
  }

  .pl-sm-0,
  .px-sm-0 {
      padding-left: 0 !important
  }

  .p-sm-1 {
      padding: .25rem !important
  }

  .pt-sm-1,
  .py-sm-1 {
      padding-top: .25rem !important
  }

  .pr-sm-1,
  .px-sm-1 {
      padding-right: .25rem !important
  }

  .pb-sm-1,
  .py-sm-1 {
      padding-bottom: .25rem !important
  }

  .pl-sm-1,
  .px-sm-1 {
      padding-left: .25rem !important
  }

  .p-sm-2 {
      padding: .5rem !important
  }

  .pt-sm-2,
  .py-sm-2 {
      padding-top: .5rem !important
  }

  .pr-sm-2,
  .px-sm-2 {
      padding-right: .5rem !important
  }

  .pb-sm-2,
  .py-sm-2 {
      padding-bottom: .5rem !important
  }

  .pl-sm-2,
  .px-sm-2 {
      padding-left: .5rem !important
  }

  .p-sm-3 {
      padding: 1rem !important
  }

  .pt-sm-3,
  .py-sm-3 {
      padding-top: 1rem !important
  }

  .pr-sm-3,
  .px-sm-3 {
      padding-right: 1rem !important
  }

  .pb-sm-3,
  .py-sm-3 {
      padding-bottom: 1rem !important
  }

  .pl-sm-3,
  .px-sm-3 {
      padding-left: 1rem !important
  }

  .p-sm-4 {
      padding: 1.5rem !important
  }

  .pt-sm-4,
  .py-sm-4 {
      padding-top: 1.5rem !important
  }

  .pr-sm-4,
  .px-sm-4 {
      padding-right: 1.5rem !important
  }

  .pb-sm-4,
  .py-sm-4 {
      padding-bottom: 1.5rem !important
  }

  .pl-sm-4,
  .px-sm-4 {
      padding-left: 1.5rem !important
  }

  .p-sm-5 {
      padding: 3rem !important
  }

  .pt-sm-5,
  .py-sm-5 {
      padding-top: 3rem !important
  }

  .pr-sm-5,
  .px-sm-5 {
      padding-right: 3rem !important
  }

  .pb-sm-5,
  .py-sm-5 {
      padding-bottom: 3rem !important
  }

  .pl-sm-5,
  .px-sm-5 {
      padding-left: 3rem !important
  }

  .m-sm-n1 {
      margin: -.25rem !important
  }

  .mt-sm-n1,
  .my-sm-n1 {
      margin-top: -.25rem !important
  }

  .mr-sm-n1,
  .mx-sm-n1 {
      margin-right: -.25rem !important
  }

  .mb-sm-n1,
  .my-sm-n1 {
      margin-bottom: -.25rem !important
  }

  .ml-sm-n1,
  .mx-sm-n1 {
      margin-left: -.25rem !important
  }

  .m-sm-n2 {
      margin: -.5rem !important
  }

  .mt-sm-n2,
  .my-sm-n2 {
      margin-top: -.5rem !important
  }

  .mr-sm-n2,
  .mx-sm-n2 {
      margin-right: -.5rem !important
  }

  .mb-sm-n2,
  .my-sm-n2 {
      margin-bottom: -.5rem !important
  }

  .ml-sm-n2,
  .mx-sm-n2 {
      margin-left: -.5rem !important
  }

  .m-sm-n3 {
      margin: -1rem !important
  }

  .mt-sm-n3,
  .my-sm-n3 {
      margin-top: -1rem !important
  }

  .mr-sm-n3,
  .mx-sm-n3 {
      margin-right: -1rem !important
  }

  .mb-sm-n3,
  .my-sm-n3 {
      margin-bottom: -1rem !important
  }

  .ml-sm-n3,
  .mx-sm-n3 {
      margin-left: -1rem !important
  }

  .m-sm-n4 {
      margin: -1.5rem !important
  }

  .mt-sm-n4,
  .my-sm-n4 {
      margin-top: -1.5rem !important
  }

  .mr-sm-n4,
  .mx-sm-n4 {
      margin-right: -1.5rem !important
  }

  .mb-sm-n4,
  .my-sm-n4 {
      margin-bottom: -1.5rem !important
  }

  .ml-sm-n4,
  .mx-sm-n4 {
      margin-left: -1.5rem !important
  }

  .m-sm-n5 {
      margin: -3rem !important
  }

  .mt-sm-n5,
  .my-sm-n5 {
      margin-top: -3rem !important
  }

  .mr-sm-n5,
  .mx-sm-n5 {
      margin-right: -3rem !important
  }

  .mb-sm-n5,
  .my-sm-n5 {
      margin-bottom: -3rem !important
  }

  .ml-sm-n5,
  .mx-sm-n5 {
      margin-left: -3rem !important
  }

  .m-sm-auto {
      margin: auto !important
  }

  .mt-sm-auto,
  .my-sm-auto {
      margin-top: auto !important
  }

  .mr-sm-auto,
  .mx-sm-auto {
      margin-right: auto !important
  }

  .mb-sm-auto,
  .my-sm-auto {
      margin-bottom: auto !important
  }

  .ml-sm-auto,
  .mx-sm-auto {
      margin-left: auto !important
  }

  .text-sm-left {
      text-align: left !important
  }

  .text-sm-right {
      text-align: right !important
  }

  .text-sm-center {
      text-align: center !important
  }

  .flex-sm-row {
      -webkit-box-orient: horizontal !important;
      -ms-flex-direction: row !important;
      flex-direction: row !important
  }

  .flex-sm-column {
      -webkit-box-orient: vertical !important;
      -ms-flex-direction: column !important;
      flex-direction: column !important
  }

  .flex-sm-row-reverse {
      -webkit-box-orient: horizontal !important;
      -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
      flex-direction: row-reverse !important
  }

  .flex-sm-column-reverse {
      -webkit-box-orient: vertical !important;
      -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
      flex-direction: column-reverse !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .carousel-wrap {
      padding-bottom: 1rem
  }

  .carousel figure figcaption {
      padding-top: .5rem
  }

  .table-responsive-wrap.gr:before {
      left: -24px
  }

  .table-responsive-wrap.gr:after {
      right: -24px
  }

  .content-body figure,
  .content-text figure {
      margin: 1.5rem 0 3rem
  }

  .content-body figure figcaption,
  .content-text figure figcaption {
      padding: 0 .75rem
  }

  .content-body blockquote,
  .content-text blockquote {
      position: relative;
      margin: 1.5rem 0;
      padding: 3rem 5rem;
      border-radius: 8px;
      font-size: 1.125rem
  }

  .content-body blockquote:before,
  .content-text blockquote:before {
      position: absolute;
      top: 50%;
      left: 1.5rem;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%)
  }

  .content-body img,
  .content-text img {
      max-width: 100%;
      border-radius: 8px
  }

  .content-body .carousel-wrap,
  .content-text .carousel-wrap {
      margin: 2rem 0 3rem
  }

  .button_big {
      min-width: 300px
  }

  .form__uploaded-file {
      max-width: 80px;
      min-width: 80px;
      height: 80px
  }

  .form__uploaded-file .icon {
      top: .5rem;
      right: .5rem;
      font-size: .6875rem
  }

  .bm-tooltip {
      top: 100%;
      left: 0
  }

  .auth-modal__wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1
  }

  .auth-modal__header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 4.5rem;
      padding: 0 1.5rem 0 3rem;
      background-color: #fff;
      border-bottom: 1px solid #EBEBEB
  }

  .footer__bm-block,
  .footer__line:last-child {
      background-color: #262628
  }

  .auth-modal__close {
      margin-left: auto;
      font-size: 1.5rem;
      cursor: pointer
  }

  .auth-modal__close:hover {
      opacity: .75
  }

  .auth-modal__tabs .tabs__item {
      padding-bottom: 1.25rem;
      font-weight: 50
  }

  .auth-modal__body {
      margin-left: 3rem;
      max-width: 320px
  }

  .auth-scl {
      margin-bottom: 1.5rem
  }

  .auth-scl__list .icon {
      width: 50px
  }

  .bet-three-widget {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
  }

  .footer__block .footer__heading:after,
  .footer__breadcrumbs .breadcrumbs__item .seo-block__column-link:before,
  .footer__breadcrumbs .breadcrumbs__item a:before {
      display: none
  }

  .bet-three__item {
      margin-right: 6px
  }

  .bet-widget-v2__coef+img {
      margin-left: 1rem
  }

  .no-result__image {
      width: 120px
  }

  .no-result__message {
      margin-top: 1.5rem
  }

  .bm-rekl-modal img,
  .bm-rekl-modal picture {
      border-radius: .875rem
  }

  .footer__bm-block,
  .post-card {
      border-radius: 8px
  }

  .bm-rekl-modal__close {
      top: 1.5rem;
      right: 1.5rem
  }

  .header__version-link {
      padding: .375rem .75rem
  }

  .header__version-link img {
      margin-right: .625rem
  }

  .header__version-link span {
      margin-right: .625rem;
      padding-right: .5rem
  }

  .footer__line:last-child .row {
      padding: 1.5rem 0 2.25rem
  }

  .footer__line:last-child .row:first-child {
      border-bottom: 1px solid rgba(255, 255, 255, .05)
  }

  .footer__heading {
      font-size: 1.125rem
  }

  .footer__nav {
      padding: 0;
      list-style: none
  }

  .footer__nav-item {
      margin-bottom: 1rem
  }

  .bm-list__item,
  .post-card_lg .post-card__category,
  .seo-block__column-text {
      margin-bottom: 1.5rem
  }

  .footer__nav-item .seo-block__column-link,
  .footer__nav-item a {
      color: rgba(255, 255, 255, .6)
  }

  .footer__bm-block {
      padding: 1.5rem
  }

  .bm-list__item .bm-media__info span:last-child {
      font-size: .875rem
  }

  .dev,
  .footer__lang {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end
  }

  .win__form .button_main {
      min-width: 198px
  }

  .post-card__info {
      padding: 1.5rem;
      border: 1px solid #EBEBEB;
      border-top: none
  }

  .bet-form,
  .bet-table-wrap {
      border-radius: .5rem
  }

  .post-card_lg .post-card__category {
      font-size: 1.125rem
  }

  .post-card_lg .post-card__title {
      line-height: 2.5rem;
      font-weight: 700;
      font-size: 2rem
  }

  .post-card:not(.post-card_lg) .post-card__title {
      line-height: 1.5rem;
      font-weight: 500;
      font-size: 1.125rem
  }

  .bet-balance label {
      font-weight: 700
  }

  .bet-balance .bet-balance-currency {
      font-size: 1.375rem
  }

  .bet-clean-button,
  .bet-coupon-button {
      height: 3.5rem;
      padding-left: 2rem;
      padding-right: 2rem;
      font-size: 1.125rem
  }

  .bet-bottom-buttons {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
  }

  .bet-bottom-buttons .button {
      margin-right: .75rem
  }

  .bet-bottom-buttons .button:last-child {
      margin-right: 0
  }

  .star-reviews-list.slick-initialized {
      margin-left: -.75rem;
      margin-right: -.75rem
  }

  .star-reviews-list .slick-slide {
      margin-left: .75rem;
      margin-right: .75rem
  }

  .star-review__head {
      height: 140px;
      padding: 1.5rem
  }

  .star-review__author {
      width: 60%
  }

  .star-review__author-info {
      margin-top: 1rem;
      line-height: 1.125rem;
      font-size: .875rem
  }

  .star-review__body {
      padding: 1.75rem 1.5rem 0
  }

  .star-review__text {
      line-height: 1.375rem
  }

  .seo-block__heading {
      border-bottom: 1px solid #EBEBEB
  }

  .seo-block__body>.row>div:first-child,
  .seo-block__body>.row>div:nth-child(2) {
      border-top: none
  }

  .seo-block__body>.row>div:nth-child(odd) {
      border-right: 1px solid #EBEBEB
  }

  .seo-block__column {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      height: 100%
  }

  .seo-block__column-link {
      margin-top: auto
  }

  .seo-block__image:before {
      height: 443px;
      background-repeat: no-repeat;
      border-radius: 1rem
  }

  .seo-block__text {
      max-width: 454px;
      top: 3.5rem;
      right: 3rem;
      padding: 2.5rem 2.5rem 1.5rem;
      line-height: 1.875rem;
      font-size: 1.375rem
  }

  .seo-block__text-bottom {
      padding-top: 1.5rem
  }

  .bm-bonus-item__body .button_big {
      min-width: 0
  }

  .main-collections .collection-sm {
      display: block
  }

  .main-collections .collection-sm__icon {
      position: relative;
      display: block;
      width: 100%;
      height: auto;
      border-radius: 8px
  }

  .main-collections .collection-sm__icon img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%
  }

  .main-collections .collection-sm__icon:after {
      content: '';
      display: block;
      padding-bottom: 90%
  }

  .main-collections .collection-sm__right {
      padding-left: 1rem
  }
}

@media (min-width: 768px) {

  .flex-md-column,
  .flex-md-row {
      -webkit-box-direction: normal !important
  }

  .bm-form,
  .tab-list__item_dropdown {
      position: relative
  }

  .bm-search,
  .button_load,
  .section,
  .sidebar__block {
      padding: 1.5rem
  }

  .author-media .no-avatar,
  .author-media img,
  .bm-media .no-avatar,
  .bm-media img,
  .reviews-item__author .no-avatar,
  .reviews-item__author img {
      margin-right: .75rem
  }

  .container,
  .container-fluid {
      padding-right: 24px;
      padding-left: 24px
  }

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

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

  .col-md-1 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33333%;
      flex: 0 0 8.33333%;
      max-width: 8.33333%
  }

  .col-md-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

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

  .col-md-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .col-md-5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66667%;
      flex: 0 0 41.66667%;
      max-width: 41.66667%
  }

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

  .col-md-7 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333%;
      flex: 0 0 58.33333%;
      max-width: 58.33333%
  }

  .col-md-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66667%;
      flex: 0 0 66.66667%;
      max-width: 66.66667%
  }

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

  .col-md-10 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333%;
      flex: 0 0 83.33333%;
      max-width: 83.33333%
  }

  .col-md-11 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66667%;
      flex: 0 0 91.66667%;
      max-width: 91.66667%
  }

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

  .order-md-first {
      -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
      order: -1
  }

  .order-md-last {
      -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
      order: 13
  }

  .order-md-0 {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0
  }

  .order-md-1 {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1
  }

  .order-md-2 {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2
  }

  .order-md-3 {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3
  }

  .order-md-4 {
      -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
      order: 4
  }

  .order-md-5 {
      -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
      order: 5
  }

  .order-md-6 {
      -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
      order: 6
  }

  .order-md-7 {
      -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
      order: 7
  }

  .order-md-8 {
      -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
      order: 8
  }

  .order-md-9 {
      -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
      order: 9
  }

  .order-md-10 {
      -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
      order: 10
  }

  .order-md-11 {
      -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
      order: 11
  }

  .order-md-12 {
      -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
      order: 12
  }

  .offset-md-0 {
      margin-left: 0
  }

  .offset-md-1 {
      margin-left: 8.33333%
  }

  .offset-md-2 {
      margin-left: 16.66667%
  }

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

  .offset-md-4 {
      margin-left: 33.33333%
  }

  .offset-md-5 {
      margin-left: 41.66667%
  }

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

  .offset-md-7 {
      margin-left: 58.33333%
  }

  .offset-md-8 {
      margin-left: 66.66667%
  }

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

  .offset-md-10 {
      margin-left: 83.33333%
  }

  .offset-md-11 {
      margin-left: 91.66667%
  }

  .d-md-none {
      display: none !important
  }

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

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

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

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

  .m-md-0 {
      margin: 0 !important
  }

  .mt-md-0,
  .my-md-0 {
      margin-top: 0 !important
  }

  .mr-md-0,
  .mx-md-0 {
      margin-right: 0 !important
  }

  .mb-md-0,
  .my-md-0 {
      margin-bottom: 0 !important
  }

  .ml-md-0,
  .mx-md-0 {
      margin-left: 0 !important
  }

  .m-md-1 {
      margin: .25rem !important
  }

  .mt-md-1,
  .my-md-1 {
      margin-top: .25rem !important
  }

  .mr-md-1,
  .mx-md-1 {
      margin-right: .25rem !important
  }

  .mb-md-1,
  .my-md-1 {
      margin-bottom: .25rem !important
  }

  .ml-md-1,
  .mx-md-1 {
      margin-left: .25rem !important
  }

  .m-md-2 {
      margin: .5rem !important
  }

  .mt-md-2,
  .my-md-2 {
      margin-top: .5rem !important
  }

  .mr-md-2,
  .mx-md-2 {
      margin-right: .5rem !important
  }

  .mb-md-2,
  .my-md-2 {
      margin-bottom: .5rem !important
  }

  .ml-md-2,
  .mx-md-2 {
      margin-left: .5rem !important
  }

  .m-md-3 {
      margin: 1rem !important
  }

  .mt-md-3,
  .my-md-3 {
      margin-top: 1rem !important
  }

  .mr-md-3,
  .mx-md-3 {
      margin-right: 1rem !important
  }

  .mb-md-3,
  .my-md-3 {
      margin-bottom: 1rem !important
  }

  .ml-md-3,
  .mx-md-3 {
      margin-left: 1rem !important
  }

  .m-md-4 {
      margin: 1.5rem !important
  }

  .mt-md-4,
  .my-md-4 {
      margin-top: 1.5rem !important
  }

  .mr-md-4,
  .mx-md-4 {
      margin-right: 1.5rem !important
  }

  .mb-md-4,
  .my-md-4 {
      margin-bottom: 1.5rem !important
  }

  .ml-md-4,
  .mx-md-4 {
      margin-left: 1.5rem !important
  }

  .m-md-5 {
      margin: 3rem !important
  }

  .mt-md-5,
  .my-md-5 {
      margin-top: 3rem !important
  }

  .mr-md-5,
  .mx-md-5 {
      margin-right: 3rem !important
  }

  .mb-md-5,
  .my-md-5 {
      margin-bottom: 3rem !important
  }

  .ml-md-5,
  .mx-md-5 {
      margin-left: 3rem !important
  }

  .p-md-0 {
      padding: 0 !important
  }

  .pt-md-0,
  .py-md-0 {
      padding-top: 0 !important
  }

  .pr-md-0,
  .px-md-0 {
      padding-right: 0 !important
  }

  .pb-md-0,
  .py-md-0 {
      padding-bottom: 0 !important
  }

  .pl-md-0,
  .px-md-0 {
      padding-left: 0 !important
  }

  .p-md-1 {
      padding: .25rem !important
  }

  .pt-md-1,
  .py-md-1 {
      padding-top: .25rem !important
  }

  .pr-md-1,
  .px-md-1 {
      padding-right: .25rem !important
  }

  .pb-md-1,
  .py-md-1 {
      padding-bottom: .25rem !important
  }

  .pl-md-1,
  .px-md-1 {
      padding-left: .25rem !important
  }

  .p-md-2 {
      padding: .5rem !important
  }

  .pt-md-2,
  .py-md-2 {
      padding-top: .5rem !important
  }

  .pr-md-2,
  .px-md-2 {
      padding-right: .5rem !important
  }

  .pb-md-2,
  .py-md-2 {
      padding-bottom: .5rem !important
  }

  .pl-md-2,
  .px-md-2 {
      padding-left: .5rem !important
  }

  .p-md-3 {
      padding: 1rem !important
  }

  .pt-md-3,
  .py-md-3 {
      padding-top: 1rem !important
  }

  .pr-md-3,
  .px-md-3 {
      padding-right: 1rem !important
  }

  .pb-md-3,
  .py-md-3 {
      padding-bottom: 1rem !important
  }

  .pl-md-3,
  .px-md-3 {
      padding-left: 1rem !important
  }

  .p-md-4 {
      padding: 1.5rem !important
  }

  .pt-md-4,
  .py-md-4 {
      padding-top: 1.5rem !important
  }

  .pr-md-4,
  .px-md-4 {
      padding-right: 1.5rem !important
  }

  .pb-md-4,
  .py-md-4 {
      padding-bottom: 1.5rem !important
  }

  .pl-md-4,
  .px-md-4 {
      padding-left: 1.5rem !important
  }

  .p-md-5 {
      padding: 3rem !important
  }

  .pt-md-5,
  .py-md-5 {
      padding-top: 3rem !important
  }

  .pr-md-5,
  .px-md-5 {
      padding-right: 3rem !important
  }

  .pb-md-5,
  .py-md-5 {
      padding-bottom: 3rem !important
  }

  .pl-md-5,
  .px-md-5 {
      padding-left: 3rem !important
  }

  .m-md-n1 {
      margin: -.25rem !important
  }

  .mt-md-n1,
  .my-md-n1 {
      margin-top: -.25rem !important
  }

  .mr-md-n1,
  .mx-md-n1 {
      margin-right: -.25rem !important
  }

  .mb-md-n1,
  .my-md-n1 {
      margin-bottom: -.25rem !important
  }

  .ml-md-n1,
  .mx-md-n1 {
      margin-left: -.25rem !important
  }

  .m-md-n2 {
      margin: -.5rem !important
  }

  .mt-md-n2,
  .my-md-n2 {
      margin-top: -.5rem !important
  }

  .mr-md-n2,
  .mx-md-n2 {
      margin-right: -.5rem !important
  }

  .mb-md-n2,
  .my-md-n2 {
      margin-bottom: -.5rem !important
  }

  .ml-md-n2,
  .mx-md-n2 {
      margin-left: -.5rem !important
  }

  .m-md-n3 {
      margin: -1rem !important
  }

  .mt-md-n3,
  .my-md-n3 {
      margin-top: -1rem !important
  }

  .mr-md-n3,
  .mx-md-n3 {
      margin-right: -1rem !important
  }

  .mb-md-n3,
  .my-md-n3 {
      margin-bottom: -1rem !important
  }

  .ml-md-n3,
  .mx-md-n3 {
      margin-left: -1rem !important
  }

  .m-md-n4 {
      margin: -1.5rem !important
  }

  .mt-md-n4,
  .my-md-n4 {
      margin-top: -1.5rem !important
  }

  .mr-md-n4,
  .mx-md-n4 {
      margin-right: -1.5rem !important
  }

  .mb-md-n4,
  .my-md-n4 {
      margin-bottom: -1.5rem !important
  }

  .ml-md-n4,
  .mx-md-n4 {
      margin-left: -1.5rem !important
  }

  .m-md-n5 {
      margin: -3rem !important
  }

  .mt-md-n5,
  .my-md-n5 {
      margin-top: -3rem !important
  }

  .mr-md-n5,
  .mx-md-n5 {
      margin-right: -3rem !important
  }

  .mb-md-n5,
  .my-md-n5 {
      margin-bottom: -3rem !important
  }

  .ml-md-n5,
  .mx-md-n5 {
      margin-left: -3rem !important
  }

  .m-md-auto {
      margin: auto !important
  }

  .mt-md-auto,
  .my-md-auto {
      margin-top: auto !important
  }

  .mr-md-auto,
  .mx-md-auto {
      margin-right: auto !important
  }

  .mb-md-auto,
  .my-md-auto {
      margin-bottom: auto !important
  }

  .ml-md-auto,
  .mx-md-auto {
      margin-left: auto !important
  }

  .text-md-left {
      text-align: left !important
  }

  .text-md-right {
      text-align: right !important
  }

  .text-md-center {
      text-align: center !important
  }

  .flex-md-row {
      -webkit-box-orient: horizontal !important;
      -ms-flex-direction: row !important;
      flex-direction: row !important
  }

  .flex-md-column {
      -webkit-box-orient: vertical !important;
      -ms-flex-direction: column !important;
      flex-direction: column !important
  }

  .flex-md-row-reverse {
      -webkit-box-orient: horizontal !important;
      -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
      flex-direction: row-reverse !important
  }

  .flex-md-column-reverse {
      -webkit-box-orient: vertical !important;
      -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
      flex-direction: column-reverse !important
  }

  .auth-modal .bs-modal-content,
  .bm-form__left {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .futsal-body {
      margin-top: -1.75rem
  }

  .carousel .arrow {
      width: 2.5rem;
      height: 2.5rem
  }

  .carousel .arrow:not(.arrow_left) {
      right: 1rem
  }

  .carousel .arrow.arrow_left {
      left: 1rem
  }

  .heading-1,
  .main-screen__header>* {
      line-height: 3rem;
      font-size: 2.5rem
  }

  .content-body h1,
  .content-body h2,
  .content-text h1,
  .content-text h2,
  .heading-2,
  .section__header .section__count,
  .section__header h2 {
      line-height: 2.625rem;
      font-size: 2rem
  }

  .content-body h3,
  .content-text h3,
  .heading-3 {
      line-height: 2rem;
      font-size: 1.625rem
  }

  .content-accordion h3,
  .content-body h4,
  .content-text h4,
  .heading-4,
  .section_review-form .section__header h2,
  .sidebar__header {
      line-height: 1.5rem;
      font-size: 1.25rem
  }

  .content-body .notice,
  .content-text .notice {
      padding: 1.5rem 3rem 1.5rem 1.5rem
  }

  .content-body .author-widget,
  .content-text .author-widget {
      margin-top: 1.5rem;
      margin-bottom: 2rem
  }

  .content-accordion {
      margin-top: 2rem;
      margin-bottom: 2rem
  }

  .content-accordion .accordion-head {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem
  }

  .text-lg {
      line-height: 1.75rem;
      font-size: 1.375rem
  }

  .content-widget,
  .poll-widget {
      margin-top: 1.5rem;
      margin-bottom: 2rem;
      padding: 1.5rem
  }

  .button_big {
      height: 56px;
      font-size: 1.125rem
  }

  .button_load {
      width: 100%;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
      flex: 1 0 100%;
      font-size: 1.125rem
  }

  .button_card {
      min-height: 125px;
      padding: 1.5rem 57px 1.5rem 1.5rem
  }

  .button_card:after {
      right: 57px
  }

  .button_preloader:after {
      width: 2.5rem;
      height: 2.5rem
  }

  .form__input {
      font-size: 1rem
  }

  .tab-list__item:first-child {
      padding-left: 0
  }

  .tab-list__item:last-child {
      padding-right: 0
  }

  .tab-list__item_dropdown:hover .tab-list__dropdown {
      top: 100%;
      opacity: 1;
      visibility: visible
  }

  .tab-list__item_dropdown:hover>.seo-block__column-link,
  .tab-list__item_dropdown:hover>a {
      color: rgba(51, 51, 51, .6)
  }

  .tab-list__item_dropdown:hover>.seo-block__column-link:after,
  .tab-list__item_dropdown:hover>a:after {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg)
  }

  .tab-list__item_dropdown>.seo-block__column-link,
  .tab-list__item_dropdown>a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
  }

  .tab-list__item_dropdown>.seo-block__column-link:after,
  .tab-list__item_dropdown>a:after {
      margin-left: .375rem;
      font-size: .5rem;
      color: rgba(0, 0, 0, .3)
  }

  .tab-list__dropdown {
      position: absolute;
      top: calc(100% + 50px);
      right: 1.5rem;
      min-width: 180px;
      padding: .875rem;
      background-color: #fff;
      border-radius: 8px;
      -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
      box-shadow: 0 0 15px rgba(0, 0, 0, .15);
      z-index: 20;
      opacity: 0;
      visibility: hidden;
      -webkit-transition-duration: .5s;
      transition-duration: .5s
  }

  .tab-list__dropdown li {
      margin-bottom: .25rem
  }

  .tab-list__dropdown li:last-child {
      margin-bottom: 0
  }

  .tab-list__dropdown .seo-block__column-link,
  .tab-list__dropdown a {
      display: block;
      padding: .75rem;
      border-radius: 6px;
      font-weight: 600;
      color: rgba(0, 0, 0, .8)
  }

  .tab-list__dropdown .active.seo-block__column-link,
  .tab-list__dropdown .seo-block__column-link:hover,
  .tab-list__dropdown a.active,
  .tab-list__dropdown a:hover {
      background-color: rgba(0, 0, 0, .05)
  }

  .bs-modal-dialog {
      margin: 1.75rem auto
  }

  .bs-modal.fade .bs-modal-dialog {
      -webkit-transition-duration: .3s;
      transition-duration: .3s;
      -webkit-transform: scale(.7);
      transform: scale(.7)
  }

  .bs-modal.show .bs-modal-dialog {
      -webkit-transform: scale(1);
      transform: scale(1)
  }

  .bs-modal-dialog-scrollable,
  .bs-modal-dialog-scrollable .bs-modal-content {
      max-height: calc(100vh - 3.5rem)
  }

  .bs-modal-dialog-centered {
      min-height: calc(100% - 3.5rem)
  }

  .bs-modal-dialog-centered::before {
      min-height: calc(100% - 3.5rem);
      height: auto
  }

  .bs-modal-content {
      min-height: 0;
      border-radius: 8px
  }

  .bs-modal-backdrop {
      -webkit-transition-duration: .3s;
      transition-duration: .3s
  }

  .bs-modal-title {
      font-size: 1.5rem
  }

  .bm-countries__rate {
      margin-right: 1.25rem
  }

  .bm-author .bm-author__url {
      margin-left: .375rem
  }

  .bm-author .bm-author__url:before {
      content: '•';
      margin-right: .375rem;
      vertical-align: middle
  }

  .bm-author__info {
      margin-top: .75rem
  }

  .alert {
      min-height: 64px;
      font-size: 1.125rem
  }

  .alert.ui-pnotify.ui-pnotify-in {
      padding-left: 2.5rem;
      padding-right: 1.5rem
  }

  .alert-danger .ui-pnotify-text:before,
  .alert-success .ui-pnotify-text:before {
      margin-right: .75rem;
      font-size: 1rem
  }

  .collection-bm_comm,
  .collection-item__hidden {
      margin-right: -1.5rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem
  }

  .auth-modal {
      width: calc(100% - 3rem);
      max-width: 900px
  }

  .auth-modal .bs-modal-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      min-height: 555px;
      overflow: hidden;
      background-color: transparent
  }

  .auth-modal__left {
      max-width: 313px;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 313px;
      flex: 1 0 313px;
      background: url(/rr/images/auth-modal-bg.svg) no-repeat;
      background-size: cover
  }

  .auth-modal__left.bet24 {
      max-width: 313px;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 313px;
      flex: 1 0 313px;
      background: url(/rr/images/auth-modal-bg24.svg) no-repeat;
      background-size: cover
  }

  .collection-bm_comm {
      margin-left: -1.5rem
  }

  .collection-item_comm:after {
      right: -1.5rem
  }

  .collection-item__info {
      margin-left: 1.5rem
  }

  .collection-item__title {
      font-size: 1.3125rem
  }

  .collection-item__info-reviews .arrowed-link,
  .collection-item__review-count {
      font-size: 1.125rem
  }

  .collection-spoiler__button {
      height: 2.5rem
  }

  span.collection-spoiler__button {
      width: 2.5rem;
      border: 1px solid #EBEBEB;
      color: rgba(0, 0, 0, .6)
  }

  span.collection-spoiler__button:hover {
      background-color: #4F1A80;
      border-color: #4F1A80;
      color: #fff
  }

  .collection-item__hidden {
      margin-left: -1.5rem
  }

  .collection-item__info-rate {
      margin-right: 2rem
  }

  .collection-item__hidden-buttons {
      display: none
  }

  .collection-item__hidden-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding-bottom: 1.5rem
  }

  .collection-item__hidden-links {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin-left: auto
  }

  .collection-item__hidden-links .seo-block__column-link,
  .collection-item__hidden-links a {
      padding-left: 1rem;
      padding-right: 1rem
  }

  .collection-item__info-reviews {
      margin-right: 2rem;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 160px;
      flex: 1 0 160px;
      max-width: 160px
  }

  .collection-item__info-users {
      margin-bottom: 1.5rem
  }

  .collection-item__info-users .seo-block__column-link,
  .collection-item__info-users a,
  .collection-item__info-users>.no-avatar,
  .collection-item__info-users>img {
      width: calc(2rem + 6px);
      height: calc(2rem + 6px);
      border-width: 3px;
      border-radius: 14px
  }

  .collection-item__available {
      padding-top: 2rem
  }

  .collection-item__available-header img {
      max-width: 2rem;
      height: auto;
      margin-right: 1rem;
      border-radius: 10px
  }

  .collection-item__available-header h4 {
      font-size: 1.375rem
  }

  .collection-item__available-table td:nth-child(2),
  .collection-item__available-table th:nth-child(2) {
      padding-right: 66px
  }

  .collection-item__available-table td:nth-child(2),
  .collection-item__available-table td:nth-child(3),
  .collection-item__available-table th:nth-child(2),
  .collection-item__available-table th:nth-child(3) {
      width: 1%;
      white-space: nowrap
  }

  .collection-item__available-table th {
      font-weight: 400;
      font-size: .8125rem;
      color: rgba(0, 0, 0, .4)
  }

  .bet-widget,
  .bet-widget-v2__heading {
      font-size: 1.5rem
  }

  .collection-item__available-table td {
      padding-top: .75rem;
      padding-bottom: .75rem
  }

  .content-widget .collection-item,
  .poll-widget .collection-item {
      margin-top: -1.5rem;
      margin-bottom: -1.5rem
  }

  .content-widget .collection-item__hidden-info,
  .poll-widget .collection-item__hidden-info {
      border-top: 1px solid #EBEBEB
  }

  .collection-widget__heading {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 2rem
  }

  .collection-widget__heading .button {
      margin-left: auto;
      padding-left: 2.25rem;
      padding-right: 2.25rem
  }

  .collection-widget__heading .collection-sm {
      margin-top: -.25rem
  }

  .collection-widget__heading .collection-sm__icon {
      height: 2.625rem;
      margin-left: -1.5rem
  }

  .collection-widget__bm .row>div {
      padding-top: .25rem;
      padding-bottom: .125rem;
      border-right: 1px solid #EBEBEB
  }

  .collection-widget__bm .row>div:nth-child(2) {
      text-align: center
  }

  .collection-widget__bm .row>div:last-child {
      padding-right: 2rem;
      border: none;
      text-align: right
  }

  .post-widget .seo-block__column-link,
  .post-widget a {
      padding-top: 1.25rem;
      padding-bottom: 1.25rem
  }

  .post-widget__favorite {
      margin-top: .75rem
  }

  .post-widget__favorite .icon {
      width: 2.5rem;
      height: 2.5rem;
      border-radius: .75rem
  }

  .bet-widget {
      padding: 1.5rem
  }

  .bet-widget__heading {
      margin-bottom: 1rem
  }

  .bet-widget__panel {
      padding: .5rem 1rem
  }

  .bet-widget__coef {
      margin-right: 1.125rem
  }

  .bet-widget-v2 {
      padding: 1.5rem 1.5rem 0
  }

  .bet-widget-v2__panel {
      margin-top: .75rem;
      padding-bottom: 1.125rem
  }

  .bet-widget-v2__coef {
      margin-left: auto
  }

  .poll-widget__heading {
      line-height: 2rem;
      font-size: 1.25rem
  }

  .poll-widget__item {
      padding: .875rem 1rem
  }

  .poll-widget__bottom {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-top: 1.5rem
  }

  .poll-widget__status {
      margin-left: auto
  }

  .author-widget__colored {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
  }

  .author-widget__photo {
      max-width: 153px;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 153px;
      flex: 1 0 153px;
      margin-right: 1rem
  }

  .author-widget__title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-top: .5rem
  }

  .author-widget__text {
      margin-top: .75rem
  }

  .faq-widget__header {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem
  }

  body {
      min-height: 100%
  }

  .bb-md-none {
      border-bottom: none
  }

  .effect-block {
      padding-top: 12px
  }

  .effect-block:hover {
      padding-top: 6px;
      padding-bottom: 6px
  }

  .effect-block:hover>img:nth-child(2),
  .effect-block:hover>picture:nth-child(2) {
      top: 3px
  }

  .effect-block>img:first-child,
  .effect-block>picture:first-child {
      max-width: calc(100% - 25px)
  }

  .effect-block>img:nth-child(2),
  .effect-block>picture:nth-child(2) {
      top: 6px;
      max-width: calc(100% - 12px)
  }

  .banner-wrapper {
      display: block
  }

  .content-wrap {
      margin-bottom: 3rem;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;
      margin-top: -25px
  }

  .rate {
      line-height: 3rem;
      font-size: 3.5rem
  }

  .section {
      margin-bottom: 1.5rem
  }

  .section__header {
      margin-bottom: 2rem
  }

  .section[data-expanded] .section__header+* {
      padding-top: 2rem
  }

  .stars_big-md {
      font-size: 2rem
  }

  .stars_md {
      font-size: 1.5rem
  }

  .stars_md .stars__item {
      margin-right: .5rem
  }

  .share {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: .75rem 0 1.25rem
  }

  .instruction__close-block,
  .nav__copyright,
  .nav__item_lang>.seo-block__column-link:after,
  .nav__item_lang>.seo-block__column-link:before,
  .nav__item_lang>a:after,
  .nav__item_lang>a:before,
  .nav__item_lang>span:after,
  .nav__item_lang>span:before,
  .nav__item_write>.seo-block__column-link:after,
  .nav__item_write>.seo-block__column-link:before,
  .nav__item_write>a:after,
  .nav__item_write>a:before,
  .nav__item_write>span:after,
  .nav__item_write>span:before,
  .nav__list-heading:after,
  .nav__list-heading:before {
      display: none
  }

  .share__item {
      margin-right: .5rem
  }

  .share__item .icon {
      width: 2rem;
      height: 2rem
  }

  .share__item .icon.icon-vkontakte {
      font-size: 1.125rem
  }

  .alert-danger .share__item .icon-vkontakte.ui-pnotify-text:before,
  .alert-success .share__item .icon-vkontakte.ui-pnotify-text:before,
  .footer__block .share__item .icon-vkontakte.footer__heading:after,
  .footer__breadcrumbs .breadcrumbs__item .share__item .icon-vkontakte.seo-block__column-link:before,
  .footer__breadcrumbs .breadcrumbs__item .share__item a.icon-vkontakte:before,
  .instruction__list .share__item li.icon-vkontakte:before,
  .nav__item_lang .share__item .icon-vkontakte.nav__list-heading:after,
  .nav__item_write .share__item .icon-vkontakte.nav__list-heading:after,
  .nav__list .share__item .icon-vkontakte.nav__list-heading:after,
  .select2-container--default .select2-selection--single .share__item .icon-vkontakte.select2-selection__arrow:after,
  .share__item .alert-danger .icon-vkontakte.ui-pnotify-text:before,
  .share__item .alert-success .icon-vkontakte.ui-pnotify-text:before,
  .share__item .footer__block .icon-vkontakte.footer__heading:after,
  .share__item .footer__breadcrumbs .breadcrumbs__item .icon-vkontakte.seo-block__column-link:before,
  .share__item .footer__breadcrumbs .breadcrumbs__item a.icon-vkontakte:before,
  .share__item .header__nav>li>a.icon-vkontakte:after,
  .share__item .icon-vkontakte.arrowed-link:after,
  .share__item .icon-vkontakte.button_card:after,
  .share__item .icon-vkontakte.checkbox__square:before,
  .share__item .icon-vkontakte.faq-widget__header:after,
  .share__item .icon-vkontakte.footer__lang:after,
  .share__item .icon-vkontakte.header__version-link:after,
  .share__item .icon-vkontakte.nav__item_lang-current:after,
  .share__item .icon-vkontakte.select2-search--dropdown:after,
  .share__item .icon-vkontakte.seo-block__column-link:after,
  .share__item .icon-vkontakte.win__select-current:after,
  .share__item .icon.icon-vkontakte:before,
  .share__item .instruction__list li.icon-vkontakte:before,
  .share__item .nav__item_lang .icon-vkontakte.nav__list-heading:after,
  .share__item .nav__item_lang .nav__item_write>a.icon-vkontakte:after,
  .share__item .nav__item_lang .nav__item_write>span.icon-vkontakte:after,
  .share__item .nav__item_lang>a.icon-vkontakte:after,
  .share__item .nav__item_lang>span.icon-vkontakte:after,
  .share__item .nav__item_write .icon-vkontakte.nav__list-heading:after,
  .share__item .nav__item_write .nav__item_lang>a.icon-vkontakte:after,
  .share__item .nav__item_write .nav__item_lang>span.icon-vkontakte:after,
  .share__item .nav__item_write>a.icon-vkontakte:after,
  .share__item .nav__item_write>span.icon-vkontakte:after,
  .share__item .nav__list .icon-vkontakte.nav__list-heading:after,
  .share__item .nav__list .nav__item_lang>a.icon-vkontakte:after,
  .share__item .nav__list .nav__item_lang>span.icon-vkontakte:after,
  .share__item .nav__list .nav__item_write>a.icon-vkontakte:after,
  .share__item .nav__list .nav__item_write>span.icon-vkontakte:after,
  .share__item .select2-container--default .select2-selection--single .icon-vkontakte.select2-selection__arrow:after,
  .share__item .spec-project__body ul li.icon-vkontakte:before,
  .share__item .tab-list__item_dropdown>a.icon-vkontakte:after,
  .spec-project__body ul .share__item li.icon-vkontakte:before {
      margin-top: 3px
  }

  .share__item .icon.icon-wa-phone {
      font-size: .875rem
  }

  .share__item .icon.icon-twitter {
      font-size: 1.125rem
  }



  .header .container {
      height: 4.5rem
  }

  .header__icons {
      font-size: 1.5rem
  }

  .header__icons li {
      margin-right: 1.5rem
  }

  .header__dropdown li {
      margin-right: 0
  }

  .header__bars .icon {
      width: 72px;
      height: 72px;
      -webkit-transition: all .35s;
      transition: all .35s
  }

  .header__bars .icon.icon-close {
      background-color: #3B1360
  }

  .lang-switcher {
      margin-left: auto;
      margin-right: 1.25rem;
      padding-right: 1rem;
      border-right: 1px solid #EBEBEB;
      font-size: .875rem
  }

  .lang-switcher .active.seo-block__column-link,
  .lang-switcher a.active {
      height: 1.5rem;
      padding-left: .375rem;
      padding-right: .375rem;
      border-radius: .375rem;
      background-color: #4F1A80;
      color: #fff
  }

  body.black .lang-switcher .active.seo-block__column-link,
  body.black .lang-switcher a.active {
      background-color: #fff;
      color: #000
  }

  .header_main:not(.header_sticky) .lang-switcher .active.seo-block__column-link,
  .header_main:not(.header_sticky) .lang-switcher a.active,
  .header_violet .lang-switcher .active.seo-block__column-link,
  .header_violet .lang-switcher a.active {
      background-color: #fff;
      color: #4F1A80
  }

  .header_main:not(.header_sticky) .lang-switcher .seo-block__column-link,
  .header_main:not(.header_sticky) .lang-switcher a,
  .header_violet .lang-switcher .seo-block__column-link,
  .header_violet .lang-switcher a {
      color: #fff
  }

  .header_main:not(.header_violet):not(.header_sticky) .lang-switcher span {
      color: rgba(255, 255, 255, .6)
  }

  .lang-switcher+.header__icons {
      margin-left: 0
  }

  .header__rekl-banner {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem
  }

  .header__rekl-banner-close {
      right: 1.5rem
  }

  .header__rekl-banner-image {
      bottom: -1.5rem
  }

  .nav {
      position: fixed;
      top: 4.5rem;
      padding: 2.5rem 0 0
  }

  .with-version .nav {
      top: calc(4.5rem+49px)
  }

  .header_sticky+.nav.visible {
      top: 3.5rem
  }

  .with-version .header_sticky+.nav.visible {
      top: calc(3.5rem+49px)
  }

  .nav__item_lang li:last-child,
  .nav__item_write li:last-child,
  .nav__list li:last-child {
      margin-bottom: 0
  }

  .nav__item_lang>.seo-block__column-link,
  .nav__item_lang>a,
  .nav__item_lang>span,
  .nav__item_write>.seo-block__column-link,
  .nav__item_write>a,
  .nav__item_write>span,
  .nav__list-heading {
      margin-bottom: 1.5rem;
      font-weight: 700
  }

  .nav__bet-contest {
      position: absolute;
      top: 0;
      right: 1.5rem
  }

  .nav__bet-contest:hover {
      background-color: #fff;
      -webkit-box-shadow: 0 2px 12px rgba(79, 26, 128, .08);
      box-shadow: 0 2px 12px rgba(79, 26, 128, .08)
  }

  .sidebar__block {
      padding-top: 1.25rem
  }

  .win-modal .bs-modal-content {
      overflow: hidden
  }

  .win__close .icon {
      top: .5rem;
      right: .5rem
  }

  .win__header h3 {
      font-size: 2rem
  }

  .win__tour-name {
      font-size: 1.5rem
  }

  .win__info-block {
      width: 400px;
      height: 191px;
      margin: 1.5rem 0;
      padding: .5rem;
      border-radius: 1.5rem
  }

  .win__info-place {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 103px;
      flex: 1 0 103px;
      max-width: 103px
  }

  .win__info-place-num {
      font-size: 4rem
  }

  .win__info-money {
      font-size: 1.375rem
  }

  .win__info-money-num {
      font-size: 2.5rem
  }

  .win__body-text {
      font-size: 1.25rem
  }

  .win__bottom {
      padding: 1rem 1.5rem 1.5rem
  }

  .win__form-field {
      height: 4rem
  }

  .win__form-field input {
      height: 100%;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .win__form .button_main {
      margin-left: 1.5rem;
      font-size: 1.125rem
  }

  .win__select {
      max-width: 180px;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 180px;
      flex: 1 0 180px;
      border-left: 1px solid #EBEBEB
  }

  .win__select-current {
      padding-left: 1rem;
      padding-right: .75rem
  }

  .win__select-items {
      min-width: 162px;
      right: -1px;
      bottom: -2px
  }

  .reviews-list:not([data-slider]) {
      margin: -1rem -.75rem
  }

  .reviews-list:not([data-slider]) .reviews-item-wrap {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1
  }

  .reviews-list:not([data-slider]) .reviews-item {
      min-width: 240px
  }

  .reviews-list[data-slider=true] {
      margin-left: -.75rem;
      margin-right: -.75rem;
      opacity: 0;
      overflow: hidden
  }

  .reviews-list[data-slider=true]:not(.slick-initialized) {
      height: calc(408px - 2rem)
  }

  .reviews-item-wrap {
      height: 408px;
      padding: 1rem .75rem
  }

  .reviews-item:not(.reviews-item_placeholder):hover {
      border-color: transparent;
      -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
      box-shadow: 0 0 15px rgba(0, 0, 0, .1)
  }

  .reviews-item:not(.reviews-item_placeholder):hover .reviews-item__text:after {
      bottom: 1rem;
      -webkit-transition: bottom .2s ease;
      transition: bottom .2s ease;
      -webkit-transition-delay: .1s;
      transition-delay: .1s
  }

  .reviews-item:not(.reviews-item_placeholder):hover .reviews-item__more {
      opacity: 1
  }

  .forbidden-link-modal {
      max-width: 530px
  }

  .forbidden-link-modal__content {
      padding: 2.5rem 4rem 2rem
  }

  .content-accordion .forbidden-link-modal__content h3,
  .content-body .forbidden-link-modal__content h1,
  .content-body .forbidden-link-modal__content h2,
  .content-body .forbidden-link-modal__content h3,
  .content-body .forbidden-link-modal__content h4,
  .content-text .forbidden-link-modal__content h1,
  .content-text .forbidden-link-modal__content h2,
  .content-text .forbidden-link-modal__content h3,
  .content-text .forbidden-link-modal__content h4,
  .forbidden-link-modal__content .bm-form__heading,
  .forbidden-link-modal__content .content-accordion h3,
  .forbidden-link-modal__content .content-body h1,
  .forbidden-link-modal__content .content-body h2,
  .forbidden-link-modal__content .content-body h3,
  .forbidden-link-modal__content .content-body h4,
  .forbidden-link-modal__content .content-text h1,
  .forbidden-link-modal__content .content-text h2,
  .forbidden-link-modal__content .content-text h3,
  .forbidden-link-modal__content .content-text h4,
  .forbidden-link-modal__content .heading,
  .forbidden-link-modal__content .heading-1,
  .forbidden-link-modal__content .heading-2,
  .forbidden-link-modal__content .heading-3,
  .forbidden-link-modal__content .heading-4,
  .forbidden-link-modal__content .heading-5,
  .forbidden-link-modal__content .heading_step,
  .forbidden-link-modal__content .main-screen__header>*,
  .forbidden-link-modal__content .section__header .section__count,
  .forbidden-link-modal__content .section__header h2,
  .forbidden-link-modal__content .sidebar__header,
  .section__header .forbidden-link-modal__content .section__count,
  .section__header .forbidden-link-modal__content h2 {
      font-size: 1.625rem
  }

  .forbidden-link-modal__content .button_sm {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 10rem;
      flex: 1 0 10rem;
      max-width: 10rem
  }

  .instruction {
      max-width: 549px;
      -webkit-box-shadow: -8px 0 35px rgba(0, 0, 0, .12);
      box-shadow: -8px 0 35px rgba(0, 0, 0, .12)
  }

  .instruction__header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 4.5rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      border-bottom: 1px solid #EBEBEB
  }

  .instruction__close {
      margin-left: auto;
      font-size: 1.5rem;
      color: rgba(0, 0, 0, .4);
      cursor: pointer;
      -webkit-transition: color .2s;
      transition: color .2s
  }

  .instruction__close:hover {
      color: rgba(0, 0, 0, .6)
  }

  .instruction__body {
      height: calc(100vh - 4.5rem);
      padding: 1rem 1.5rem 1.5rem
  }

  .instruction__item {
      margin-bottom: 1rem
  }

  .instruction__item-header {
      height: 4rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem
  }

  .instruction__item-header img {
      margin-right: 1rem
  }

  .instruction__item-header span {
      font-size: 1.125rem
  }

  .instruction__item-body {
      padding: .25rem 2.5rem 1.5rem 1.5rem;
      line-height: 1.5
  }

  .instruction__list li:before {
      margin-right: 1.125rem;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 1.25rem;
      flex: 1 0 1.25rem;
      max-width: 1.25rem;
      height: 1.25rem
  }

  .instruction__examples {
      margin: 4rem -1.5rem 0;
      padding: 0 2.5rem 3rem
  }

  .bet-bottom-buttons,
  .forecast-line__event,
  .section_bm-form .section__header .instruction-button {
      margin-left: auto
  }

  .instruction__example-wrap {
      margin-right: 1.5rem
  }

  .instruction__example {
      width: 225px;
      padding: 1rem
  }

  .instruction__example-text {
      max-height: 250px;
      margin-bottom: 1.25rem;
      line-height: 1.125rem;
      font-size: .8125rem
  }

  .instruction__example-text.long-text:after {
      height: 1.25rem
  }

  .instruction__example-bm {
      margin-bottom: .625rem
  }

  .instruction__example-stars {
      margin-bottom: 1rem
  }

  .instruction-button {
      min-width: 306px;
      font-size: 1.125rem
  }

  .bm-form {
      border-radius: 8px;
      border: 1px solid #EBEBEB
  }

  .bet-form,
  .bm-search,
  .main-screen__animation {
      position: absolute
  }

  .bm-form__left {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      height: 100%
  }

  .bm-form__left .form__input_textarea {
      height: 100%
  }

  .bm-form__bookmaker.search-trigger span {
      font-size: 1.125rem
  }

  .bm-form_search .bm-form__bookmaker.search-trigger span {
      font-size: 1rem
  }

  .bm-form__right {
      height: 100%;
      padding: 1.5rem;
      border-left: 1px solid #EBEBEB
  }

  .bm-form_one-column .bm-form__right {
      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: 1rem;
      border-left: none;
      border-top: 1px solid #EBEBEB
  }

  .bm-form__heading,
  .bm-form__stars {
      padding-left: 1.125rem;
      padding-right: 1.125rem
  }

  .bm-form__heading {
      font-weight: 500
  }

  .bm-form__stars {
      margin: 2.5rem 0
  }

  .bm-form_one-column .bm-form__stars {
      margin: 0;
      padding: 0
  }

  .bm-form_one-column .bm-form__stars .stars {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start
  }

  .bm-form_one-column .bm-form__stars .stars .stars__item {
      margin-right: .75rem
  }

  .bm-form__stars .stars__item,
  .bm-form_one-column .bm-form__stars .stars .stars__item:last-child {
      margin-right: 0
  }

  .bm-search {
      top: -1px;
      left: -1px;
      width: calc(100% + 2px);
      min-height: calc(100% + 2px);
      border: 1px solid #EBEBEB;
      border-radius: 8px;
      -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, .1);
      box-shadow: 0 5px 8px rgba(0, 0, 0, .1)
  }

  .bm-search__input {
      padding: .625rem 0;
      border-bottom: 1px solid #EBEBEB
  }

  .bm-search__input .form__input {
      font-size: 1.125rem
  }

  .bm-search__result {
      padding: 1.5rem 1rem 1rem
  }

  .bm-search__items.popular {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
  }

  .bm-search__header {
      display: none
  }

  .bm-form__email input {
      height: 3rem;
      font-size: 1.125rem
  }

  .check-squares-block {
      padding: 2rem 0
  }

  .check-squares-block h3 {
      margin: 0 0 1.5rem
  }

  .check-squares {
      margin: 0 -1.5rem
  }

  .check-square {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(152px + 1.5rem);
      flex: 1 0 calc(152px + 1.5rem);
      max-width: calc(152px + 1.5rem);
      padding-left: .75rem;
      padding-right: .75rem
  }

  .check-square:first-child,
  .check-square:last-child {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(152px + 2.25rem);
      flex: 1 0 calc(152px + 2.25rem);
      max-width: calc(152px+2.25rem)
  }

  .check-square:first-child {
      padding-left: 1.5rem
  }

  .check-square:last-child {
      padding-right: 1.5rem
  }

  .check-square__img {
      height: 152px
  }

  .check-square__title {
      margin-top: 1rem;
      font-size: .875rem
  }

  .top-slider {
      height: 124px;
      max-height: 124px
  }

  .top-slider:not(.slick-initialized) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      opacity: 0;
      overflow-x: auto;
      scrollbar-width: none;
      -ms-overflow-style: none;
      -webkit-overflow-scrolling: touch
  }

  .top-slider:not(.slick-initialized)::-webkit-scrollbar {
      display: none
  }

  .top-slider:not(.slick-initialized) .top-slide__buttons {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap
  }

  .top-slider.slick-slider {
      margin-left: -.75rem;
      margin-right: -.75rem
  }

  .top-slider .slick-track {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
  }

  .top-slider .slick-slide {
      height: inherit;
      margin-left: .75rem;
      margin-right: .75rem
  }

  .top-slider .slick-slide>div {
      height: 100%
  }

  .top-slider .slider-arrow-gr,
  .top-slider .slider-arrow-no-gr {
      width: 80px
  }

  .top-slide-wrap {
      display: block;
      height: 100%
  }

  .top-slide {
      padding: .875rem
  }

  .top-slide__bm-info span:first-child {
      font-size: 1.125rem
  }

  .top-slide__buttons .button {
      height: 2.5rem;
      margin-right: 1rem
  }

  .post-card-line {
      margin-right: -1.5rem;
      margin-left: -1.5rem
  }

  .post-card-line .post-card-wrap {
      margin-right: 1rem
  }

  .post-card-line .post-card-wrap:first-child,
  .post-card-line .post-card-wrap:last-child {
      max-width: calc(266px + 1.5rem);
      -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(266px + 1.5rem);
      flex: 1 0 calc(266px+1.5rem)
  }

  .post-card-line .post-card-wrap:first-child {
      padding-left: 1.5rem
  }

  .post-card-line .post-card-wrap:last-child {
      padding-right: 1.5rem
  }

  .bet-table {
      width: 100%;
      border-collapse: collapse;
      border: none
  }

  .bet-table td,
  .bet-table th {
      vertical-align: middle;
      padding: 1rem .5rem;
      border-bottom: 1px solid #EBEBEB
  }

  .bet-table td:last-child,
  .bet-table th:last-child {
      padding-right: 1.5rem
  }

  .bet-table td:first-child {
      border-right: 1px solid #EBEBEB
  }

  .bet-table .bet-date-td {
      padding-left: 1rem;
      padding-right: 1rem
  }

  .bet-table .bet-team-td {
      max-width: 50%;
      padding-left: .75rem;
      padding-right: .75rem
  }

  .bet-table .bet-first-th {
      padding-left: 1.5rem;
      text-align: left
  }

  .bet-table .bet-first-th .bm-form__heading,
  .bet-table .bet-first-th .content-accordion h3,
  .bet-table .bet-first-th .content-body h1,
  .bet-table .bet-first-th .content-body h2,
  .bet-table .bet-first-th .content-body h3,
  .bet-table .bet-first-th .content-body h4,
  .bet-table .bet-first-th .content-text h1,
  .bet-table .bet-first-th .content-text h2,
  .bet-table .bet-first-th .content-text h3,
  .bet-table .bet-first-th .content-text h4,
  .bet-table .bet-first-th .heading,
  .bet-table .bet-first-th .heading-1,
  .bet-table .bet-first-th .heading-2,
  .bet-table .bet-first-th .heading-3,
  .bet-table .bet-first-th .heading-4,
  .bet-table .bet-first-th .heading-5,
  .bet-table .bet-first-th .heading_step,
  .bet-table .bet-first-th .main-screen__header>*,
  .bet-table .bet-first-th .section__header .section__count,
  .bet-table .bet-first-th .section__header h2,
  .bet-table .bet-first-th .sidebar__header,
  .content-accordion .bet-table .bet-first-th h3,
  .content-body .bet-table .bet-first-th h1,
  .content-body .bet-table .bet-first-th h2,
  .content-body .bet-table .bet-first-th h3,
  .content-body .bet-table .bet-first-th h4,
  .content-text .bet-table .bet-first-th h1,
  .content-text .bet-table .bet-first-th h2,
  .content-text .bet-table .bet-first-th h3,
  .content-text .bet-table .bet-first-th h4,
  .section__header .bet-table .bet-first-th .section__count,
  .section__header .bet-table .bet-first-th h2 {
      margin-top: -.25rem;
      margin-bottom: -.25rem;
      font-weight: 500;
      font-size: 1.5rem
  }

  .bet-button small,
  .bet-button-no-bet small {
      font-size: .875rem
  }

  .bet-button-td>small {
      display: none
  }

  .bet-tour-done,
  .bet-tour-stage {
      margin-left: -.5rem
  }

  .bet-tour-time .datetime {
      margin-left: 1.125rem;
      padding: .5rem;
      background: #F3F3F3;
      border-radius: .5rem
  }

  .bet-tour-time .datetime .days:after {
      content: '•';
      margin-left: 5px;
      margin-right: 5px
  }

  .bet-button-td,
  .bet-date-td {
      width: 1%;
      white-space: nowrap
  }

  .bet-button,
  .bet-button-no-bet {
      width: 6.125rem;
      height: 3.5rem
  }

  .bet-date,
  .bet-date span {
      display: block
  }

  .bet-bottom {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      padding: 1.75rem 1.5rem
  }

  .bet-balance label {
      margin-bottom: .5rem
  }

  .seo-block__heading {
      padding: 2.25rem 2.25rem 1.75rem
  }

  .seo-block__column {
      padding: 1.5rem 3rem
  }

  .seo-block___column-heading {
      margin-bottom: 1.5rem;
      line-height: 1.75rem;
      font-size: 1.375rem
  }

  .seo-block___column-heading img {
      width: 4rem;
      margin-right: 1.25rem
  }

  .seo-block__image {
      padding: 0 1.5rem 1.5rem
  }

  .futsal-main-banner__button,
  .pop-mma-banner__button,
  .totalizator-banner__button {
      font-size: 1.125rem
  }

  .content-body .forecasts-block>h1,
  .content-body .forecasts-block>h2,
  .content-text .forecasts-block>h1,
  .content-text .forecasts-block>h2,
  .forecasts-block>.heading-2,
  .section__header .forecasts-block>.section__count,
  .section__header .forecasts-block>h2 {
      padding: 1.5rem 1.5rem .75rem
  }

  .forecasts-block {
      border-radius: .5rem
  }

  .forecast__pager.desktop {
      display: block;
      margin-top: .75rem
  }

  .forecasts-block__days-wrap {
      padding-left: .75rem;
      padding-right: .75rem
  }

  .forecast-line,
  .forecasts-block__days-wrap:first-child {
      padding-left: 1.5rem
  }

  .forecast-line,
  .forecasts-block__days-wrap:last-child {
      padding-right: 1.5rem
  }

  .forecasts-block__footer {
      padding: 1.5rem
  }

  .forecast-line {
      height: 4.5rem
  }

  .forecast-line:hover {
      background-color: rgba(0, 0, 0, .03)
  }

  .forecast-line:hover .forecast-line__button {
      background-color: #fff
  }

  .forecast-line__icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: rgba(196, 196, 196, .2);
      border-radius: .75rem;
      width: 2.5rem;
      height: 2.5rem;
      margin-right: 1rem
  }

  .forecast-line__datetime {
      margin-right: 2rem
  }

  .forecast-line__coef {
      width: 4rem;
      margin-left: 1rem;
      margin-right: 1rem;
      text-align: center
  }

  .forecast-line__button {
      font-weight: 500;
  }

  .section_spec-project .section__header {
      margin-bottom: 1.125rem
  }

  .bm-bonus-slider {
      overflow-x: visible
  }

  .bm-bonus-slider .slick-list {
      padding-top: 1rem;
      padding-bottom: 1rem;
      margin: -1rem -12px
  }

  .bm-bonus-slider .slick-track {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
  }

  .bm-bonus-slider .slick-slide {
      height: inherit;
      margin-left: 12px;
      margin-right: 12px
  }

  .bm-bonus-slider .slick-slide>div {
      height: 100%
  }

  .bm-bonus-slider .slick-slide .bm-bonus-item-wrap {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      height: inherit
  }

  .bm-bonus-slider .slick-slide .reviews-item {
      width: 100%
  }

  .bm-bonus-item__body,
  .bm-bonus-item__header {
      padding: 1.5rem
  }

  .bm-bonus-item__header {
      padding-bottom: 1.125rem
  }

  .main-screen {
      margin-bottom: -1.75rem
  }

  .main-screen__animation {
      top: 0;
      z-index: 1
  }

  body.with-version .main-screen__animation {
      top: 50%;
      transform: translate(0, -55%)
  }

  .main-screen__animation canvas {
      width: 1366px !important;
      height: 520px !important
  }

  .main-screen__tabs {
      margin-left: -.5rem
  }

  .main-screen__tabs li {
      padding: .5rem;
      border-radius: 8px
  }

  .main-screen__tabs .delimiter {
      margin-left: .5rem;
      margin-right: .5rem
  }

  .main-screen__verified {
      font-size: 2rem
  }

  .main-screen__verified:after {
      top: -1rem;
      right: -1.25rem;
      width: 3rem;
      height: 3rem
  }

  .main-screen__text {
      margin-top: 1.25rem;
      font-size: 1.125rem;
      line-height: 2rem
  }

  .main-screen__button {
      height: 60px;
      padding-left: 1.5rem;
      padding-right: 2rem;
      font-size: 1.125rem
  }

  .main-screen__button .icon {
      margin-right: 1.125rem
  }

  .main-collections .collection-sm__icon img {
      max-width: 60px;
      max-height: 60px
  }

  .collection-item__buttons .button {
      font-size: 1rem
  }
}

@media (min-width: 992px) {

  .container,
  .content-wrap.full-background-banner {
      max-width: 1128px
  }

  .flex-lg-column,
  .flex-lg-row {
      -webkit-box-direction: normal !important
  }

  .header_main:not(.header_sticky) .header__nav>li>.seo-block__column-link,
  .header_main:not(.header_sticky) .header__nav>li>a,
  .header_violet .header__nav>li>.seo-block__column-link,
  .header_violet .header__nav>li>a,
  body.black .header__nav .seo-block__column-link,
  body.black .header__nav a {
      color: #fff
  }

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

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

  .col-lg-1 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33333%;
      flex: 0 0 8.33333%;
      max-width: 8.33333%
  }

  .col-lg-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

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

  .col-lg-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .col-lg-5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66667%;
      flex: 0 0 41.66667%;
      max-width: 41.66667%
  }

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

  .col-lg-7 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333%;
      flex: 0 0 58.33333%;
      max-width: 58.33333%
  }

  .col-lg-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66667%;
      flex: 0 0 66.66667%;
      max-width: 66.66667%
  }

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

  .col-lg-10 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333%;
      flex: 0 0 83.33333%;
      max-width: 83.33333%
  }

  .col-lg-11 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66667%;
      flex: 0 0 91.66667%;
      max-width: 91.66667%
  }

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

  .order-lg-first {
      -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
      order: -1
  }

  .order-lg-last {
      -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
      order: 13
  }

  .order-lg-0 {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0
  }

  .order-lg-1 {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1
  }

  .order-lg-2 {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2
  }

  .order-lg-3 {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3
  }

  .order-lg-4 {
      -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
      order: 4
  }

  .order-lg-5 {
      -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
      order: 5
  }

  .order-lg-6 {
      -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
      order: 6
  }

  .order-lg-7 {
      -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
      order: 7
  }

  .order-lg-8 {
      -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
      order: 8
  }

  .order-lg-9 {
      -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
      order: 9
  }

  .order-lg-10 {
      -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
      order: 10
  }

  .order-lg-11 {
      -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
      order: 11
  }

  .order-lg-12 {
      -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
      order: 12
  }

  .offset-lg-0 {
      margin-left: 0
  }

  .offset-lg-1 {
      margin-left: 8.33333%
  }

  .offset-lg-2 {
      margin-left: 16.66667%
  }

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

  .offset-lg-4 {
      margin-left: 33.33333%
  }

  .offset-lg-5 {
      margin-left: 41.66667%
  }

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

  .offset-lg-7 {
      margin-left: 58.33333%
  }

  .offset-lg-8 {
      margin-left: 66.66667%
  }

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

  .offset-lg-10 {
      margin-left: 83.33333%
  }

  .offset-lg-11 {
      margin-left: 91.66667%
  }

  .d-lg-none {
      display: none !important
  }

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

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

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

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

  .m-lg-0 {
      margin: 0 !important
  }

  .mt-lg-0,
  .my-lg-0 {
      margin-top: 0 !important
  }

  .mr-lg-0,
  .mx-lg-0 {
      margin-right: 0 !important
  }

  .mb-lg-0,
  .my-lg-0 {
      margin-bottom: 0 !important
  }

  .ml-lg-0,
  .mx-lg-0 {
      margin-left: 0 !important
  }

  .m-lg-1 {
      margin: .25rem !important
  }

  .mt-lg-1,
  .my-lg-1 {
      margin-top: .25rem !important
  }

  .mr-lg-1,
  .mx-lg-1 {
      margin-right: .25rem !important
  }

  .mb-lg-1,
  .my-lg-1 {
      margin-bottom: .25rem !important
  }

  .ml-lg-1,
  .mx-lg-1 {
      margin-left: .25rem !important
  }

  .m-lg-2 {
      margin: .5rem !important
  }

  .mt-lg-2,
  .my-lg-2 {
      margin-top: .5rem !important
  }

  .mr-lg-2,
  .mx-lg-2 {
      margin-right: .5rem !important
  }

  .mb-lg-2,
  .my-lg-2 {
      margin-bottom: .5rem !important
  }

  .ml-lg-2,
  .mx-lg-2 {
      margin-left: .5rem !important
  }

  .m-lg-3 {
      margin: 1rem !important
  }

  .mt-lg-3,
  .my-lg-3 {
      margin-top: 1rem !important
  }

  .mr-lg-3,
  .mx-lg-3 {
      margin-right: 1rem !important
  }

  .mb-lg-3,
  .my-lg-3 {
      margin-bottom: 1rem !important
  }

  .ml-lg-3,
  .mx-lg-3 {
      margin-left: 1rem !important
  }

  .m-lg-4 {
      margin: 1.5rem !important
  }

  .mt-lg-4,
  .my-lg-4 {
      margin-top: 1.5rem !important
  }

  .mr-lg-4,
  .mx-lg-4 {
      margin-right: 1.5rem !important
  }

  .mb-lg-4,
  .my-lg-4 {
      margin-bottom: 1.5rem !important
  }

  .ml-lg-4,
  .mx-lg-4 {
      margin-left: 1.5rem !important
  }

  .m-lg-5 {
      margin: 3rem !important
  }

  .mt-lg-5,
  .my-lg-5 {
      margin-top: 3rem !important
  }

  .mr-lg-5,
  .mx-lg-5 {
      margin-right: 3rem !important
  }

  .mb-lg-5,
  .my-lg-5 {
      margin-bottom: 3rem !important
  }

  .ml-lg-5,
  .mx-lg-5 {
      margin-left: 3rem !important
  }

  .p-lg-0 {
      padding: 0 !important
  }

  .pt-lg-0,
  .py-lg-0 {
      padding-top: 0 !important
  }

  .pr-lg-0,
  .px-lg-0 {
      padding-right: 0 !important
  }

  .pb-lg-0,
  .py-lg-0 {
      padding-bottom: 0 !important
  }

  .pl-lg-0,
  .px-lg-0 {
      padding-left: 0 !important
  }

  .p-lg-1 {
      padding: .25rem !important
  }

  .pt-lg-1,
  .py-lg-1 {
      padding-top: .25rem !important
  }

  .pr-lg-1,
  .px-lg-1 {
      padding-right: .25rem !important
  }

  .pb-lg-1,
  .py-lg-1 {
      padding-bottom: .25rem !important
  }

  .pl-lg-1,
  .px-lg-1 {
      padding-left: .25rem !important
  }

  .p-lg-2 {
      padding: .5rem !important
  }

  .pt-lg-2,
  .py-lg-2 {
      padding-top: .5rem !important
  }

  .pr-lg-2,
  .px-lg-2 {
      padding-right: .5rem !important
  }

  .pb-lg-2,
  .py-lg-2 {
      padding-bottom: .5rem !important
  }

  .pl-lg-2,
  .px-lg-2 {
      padding-left: .5rem !important
  }

  .p-lg-3 {
      padding: 1rem !important
  }

  .pt-lg-3,
  .py-lg-3 {
      padding-top: 1rem !important
  }

  .pr-lg-3,
  .px-lg-3 {
      padding-right: 1rem !important
  }

  .pb-lg-3,
  .py-lg-3 {
      padding-bottom: 1rem !important
  }

  .pl-lg-3,
  .px-lg-3 {
      padding-left: 1rem !important
  }

  .p-lg-4 {
      padding: 1.5rem !important
  }

  .pt-lg-4,
  .py-lg-4 {
      padding-top: 1.5rem !important
  }

  .pr-lg-4,
  .px-lg-4 {
      padding-right: 1.5rem !important
  }

  .pb-lg-4,
  .py-lg-4 {
      padding-bottom: 1.5rem !important
  }

  .pl-lg-4,
  .px-lg-4 {
      padding-left: 1.5rem !important
  }

  .p-lg-5 {
      padding: 3rem !important
  }

  .pt-lg-5,
  .py-lg-5 {
      padding-top: 3rem !important
  }

  .pr-lg-5,
  .px-lg-5 {
      padding-right: 3rem !important
  }

  .pb-lg-5,
  .py-lg-5 {
      padding-bottom: 3rem !important
  }

  .pl-lg-5,
  .px-lg-5 {
      padding-left: 3rem !important
  }

  .m-lg-n1 {
      margin: -.25rem !important
  }

  .mt-lg-n1,
  .my-lg-n1 {
      margin-top: -.25rem !important
  }

  .mr-lg-n1,
  .mx-lg-n1 {
      margin-right: -.25rem !important
  }

  .mb-lg-n1,
  .my-lg-n1 {
      margin-bottom: -.25rem !important
  }

  .ml-lg-n1,
  .mx-lg-n1 {
      margin-left: -.25rem !important
  }

  .m-lg-n2 {
      margin: -.5rem !important
  }

  .mt-lg-n2,
  .my-lg-n2 {
      margin-top: -.5rem !important
  }

  .mr-lg-n2,
  .mx-lg-n2 {
      margin-right: -.5rem !important
  }

  .mb-lg-n2,
  .my-lg-n2 {
      margin-bottom: -.5rem !important
  }

  .ml-lg-n2,
  .mx-lg-n2 {
      margin-left: -.5rem !important
  }

  .m-lg-n3 {
      margin: -1rem !important
  }

  .mt-lg-n3,
  .my-lg-n3 {
      margin-top: -1rem !important
  }

  .mr-lg-n3,
  .mx-lg-n3 {
      margin-right: -1rem !important
  }

  .mb-lg-n3,
  .my-lg-n3 {
      margin-bottom: -1rem !important
  }

  .ml-lg-n3,
  .mx-lg-n3 {
      margin-left: -1rem !important
  }

  .m-lg-n4 {
      margin: -1.5rem !important
  }

  .mt-lg-n4,
  .my-lg-n4 {
      margin-top: -1.5rem !important
  }

  .mr-lg-n4,
  .mx-lg-n4 {
      margin-right: -1.5rem !important
  }

  .mb-lg-n4,
  .my-lg-n4 {
      margin-bottom: -1.5rem !important
  }

  .ml-lg-n4,
  .mx-lg-n4 {
      margin-left: -1.5rem !important
  }

  .m-lg-n5 {
      margin: -3rem !important
  }

  .mt-lg-n5,
  .my-lg-n5 {
      margin-top: -3rem !important
  }

  .mr-lg-n5,
  .mx-lg-n5 {
      margin-right: -3rem !important
  }

  .mb-lg-n5,
  .my-lg-n5 {
      margin-bottom: -3rem !important
  }

  .ml-lg-n5,
  .mx-lg-n5 {
      margin-left: -3rem !important
  }

  .m-lg-auto {
      margin: auto !important
  }

  .mt-lg-auto,
  .my-lg-auto {
      margin-top: auto !important
  }

  .mr-lg-auto,
  .mx-lg-auto {
      margin-right: auto !important
  }

  .mb-lg-auto,
  .my-lg-auto {
      margin-bottom: auto !important
  }

  .ml-lg-auto,
  .mx-lg-auto {
      margin-left: auto !important
  }

  .text-lg-left {
      text-align: left !important
  }

  .text-lg-right {
      text-align: right !important
  }

  .text-lg-center {
      text-align: center !important
  }

  .flex-lg-row {
      -webkit-box-orient: horizontal !important;
      -ms-flex-direction: row !important;
      flex-direction: row !important
  }

  .flex-lg-column {
      -webkit-box-orient: vertical !important;
      -ms-flex-direction: column !important;
      flex-direction: column !important
  }

  .flex-lg-row-reverse {
      -webkit-box-orient: horizontal !important;
      -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
      flex-direction: row-reverse !important
  }

  .flex-lg-column-reverse {
      -webkit-box-orient: vertical !important;
      -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
      flex-direction: column-reverse !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bm-tooltip {
      width: 260px
  }

  body.overflow-all-hidden {
      overflow: hidden
  }

  .content-wrap {
      width: 100%;
      margin: -25px auto 3rem;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px
  }

  .custom-scroll-wrap {
      position: relative
  }

  .custom-scroll-wrap.overflowed-left .prev.slider-arrow-no-gr,
  .custom-scroll-wrap.overflowed-left .slider-arrow-gr.prev,
  .custom-scroll-wrap.overflowed-right .next.slider-arrow-no-gr,
  .custom-scroll-wrap.overflowed-right .slider-arrow-gr.next {
      visibility: visible;
      opacity: 1
  }

  .custom-scroll-wrap .slider-arrow-gr,
  .custom-scroll-wrap .slider-arrow-no-gr {
      position: absolute;
      top: 0;
      -webkit-transition: opacity .3s;
      transition: opacity .3s;
      visibility: hidden;
      opacity: 0
  }

  .custom-scroll-wrap .prev.slider-arrow-no-gr,
  .custom-scroll-wrap .slider-arrow-gr.prev {
      left: -1.5rem
  }

  .custom-scroll-wrap .next.slider-arrow-no-gr,
  .custom-scroll-wrap .slider-arrow-gr.next {
      right: -1.5rem
  }

  .check-squares-block .custom-scroll-wrap .slider-arrow-gr,
  .check-squares-block .custom-scroll-wrap .slider-arrow-no-gr {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start
  }

  .check-squares-block .custom-scroll-wrap .slider-arrow-gr .slider-arrow,
  .check-squares-block .custom-scroll-wrap .slider-arrow-no-gr .slider-arrow {
      margin-top: calc((152px - 2.5rem)/ 2)
  }

  .bm-form .custom-scroll-wrap .prev.slider-arrow-no-gr,
  .bm-form .custom-scroll-wrap .slider-arrow-gr.prev {
      left: -1rem
  }

  .bm-form .custom-scroll-wrap .next.slider-arrow-no-gr,
  .bm-form .custom-scroll-wrap .slider-arrow-gr.next {
      right: -1rem
  }

  .bm-form .custom-scroll-wrap .slider-arrow-gr .slider-arrow,
  .bm-form .custom-scroll-wrap .slider-arrow-no-gr .slider-arrow {
      width: 1.5rem;
      height: 1.5rem;
      font-size: .375rem
  }

  .bm-form .custom-scroll-wrap .slider-arrow-gr .slider-arrow.prev,
  .bm-form .custom-scroll-wrap .slider-arrow-no-gr .slider-arrow.prev {
      margin-left: 1rem
  }

  .bm-form .custom-scroll-wrap .slider-arrow-gr .slider-arrow.next,
  .bm-form .custom-scroll-wrap .slider-arrow-no-gr .slider-arrow.next {
      margin-right: 1rem
  }

  .stars_big-lg {
      font-size: 2rem
  }

  .header__nav {
      height: 100%
  }

  .header__nav li {
      position: relative;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .header__nav li.fullwidth {
      position: static
  }

  .header__nav li:hover>.seo-block__column-link:before,
  .header__nav li:hover>a:before {
      opacity: 1
  }

  .header__nav li:hover .header__sub-nav {
      visibility: visible;
      z-index: 20
  }

  .header__sub-nav,
  .star-review__bm:after {
      background-color: #fff;
      visibility: hidden
  }

  .header__nav li:hover .header__sub-nav>* {
      opacity: 1;
      -webkit-transition: opacity .1s;
      transition: opacity .1s;
      -webkit-transition-delay: .05s;
      transition-delay: .05s
  }

  .header__nav>li>.seo-block__column-link,
  .header__nav>li>a {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      height: 100%
  }

  .header__nav>li>.seo-block__column-link:before,
  .header__nav>li>a:before {
      content: '';
      display: block;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      border-top: 3px solid #5A1F90;
      -webkit-transition: opacity .3s;
      transition: opacity .3s;
      opacity: 0
  }

  .header_main:not(.header_sticky) .header__nav>li>.seo-block__column-link:before,
  .header_main:not(.header_sticky) .header__nav>li>a:before,
  .header_violet .header__nav>li>.seo-block__column-link:before,
  .header_violet .header__nav>li>a:before,
  body.black .header__nav .active.seo-block__column-link:before,
  body.black .header__nav a.active:before,
  body.black .header__nav>li>.seo-block__column-link:before,
  body.black .header__nav>li>a:before {
      border-color: #fff
  }

  body.black .header__nav .seo-block__column-link:hover,
  body.black .header__nav a:hover {
      color: rgba(255, 255, 255, .8)
  }

  .header__right {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1
  }

  .header__sub-nav {
      position: absolute;
      top: calc(100% - .75rem);
      left: 0;
      padding: 1.125rem;
      -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1);
      box-shadow: 0 1px 5px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1);
      border-radius: 6px
  }

  .header__sub-nav>* {
      opacity: 0
  }

  .header__nav-banner {
      max-width: 15rem;
      width: 15rem;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 15rem;
      flex: 0 0 15rem
  }

  .header__nav-banner+.header__nav-banner {
      margin-left: 1.125rem
  }

  .header__groups {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      margin-right: .5rem
  }

  .header__group {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      min-width: 300px;
      margin-right: .75rem
  }

  li.fullwidth .header__group {
      min-width: 0
  }

  .header__group:last-child {
      margin-right: 0
  }

  .header__group-heading {
      margin-bottom: .625rem;
      padding-left: .75rem;
      padding-right: .75rem
  }

  .header__item {
      padding: .625rem .75rem
  }

  .footer__line:first-child {
      padding-top: 53px;
      padding-bottom: 82px
  }

  .bm-form__heading {
      font-size: 1.375rem
  }

  .bet-table-wrap.show-form:before {
      position: absolute
  }

  .bet-form {
      -webkit-box-shadow: 0 -12px 40px rgba(0, 0, 0, .3);
      box-shadow: 0 -12px 40px rgba(0, 0, 0, .3)
  }

  .star-review__bm:after {
      content: attr(data-text);
      position: absolute;
      top: 0;
      left: -5px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: calc(100% + 10px);
      height: 100%;
      font-weight: 500;
      color: #4F1A80;
      -webkit-transition: opacity .15s;
      transition: opacity .15s;
      opacity: 0
  }

  .futsal-main-banner,
  .pop-mma-banner,
  .totalizator-banner {
      min-height: 355px;
      padding: 2rem 3rem
  }

  .banner-slider .totalizator-banner,
  .futsal-main-banner,
  .pop-mma-banner {
      padding: 2rem 5rem
  }

  .futsal-main-banner__body,
  .pop-mma-banner__body,
  .totalizator-banner__body {
      max-width: 420px
  }

  .futsal-main-banner__body .text-md,
  .pop-mma-banner__body .text-md,
  .totalizator-banner__body .text-md {
      margin-bottom: 2.5rem
  }

  .futsal-main-banner__button,
  .pop-mma-banner__button,
  .totalizator-banner__button {
      height: 3.5rem;
      padding-left: 3rem;
      padding-right: 3rem
  }

  .totalizator-banner__image {
      right: 53px
  }

  .spec-project__body {
      padding: 1.5rem 2.5rem
  }

  .main-screen__image.mr-lg-n5 {
      margin-right: -5rem !important
  }

  .main-collections .collection-sm__title {
      margin-top: 1.125rem;
      font-size: 1.125rem
  }
}

@media (min-width: 1180px) {
  .main-screen__animation {
      right: 0
  }
}

@media (min-width: 1200px) {

  .flex-xl-column,
  .flex-xl-row {
      -webkit-box-direction: normal !important
  }

  .container {
      max-width: 1128px
  }

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

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

  .col-xl-1 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33333%;
      flex: 0 0 8.33333%;
      max-width: 8.33333%
  }

  .col-xl-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
      max-width: 16.66667%
  }

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

  .col-xl-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%
  }

  .col-xl-5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66667%;
      flex: 0 0 41.66667%;
      max-width: 41.66667%
  }

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

  .col-xl-7 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333%;
      flex: 0 0 58.33333%;
      max-width: 58.33333%
  }

  .col-xl-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66667%;
      flex: 0 0 66.66667%;
      max-width: 66.66667%
  }

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

  .col-xl-10 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333%;
      flex: 0 0 83.33333%;
      max-width: 83.33333%
  }

  .col-xl-11 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66667%;
      flex: 0 0 91.66667%;
      max-width: 91.66667%
  }

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

  .order-xl-first {
      -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
      order: -1
  }

  .order-xl-last {
      -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
      order: 13
  }

  .order-xl-0 {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0
  }

  .order-xl-1 {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1
  }

  .order-xl-2 {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2
  }

  .order-xl-3 {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3
  }

  .order-xl-4 {
      -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
      order: 4
  }

  .order-xl-5 {
      -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
      order: 5
  }

  .order-xl-6 {
      -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
      order: 6
  }

  .order-xl-7 {
      -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
      order: 7
  }

  .order-xl-8 {
      -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
      order: 8
  }

  .order-xl-9 {
      -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
      order: 9
  }

  .order-xl-10 {
      -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
      order: 10
  }

  .order-xl-11 {
      -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
      order: 11
  }

  .order-xl-12 {
      -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
      order: 12
  }

  .offset-xl-0 {
      margin-left: 0
  }

  .offset-xl-1 {
      margin-left: 8.33333%
  }

  .offset-xl-2 {
      margin-left: 16.66667%
  }

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

  .offset-xl-4 {
      margin-left: 33.33333%
  }

  .offset-xl-5 {
      margin-left: 41.66667%
  }

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

  .offset-xl-7 {
      margin-left: 58.33333%
  }

  .offset-xl-8 {
      margin-left: 66.66667%
  }

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

  .offset-xl-10 {
      margin-left: 83.33333%
  }

  .offset-xl-11 {
      margin-left: 91.66667%
  }

  .d-xl-none {
      display: none !important
  }

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

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

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

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

  .m-xl-0 {
      margin: 0 !important
  }

  .mt-xl-0,
  .my-xl-0 {
      margin-top: 0 !important
  }

  .mr-xl-0,
  .mx-xl-0 {
      margin-right: 0 !important
  }

  .mb-xl-0,
  .my-xl-0 {
      margin-bottom: 0 !important
  }

  .ml-xl-0,
  .mx-xl-0 {
      margin-left: 0 !important
  }

  .m-xl-1 {
      margin: .25rem !important
  }

  .mt-xl-1,
  .my-xl-1 {
      margin-top: .25rem !important
  }

  .mr-xl-1,
  .mx-xl-1 {
      margin-right: .25rem !important
  }

  .mb-xl-1,
  .my-xl-1 {
      margin-bottom: .25rem !important
  }

  .ml-xl-1,
  .mx-xl-1 {
      margin-left: .25rem !important
  }

  .m-xl-2 {
      margin: .5rem !important
  }

  .mt-xl-2,
  .my-xl-2 {
      margin-top: .5rem !important
  }

  .mr-xl-2,
  .mx-xl-2 {
      margin-right: .5rem !important
  }

  .mb-xl-2,
  .my-xl-2 {
      margin-bottom: .5rem !important
  }

  .ml-xl-2,
  .mx-xl-2 {
      margin-left: .5rem !important
  }

  .m-xl-3 {
      margin: 1rem !important
  }

  .mt-xl-3,
  .my-xl-3 {
      margin-top: 1rem !important
  }

  .mr-xl-3,
  .mx-xl-3 {
      margin-right: 1rem !important
  }

  .mb-xl-3,
  .my-xl-3 {
      margin-bottom: 1rem !important
  }

  .ml-xl-3,
  .mx-xl-3 {
      margin-left: 1rem !important
  }

  .m-xl-4 {
      margin: 1.5rem !important
  }

  .mt-xl-4,
  .my-xl-4 {
      margin-top: 1.5rem !important
  }

  .mr-xl-4,
  .mx-xl-4 {
      margin-right: 1.5rem !important
  }

  .mb-xl-4,
  .my-xl-4 {
      margin-bottom: 1.5rem !important
  }

  .ml-xl-4,
  .mx-xl-4 {
      margin-left: 1.5rem !important
  }

  .m-xl-5 {
      margin: 3rem !important
  }

  .mt-xl-5,
  .my-xl-5 {
      margin-top: 3rem !important
  }

  .mr-xl-5,
  .mx-xl-5 {
      margin-right: 3rem !important
  }

  .mb-xl-5,
  .my-xl-5 {
      margin-bottom: 3rem !important
  }

  .ml-xl-5,
  .mx-xl-5 {
      margin-left: 3rem !important
  }

  .p-xl-0 {
      padding: 0 !important
  }

  .pt-xl-0,
  .py-xl-0 {
      padding-top: 0 !important
  }

  .pr-xl-0,
  .px-xl-0 {
      padding-right: 0 !important
  }

  .pb-xl-0,
  .py-xl-0 {
      padding-bottom: 0 !important
  }

  .pl-xl-0,
  .px-xl-0 {
      padding-left: 0 !important
  }

  .p-xl-1 {
      padding: .25rem !important
  }

  .pt-xl-1,
  .py-xl-1 {
      padding-top: .25rem !important
  }

  .pr-xl-1,
  .px-xl-1 {
      padding-right: .25rem !important
  }

  .pb-xl-1,
  .py-xl-1 {
      padding-bottom: .25rem !important
  }

  .pl-xl-1,
  .px-xl-1 {
      padding-left: .25rem !important
  }

  .p-xl-2 {
      padding: .5rem !important
  }

  .pt-xl-2,
  .py-xl-2 {
      padding-top: .5rem !important
  }

  .pr-xl-2,
  .px-xl-2 {
      padding-right: .5rem !important
  }

  .pb-xl-2,
  .py-xl-2 {
      padding-bottom: .5rem !important
  }

  .pl-xl-2,
  .px-xl-2 {
      padding-left: .5rem !important
  }

  .p-xl-3 {
      padding: 1rem !important
  }

  .pt-xl-3,
  .py-xl-3 {
      padding-top: 1rem !important
  }

  .pr-xl-3,
  .px-xl-3 {
      padding-right: 1rem !important
  }

  .pb-xl-3,
  .py-xl-3 {
      padding-bottom: 1rem !important
  }

  .pl-xl-3,
  .px-xl-3 {
      padding-left: 1rem !important
  }

  .p-xl-4 {
      padding: 1.5rem !important
  }

  .pt-xl-4,
  .py-xl-4 {
      padding-top: 1.5rem !important
  }

  .pr-xl-4,
  .px-xl-4 {
      padding-right: 1.5rem !important
  }

  .pb-xl-4,
  .py-xl-4 {
      padding-bottom: 1.5rem !important
  }

  .pl-xl-4,
  .px-xl-4 {
      padding-left: 1.5rem !important
  }

  .p-xl-5 {
      padding: 3rem !important
  }

  .pt-xl-5,
  .py-xl-5 {
      padding-top: 3rem !important
  }

  .pr-xl-5,
  .px-xl-5 {
      padding-right: 3rem !important
  }

  .pb-xl-5,
  .py-xl-5 {
      padding-bottom: 3rem !important
  }

  .pl-xl-5,
  .px-xl-5 {
      padding-left: 3rem !important
  }

  .m-xl-n1 {
      margin: -.25rem !important
  }

  .mt-xl-n1,
  .my-xl-n1 {
      margin-top: -.25rem !important
  }

  .mr-xl-n1,
  .mx-xl-n1 {
      margin-right: -.25rem !important
  }

  .mb-xl-n1,
  .my-xl-n1 {
      margin-bottom: -.25rem !important
  }

  .ml-xl-n1,
  .mx-xl-n1 {
      margin-left: -.25rem !important
  }

  .m-xl-n2 {
      margin: -.5rem !important
  }

  .mt-xl-n2,
  .my-xl-n2 {
      margin-top: -.5rem !important
  }

  .mr-xl-n2,
  .mx-xl-n2 {
      margin-right: -.5rem !important
  }

  .mb-xl-n2,
  .my-xl-n2 {
      margin-bottom: -.5rem !important
  }

  .ml-xl-n2,
  .mx-xl-n2 {
      margin-left: -.5rem !important
  }

  .m-xl-n3 {
      margin: -1rem !important
  }

  .mt-xl-n3,
  .my-xl-n3 {
      margin-top: -1rem !important
  }

  .mr-xl-n3,
  .mx-xl-n3 {
      margin-right: -1rem !important
  }

  .mb-xl-n3,
  .my-xl-n3 {
      margin-bottom: -1rem !important
  }

  .ml-xl-n3,
  .mx-xl-n3 {
      margin-left: -1rem !important
  }

  .m-xl-n4 {
      margin: -1.5rem !important
  }

  .mt-xl-n4,
  .my-xl-n4 {
      margin-top: -1.5rem !important
  }

  .mr-xl-n4,
  .mx-xl-n4 {
      margin-right: -1.5rem !important
  }

  .mb-xl-n4,
  .my-xl-n4 {
      margin-bottom: -1.5rem !important
  }

  .ml-xl-n4,
  .mx-xl-n4 {
      margin-left: -1.5rem !important
  }

  .m-xl-n5 {
      margin: -3rem !important
  }

  .mt-xl-n5,
  .my-xl-n5 {
      margin-top: -3rem !important
  }

  .mr-xl-n5,
  .mx-xl-n5 {
      margin-right: -3rem !important
  }

  .mb-xl-n5,
  .my-xl-n5 {
      margin-bottom: -3rem !important
  }

  .ml-xl-n5,
  .mx-xl-n5 {
      margin-left: -3rem !important
  }

  .m-xl-auto {
      margin: auto !important
  }

  .mt-xl-auto,
  .my-xl-auto {
      margin-top: auto !important
  }

  .mr-xl-auto,
  .mx-xl-auto {
      margin-right: auto !important
  }

  .mb-xl-auto,
  .my-xl-auto {
      margin-bottom: auto !important
  }

  .ml-xl-auto,
  .mx-xl-auto {
      margin-left: auto !important
  }

  .text-xl-left {
      text-align: left !important
  }

  .text-xl-right {
      text-align: right !important
  }

  .text-xl-center {
      text-align: center !important
  }

  .flex-xl-row {
      -webkit-box-orient: horizontal !important;
      -ms-flex-direction: row !important;
      flex-direction: row !important
  }

  .flex-xl-column {
      -webkit-box-orient: vertical !important;
      -ms-flex-direction: column !important;
      flex-direction: column !important
  }

  .flex-xl-row-reverse {
      -webkit-box-orient: horizontal !important;
      -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
      flex-direction: row-reverse !important
  }

  .flex-xl-column-reverse {
      -webkit-box-orient: vertical !important;
      -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
      flex-direction: column-reverse !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .header__write .icon:after {
      content: attr(data-text);
      max-width: 0;
      line-height: 1rem;
      text-indent: 0;
      white-space: nowrap;
      font-size: 1.125rem;
      font-weight: 500;
      font-style: normal;
      overflow: hidden;
      -webkit-transition: text-indent .75s linear, max-width .5s linear, color .2s linear;
      transition: text-indent .75s linear, max-width .5s linear, color .2s linear
  }

  .header__write:hover .icon:after {
      max-width: 500px;
      text-indent: .625rem
  }

  .lang-switcher span {
      display: block
  }

  .header__right {
      margin-left: 3rem
  }

  .nav__bet-contest {
      max-width: 329px;
      height: 166px
  }

  .nav__bet-contest-right {
      padding-top: 1.25rem
  }

  .nav__bet-contest-right .collection-item__stat,
  .nav__bet-contest-right .forbidden-ref-link,
  .nav__bet-contest-right .tab-list__count,
  .nav__bet-contest-right .text-40 {
      margin-top: .75rem
  }

  .footer__lang-list {
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%)
  }
}

@media (max-width: 1199.98px) {
  .nav__bet-contest img {
      max-width: 128px;
      height: auto
  }

  .nav__bet-contest {
      max-width: 288px;
      height: 130px
  }

  .nav__bet-contest-right {
      padding-top: .75rem
  }

  .nav__bet-contest-right .collection-item__stat,
  .nav__bet-contest-right .forbidden-ref-link,
  .nav__bet-contest-right .tab-list__count,
  .nav__bet-contest-right .text-40 {
      font-size: .875rem
  }

  .reviews-list:not([data-slider]) .reviews-item_placeholder-wrap:nth-child(4) {
      display: none
  }
}

@media (max-width: 1100px) {
  .collection-item-content {
      max-width: 100%;
      width: 100%;
  }
}

@media (max-width: 992px) {
  .collection-list .collection-item__info-reviews {
      display: none
  }

  .collection-item {
      -ms-flex-wrap: no-wrap;
      flex-wrap: no-wrap
  }
}

@media (max-width: 991.98px) {

  .custom-scroll-wrap .slider-arrow-gr,
  .custom-scroll-wrap .slider-arrow-no-gr,
  .header__nav li.header__nav-write>.seo-block__column-link:after,
  .header__nav li.header__nav-write>a:after {
      display: none
  }

  .carousel .arrow:not(.arrow_left) {
      right: .5rem
  }

  .carousel .arrow.arrow_left {
      left: .5rem
  }

  .bm-tooltip {
      width: 240px
  }

  body.overflow-all-hidden,
  body.overflow-hidden {
      overflow: hidden;
      top: 0 !important;
      height: 100%
  }

  .header .container {
      height: 3.5rem
  }

  .header__nav {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
  }

  .header__nav li {
      border-bottom: 1px solid #EBEBEB
  }

  body.black .header__nav li {
      border-color: rgba(255, 255, 255, .1)
  }

  .header__nav li.header__nav-write>.seo-block__column-link,
  .header__nav li.header__nav-write>a {
      color: #4F1A80
  }

  .header__nav>li>.seo-block__column-link,
  .header__nav>li>a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      min-height: 3.5rem;
      padding-top: .5rem;
      padding-bottom: .5rem;
      font-size: 1.125rem
  }

  .header__nav>li>.active.seo-block__column-link+.header__sub-nav,
  .header__nav>li>a.active+.header__sub-nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
  }

  .header__nav>li>.active.seo-block__column-link:after,
  .header__nav>li>a.active:after {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  .header__nav>li>.seo-block__column-link:after,
  .header__nav>li>a:after {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      margin-left: auto;
      font-size: .5rem;
      color: #C4C4C4;
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg)
  }

  .header__logo,
  .header__logo_white {
      height: 30px;
      width: auto
  }

  .header__right {
      display: none;
      padding-left: 1rem;
      padding-right: 1rem;
      background-color: #fff
  }

  body.black .header__right {
      background-color: #2F3033
  }

  .header__right.visible {
      position: fixed;
      top: 7.25rem;
      left: 0;
      display: block;
      width: 100%;
      height: calc(100% - 7.25rem);
      overflow-y: auto
  }

  .header__sub-nav {
      display: none;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      padding-top: .25rem;
      padding-bottom: 1.5rem
  }

  .header__nav-banner {
      max-width: 500px;
      margin-top: 1.5rem
  }

  .header__nav-banner:first-child {
      margin-top: 0
  }

  .header__group {
      margin-bottom: 1.5rem
  }

  .header__group:last-child {
      margin-bottom: 0
  }

  .header__group-heading,
  .header__item {
      margin-bottom: 1.25rem
  }

  .header__item:last-child {
      margin-bottom: 0
  }

  .reviews-list:not([data-slider]) .reviews-item_placeholder-wrap:nth-child(3) {
      display: none
  }

  .bet-table-wrap.show-form:before {
      position: fixed;
      background-color: rgba(0, 0, 0, .5)
  }

  .futsal-main-banner__body .text-md,
  .pop-mma-banner__body .text-md,
  .totalizator-banner__body .text-md {
      margin-bottom: 1.5rem;
      font-size: 1rem
  }

  .spec-project__body {
      padding: 1.5rem
  }

  .section_bet-contest .section__header {
      padding-bottom: .75rem;
      border-bottom: 1px solid rgba(255, 255, 255, .2)
  }
}


@media (max-width: 767.98px) {

  .tab-list,
  .top-slider {
      overflow-x: auto;
      scrollbar-width: none;
      -ms-overflow-style: none;
      -webkit-overflow-scrolling: touch
  }

  .auth-modal__left,
  .breadcrumbs,
  .collection-item[data-action=slide-toggle] .collection-item__buttons .button,
  .tab-list__item_dropdown {
      display: none
  }


  .bm-search,
  .button_load,
  .section,
  .sidebar__block {
      margin-left: -12px;
      margin-right: -12px;
      border-radius: 0;
      padding: 1rem
  }

  .author-media .no-avatar,
  .author-media img,
  .bm-media .no-avatar,
  .bm-media img,
  .reviews-item__author .no-avatar,
  .reviews-item__author img {
      margin-right: .5rem
  }

  .container,
  .container-fluid {
      padding-right: 12px;
      padding-left: 12px
  }

  .heading-1,
  .main-screen__header>* {
      line-height: 1.75rem;
      font-size: 1.5rem
  }

  .content-body h1,
  .content-body h2,
  .content-text h1,
  .content-text h2,
  .heading-2,
  .section__header .section__count,
  .section__header h2 {
      line-height: 1.5rem;
      font-size: 1.375rem
  }

  .content-body h3,
  .content-text h3,
  .heading-3 {
      line-height: 1.375rem;
      font-size: 1.25rem
  }

  .content-accordion h3,
  .content-body h4,
  .content-text h4,
  .heading-4,
  .section_review-form .section__header h2,
  .sidebar__header {
      line-height: 1.25rem;
      font-size: 1.125rem
  }

  .content-body .notice,
  .content-text .notice {
      padding: 1rem
  }

  .content-body .author-widget,
  .content-text .author-widget {
      margin-top: 1rem;
      margin-bottom: 1.5rem
  }

  .content-accordion {
      margin-top: 1.5rem;
      margin-bottom: 1.5rem
  }

  .content-accordion .accordion-head {
      padding-top: 1rem;
      padding-bottom: 1rem
  }

  .text-lg {
      font-size: 1.125rem
  }

  .content-widget,
  .poll-widget {
      margin-top: 1rem;
      margin-bottom: 1.5rem;
      padding: 1rem
  }

  .button_big {
      height: 48px
  }

  .button_load {
      height: 60px;
      width: calc(100% + 24px);
      -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% + 24px);
      flex: 1 0 calc(100%+24px)
  }

  body.black .button_load {
      width: 100%;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
      flex: 1 0 100%
  }

  .button_card {
      padding: 1.125rem 2.5rem 1.125rem 1.125rem;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      background-color: #fff
  }

  .button_card:after {
      right: 1.125rem
  }

  .button_preloader:after {
      width: 1.75rem;
      height: 1.75rem
  }

  .form__input {
      font-size: .875rem
  }

  .tab-list {
      margin-left: -1rem;
      margin-right: -1rem
  }

  .tab-list::-webkit-scrollbar {
      display: none
  }

  .tab-list__item:first-child {
      padding-left: 1rem
  }

  .tab-list__item:last-child {
      padding-right: 1rem
  }

  .bs-modal-header {
      padding: .5rem 1rem
  }

  .bet-table .bet-date-td,
  .bm-author,
  .collection-item__hidden-info {
      padding-bottom: .75rem
  }

  .confirm-modal {
      width: calc(100% - 2rem);
      margin-left: auto;
      margin-right: auto
  }

  .bm-countries__rate {
      margin-right: .75rem
  }

  .bm-author {
      border: 1px solid #EBEBEB;
      border-radius: 8px
  }

  .bm-author .author-media {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
      flex: 1 0 100%;
      margin-bottom: .75rem;
      padding: .75rem;
      border-bottom: 1px solid #EBEBEB
  }

  .bm-author .author-media:last-child {
      margin-bottom: -.75rem;
      border-bottom: none
  }

  .bm-author__info,
  .bm-author__url {
      padding-left: .75rem;
      padding-right: .75rem
  }

  .bm-author__url {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      margin-top: .5rem
  }

  .bm-author__url:last-child {
      margin-top: 0
  }

  .alert {
      min-height: 48px;
      font-size: .875rem
  }

  .alert.ui-pnotify.ui-pnotify-in {
      padding-left: 1rem;
      padding-right: 1rem
  }

  .alert-danger .ui-pnotify-text:before,
  .alert-success .ui-pnotify-text:before {
      margin-right: .5rem;
      font-size: .875rem
  }

  .collection-bm_comm,
  .collection-item__hidden {
      margin-right: -1rem;
      padding-left: 1rem;
      padding-right: 1rem
  }

  .collection-bm_comm {
      margin-left: -1rem
  }

  .collection-item_comm:after {
      right: -1rem
  }

  .collection-item__info {
      margin-left: .75rem
  }

  span.collection-spoiler__button {
      width: 3.5rem;
      background-color: #4F1A80;
      border-color: #4F1A80;
      color: #fff
  }

  .collection-item[data-expanded=true] span.collection-spoiler__button {
      background-color: transparent;
      border: 1px solid #EBEBEB;
      color: rgba(0, 0, 0, .6)
  }

  .collection-item__hidden {
      margin-left: -1rem
  }

  .collection-item__info-rate {
      display: inline-block;
      width: calc(50% - 1rem);
      margin-right: .625rem
  }

  .collection-item__info-rate .stars {
      font-size: 1.5rem
  }

  .collection-item__hidden-buttons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 1.5rem
  }

  .collection-item__hidden-buttons .button {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin-left: .5rem;
      font-size: 1rem
  }

  .collection-item__hidden-buttons .button:first-child {
      margin-left: 0
  }

  .collection-item__hidden-links {
      margin-top: 1.5rem;
      padding-top: .75rem;
      border-top: 1px solid #EBEBEB
  }

  .collection-item__hidden-links .seo-block__column-link,
  .collection-item__hidden-links a {
      padding-left: .5rem;
      padding-right: .5rem
  }

  .collection-item__info-reviews {
      display: inline-block;
      vertical-align: top;
      width: 50%;
      text-align: right
  }

  .collection-item__available-header img,
  .collection-item__available-table thead,
  .collection-widget__heading .button {
      display: none
  }

  .collection-item__info-users {
      margin-top: .5rem;
      margin-bottom: 1.25rem
  }

  .collection-item__info-users .seo-block__column-link,
  .collection-item__info-users a,
  .collection-item__info-users>.no-avatar,
  .collection-item__info-users>img {
      width: calc(1.5rem + 4px);
      height: calc(1.5rem + 4px);
      border-width: 2px;
      border-radius: 10px
  }

  .collection-item__info-users .no-avatar {
      width: 1.5rem;
      height: 1.5rem;
      font-size: .875rem
  }

  .collection-item__available {
      padding-top: 1.5rem
  }

  .collection-item__available-header {
      margin-bottom: 1.25rem
  }

  .collection-item__available-header h4 {
      font-size: 1.125rem
  }

  .collection-item__available-table td:nth-child(2),
  .collection-item__available-table td:nth-child(3),
  .collection-item__available-table th:nth-child(2),
  .collection-item__available-table th:nth-child(3) {
      width: 18%
  }

  .collection-item__available-table td {
      padding-top: .5rem;
      padding-bottom: .5rem
  }

  .content-widget .collection-item,
  .poll-widget .collection-item {
      margin-top: -1rem;
      margin-bottom: -1rem
  }

  .collection-widget__heading {
      margin-bottom: 1.5rem
  }

  .collection-widget__heading .collection-sm {
      margin-top: .25rem
  }

  .collection-widget__heading .collection-sm__icon {
      height: 4.125rem;
      margin-left: -1rem
  }

  .collection-widget__bm .row>div .collection-item__bm {
      width: 100%;
      padding-top: 1rem;
      padding-bottom: 1rem;
      border-bottom: 1px solid #EBEBEB
  }

  .collection-widget__bm .row>div:first-child .collection-item__bm {
      padding-top: 0
  }

  .collection-widget__bm .row>div:last-child .collection-item__bm {
      padding-bottom: 0;
      border-bottom: none
  }

  .post-widget__favorite {
      margin-top: .875rem
  }

  .post-widget__favorite .icon {
      width: 1.5rem;
      height: 1.5rem;
      border-radius: .5rem;
      font-size: .75rem
  }

  .bet-widget,
  .bet-widget-v2__heading,
  .poll-widget__heading {
      font-size: 1.125rem
  }

  .bet-widget {
      padding: 1rem
  }

  .bet-widget__heading {
      margin-bottom: 1.25rem
  }

  .bet-widget__panel {
      padding: 0
  }

  .bet-widget__panel img {
      max-width: 100% !important;
      height: auto
  }

  .bet-widget__coef {
      margin-right: .75rem
  }

  .bet-widget-v2 {
      padding: 1rem 1rem 1.5rem
  }

  .bet-widget-v2__panel {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-top: 1rem
  }

  .bet-widget-v2__panel>.bet-widget-v2__button {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      width: 228px;
      height: auto;
      margin-top: 1.125rem;
      margin-left: auto !important;
      margin-right: auto !important
  }

  #wa-svg,
  .share__item .icon {
      width: 2.375rem;
      height: 2.375rem
  }

  .bet-widget-v2__coef {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between
  }

  .poll-widget__heading {
      line-height: 1.625rem
  }

  .poll-widget__item {
      padding: .875rem .75rem;
      font-size: .875rem
  }

  .poll-widget__bottom {
      margin-top: .75rem
  }

  .poll-widget__status {
      margin-top: 1rem
  }

  .author-widget__photo {
      margin-bottom: .75rem
  }

  .content-wrap,
  .section,
  .section__header,
  .share__heading {
      margin-bottom: 1rem
  }

  .author-widget__title {
      margin-top: .75rem
  }

  .author-widget__scl,
  .author-widget__text {
      margin-top: 1rem
  }

  .faq-widget__header {
      padding-top: 1rem;
      padding-bottom: 1rem
  }

  html {
      overflow: hidden
  }

  body {
      min-height: 0;
      height: 100%;
  }

  body.black:before {
      background-size: contain
  }

  .effect-block {
      padding-top: 8px
  }

  .effect-block:hover {
      padding-top: 4px;
      padding-bottom: 4px
  }

  .effect-block:hover>img:nth-child(2),
  .effect-block:hover>picture:nth-child(2) {
      top: 2px
  }

  .effect-block>img:first-child,
  .effect-block>picture:first-child {
      max-width: calc(100% - 12px)
  }

  .effect-block>img:nth-child(2),
  .effect-block>picture:nth-child(2) {
      top: 4px;
      max-width: calc(100% - 6px)
  }

  .banner-wrapper {
      display: none
  }

  .header__auth-user,
  .nav>.container {
      display: -webkit-box;
      display: -ms-flexbox
  }

  .rate {
      line-height: 2.5rem;
      font-size: 3rem
  }

  .share__item .icon,
  .share__item .icon.icon-facebook {
      font-size: 1.125rem
  }

  .section_black {
      padding: 0;
      background-color: transparent;
      color: #fff
  }

  .section[data-expanded] .section__header+* {
      padding-top: 1rem
  }

  .share {
      padding: 1rem 0
  }

  .share__item {
      margin-right: .75rem
  }

  .alert-danger .share__item .icon-vkontakte.ui-pnotify-text:before,
  .alert-success .share__item .icon-vkontakte.ui-pnotify-text:before,
  .footer__block .share__item .icon-vkontakte.footer__heading:after,
  .footer__breadcrumbs .breadcrumbs__item .share__item .icon-vkontakte.seo-block__column-link:before,
  .footer__breadcrumbs .breadcrumbs__item .share__item a.icon-vkontakte:before,
  .instruction__list .share__item li.icon-vkontakte:before,
  .nav__item_lang .share__item .icon-vkontakte.nav__list-heading:after,
  .nav__item_write .share__item .icon-vkontakte.nav__list-heading:after,
  .nav__list .share__item .icon-vkontakte.nav__list-heading:after,
  .select2-container--default .select2-selection--single .share__item .icon-vkontakte.select2-selection__arrow:after,
  .share__item .alert-danger .icon-vkontakte.ui-pnotify-text:before,
  .share__item .alert-success .icon-vkontakte.ui-pnotify-text:before,
  .share__item .footer__block .icon-vkontakte.footer__heading:after,
  .share__item .footer__breadcrumbs .breadcrumbs__item .icon-vkontakte.seo-block__column-link:before,
  .share__item .footer__breadcrumbs .breadcrumbs__item a.icon-vkontakte:before,
  .share__item .header__nav>li>a.icon-vkontakte:after,
  .share__item .icon-vkontakte.arrowed-link:after,
  .share__item .icon-vkontakte.button_card:after,
  .share__item .icon-vkontakte.checkbox__square:before,
  .share__item .icon-vkontakte.faq-widget__header:after,
  .share__item .icon-vkontakte.footer__lang:after,
  .share__item .icon-vkontakte.header__version-link:after,
  .share__item .icon-vkontakte.nav__item_lang-current:after,
  .share__item .icon-vkontakte.select2-search--dropdown:after,
  .share__item .icon-vkontakte.seo-block__column-link:after,
  .share__item .icon-vkontakte.win__select-current:after,
  .share__item .icon.icon-vkontakte:before,
  .share__item .instruction__list li.icon-vkontakte:before,
  .share__item .nav__item_lang .icon-vkontakte.nav__list-heading:after,
  .share__item .nav__item_lang .nav__item_write>a.icon-vkontakte:after,
  .share__item .nav__item_lang .nav__item_write>span.icon-vkontakte:after,
  .share__item .nav__item_lang>a.icon-vkontakte:after,
  .share__item .nav__item_lang>span.icon-vkontakte:after,
  .share__item .nav__item_write .icon-vkontakte.nav__list-heading:after,
  .share__item .nav__item_write .nav__item_lang>a.icon-vkontakte:after,
  .share__item .nav__item_write .nav__item_lang>span.icon-vkontakte:after,
  .share__item .nav__item_write>a.icon-vkontakte:after,
  .share__item .nav__item_write>span.icon-vkontakte:after,
  .share__item .nav__list .icon-vkontakte.nav__list-heading:after,
  .share__item .nav__list .nav__item_lang>a.icon-vkontakte:after,
  .share__item .nav__list .nav__item_lang>span.icon-vkontakte:after,
  .share__item .nav__list .nav__item_write>a.icon-vkontakte:after,
  .share__item .nav__list .nav__item_write>span.icon-vkontakte:after,
  .share__item .select2-container--default .select2-selection--single .icon-vkontakte.select2-selection__arrow:after,
  .share__item .spec-project__body ul li.icon-vkontakte:before,
  .share__item .tab-list__item_dropdown>a.icon-vkontakte:after,
  .spec-project__body ul .share__item li.icon-vkontakte:before {
      margin-top: 2px
  }

  .share__item .icon.icon-wa-phone {
      font-size: 1rem
  }

  .share__item .icon.icon-twitter {
      font-size: 1.125rem
  }

  .share__item .icon.icon-telegram {
      font-size: 1rem
  }

  .header {
      -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .04);
      box-shadow: 0 2px 6px rgba(0, 0, 0, .04)
  }

  .header__icons {
      height: inherit;
      font-size: 1.375rem
  }

  .header__icons li {
      height: 100%
  }

  .header__icons li .icon {
      height: 100%;
      padding-left: .75rem;
      padding-right: .75rem
  }

  .header__icons li:last-child {
      margin-right: -.75rem
  }

  .header__auth-user {
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding-left: .5rem;
      padding-right: .5rem
  }

  .lang-switcher {
      font-weight: 500
  }

  .lang-switcher .active.seo-block__column-link,
  .lang-switcher a.active {
      height: 2.25rem;
      padding-left: .625rem;
      padding-right: .625rem;
      background: -webkit-gradient(linear, left bottom, left top, from(#F1EFFA), to(#F1EFFA));
      background: linear-gradient(0deg, #F1EFFA, #F1EFFA);
      border-radius: .5rem;
      color: #4F1A80
  }

  .header__rekl-banner {
      padding-top: 1rem;
      padding-bottom: 5.5rem
  }

  .header__rekl-banner-close {
      right: 1rem
  }

  .header__rekl-banner-buttons {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start
  }

  .header__rekl-banner-image {
      bottom: -5.5rem
  }

  .nav {
      position: fixed;
      top: 3.5rem;
      height: 100%;
      height: calc(100% - 3.5rem);
      overflow-y: auto
  }

  .with-version .nav {
      top: calc(3.5rem + 61px);
      height: calc(100% - 3.5rem - 61px)
  }

  .nav>.container {
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      min-height: 100%
  }

  .nav .row>div {
      position: static
  }

  .nav .row>div:last-child .nav__item_lang,
  .nav .row>div:last-child .nav__item_write,
  .nav .row>div:last-child .nav__list {
      border-bottom: none
  }

  .nav__item_lang,
  .nav__item_write,
  .nav__list {
      padding: 1rem 0;
      border-bottom: 1px solid #EBEBEB
  }

  .nav__list.selected,
  .selected.nav__item_lang,
  .selected.nav__item_write {
      padding-bottom: 0;
      overflow-y: auto;
      overflow-x: hidden;
      background-color: #fff;
      z-index: 10
  }

  .nav__list.selected .nav__item_lang>.seo-block__column-link,
  .nav__list.selected .nav__item_lang>a,
  .nav__list.selected .nav__item_lang>span,
  .nav__list.selected .nav__item_write>.seo-block__column-link,
  .nav__list.selected .nav__item_write>a,
  .nav__list.selected .nav__item_write>span,
  .nav__list.selected .nav__list-heading,
  .selected.nav__item_lang .nav__item_lang>.seo-block__column-link,
  .selected.nav__item_lang .nav__item_lang>a,
  .selected.nav__item_lang .nav__item_lang>span,
  .selected.nav__item_lang .nav__item_write>.seo-block__column-link,
  .selected.nav__item_lang .nav__item_write>a,
  .selected.nav__item_lang .nav__item_write>span,
  .selected.nav__item_lang .nav__list-heading,
  .selected.nav__item_write .nav__item_lang>.seo-block__column-link,
  .selected.nav__item_write .nav__item_lang>a,
  .selected.nav__item_write .nav__item_lang>span,
  .selected.nav__item_write .nav__item_write>.seo-block__column-link,
  .selected.nav__item_write .nav__item_write>a,
  .selected.nav__item_write .nav__item_write>span,
  .selected.nav__item_write .nav__list-heading {
      margin-bottom: 1.5rem
  }

  .nav__list.selected .nav__item_lang>.seo-block__column-link:after,
  .nav__list.selected .nav__item_lang>a:after,
  .nav__list.selected .nav__item_lang>span:after,
  .nav__list.selected .nav__item_write>.seo-block__column-link:after,
  .nav__list.selected .nav__item_write>a:after,
  .nav__list.selected .nav__item_write>span:after,
  .nav__list.selected .nav__list-heading:after,
  .selected.nav__item_lang .nav__item_lang>.seo-block__column-link:after,
  .selected.nav__item_lang .nav__item_lang>a:after,
  .selected.nav__item_lang .nav__item_lang>span:after,
  .selected.nav__item_lang .nav__item_write>.seo-block__column-link:after,
  .selected.nav__item_lang .nav__item_write>a:after,
  .selected.nav__item_lang .nav__item_write>span:after,
  .selected.nav__item_lang .nav__list-heading:after,
  .selected.nav__item_write .nav__item_lang>.seo-block__column-link:after,
  .selected.nav__item_write .nav__item_lang>a:after,
  .selected.nav__item_write .nav__item_lang>span:after,
  .selected.nav__item_write .nav__item_write>.seo-block__column-link:after,
  .selected.nav__item_write .nav__item_write>a:after,
  .selected.nav__item_write .nav__item_write>span:after,
  .selected.nav__item_write .nav__list-heading:after {
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  .nav__list.selected li,
  .selected.nav__item_lang li,
  .selected.nav__item_write li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-left: .5rem
  }

  .forbidden-link-modal__content .collection-item__stat br,
  .forbidden-link-modal__content .forbidden-ref-link br,
  .forbidden-link-modal__content .tab-list__count br,
  .forbidden-link-modal__content .text-40 br,
  .instruction__header,
  .nav__item_lang li,
  .nav__item_write .seo-block__column-link:after,
  .nav__item_write a:after,
  .nav__item_write li,
  .nav__list li,
  .reviews-list:not([data-slider]) .reviews-item_placeholder-wrap:nth-child(2),
  .win__body-text br {
      display: none
  }

  .nav__item_lang>.seo-block__column-link,
  .nav__item_lang>a,
  .nav__item_lang>span,
  .nav__item_write>.seo-block__column-link,
  .nav__item_write>a,
  .nav__item_write>span,
  .nav__list-heading {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-weight: 500
  }

  .nav__item_lang>.seo-block__column-link:after,
  .nav__item_lang>.seo-block__column-link:before,
  .nav__item_lang>a:after,
  .nav__item_lang>a:before,
  .nav__item_lang>span:after,
  .nav__item_lang>span:before,
  .nav__item_write>.seo-block__column-link:after,
  .nav__item_write>.seo-block__column-link:before,
  .nav__item_write>a:after,
  .nav__item_write>a:before,
  .nav__item_write>span:after,
  .nav__item_write>span:before,
  .nav__list-heading:after,
  .nav__list-heading:before {
      font-size: .5rem;
      color: #C4C4C4
  }

  .nav__item_lang .nav__item_write>.seo-block__column-link:after,
  .nav__item_lang .nav__item_write>a:after,
  .nav__item_lang .nav__item_write>span:after,
  .nav__item_lang .nav__list-heading:after,
  .nav__item_lang>.seo-block__column-link:after,
  .nav__item_lang>a:after,
  .nav__item_lang>span:after,
  .nav__item_write .nav__item_lang>.seo-block__column-link:after,
  .nav__item_write .nav__item_lang>a:after,
  .nav__item_write .nav__item_lang>span:after,
  .nav__item_write .nav__list-heading:after,
  .nav__item_write>.seo-block__column-link:after,
  .nav__item_write>a:after,
  .nav__item_write>span:after,
  .nav__list .nav__item_lang>.seo-block__column-link:after,
  .nav__list .nav__item_lang>a:after,
  .nav__list .nav__item_lang>span:after,
  .nav__list .nav__item_write>.seo-block__column-link:after,
  .nav__list .nav__item_write>a:after,
  .nav__list .nav__item_write>span:after,
  .nav__list .nav__list-heading:after {
      margin-left: auto;
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg)
  }

  .nav__all-item.with-icon {
      padding-left: 2.625rem !important
  }

  .nav__item_write {
      border-top: 1px solid #EBEBEB
  }

  .nav__item_write .seo-block__column-link,
  .nav__item_write a {
      color: #4F1A80
  }

  .nav__item_write .seo-block__column-link .icon,
  .nav__item_write a .icon {
      margin-left: auto;
      margin-right: 0;
      font-size: 1.125rem
  }

  .nav__item_lang-current,
  .nav__item_user {
      display: -webkit-box;
      display: -ms-flexbox
  }

  .nav__item_user {
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-left: -.75rem;
      margin-right: -.75rem;
      padding: 1rem;
      background-color: #FAF9FE
  }

  .nav__item_user .author-media {
      color: inherit
  }

  .nav__item_user-logout {
      font-weight: 500;
      color: rgba(0, 0, 0, .4)
  }

  .nav__item_lang img {
      width: 1.5rem;
      height: auto;
      margin-right: 1rem;
      border-radius: 2px
  }

  .nav__item_lang-current {
      display: flex
  }

  .nav__copyright {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      margin-top: auto;
      padding: 1.5rem 0 1rem;
      color: rgba(0, 0, 0, .4)
  }

  .nav__copyright img {
      margin-top: .125rem
  }

  .nav__copyright small {
      margin-left: .75rem;
      line-height: 1.5;
      font-size: .8125rem
  }

  .nav__bet-contest {
      margin-top: 1.125rem
  }

  .nav__bet-contest-right .collection-item__stat,
  .nav__bet-contest-right .forbidden-ref-link,
  .nav__bet-contest-right .tab-list__count,
  .nav__bet-contest-right .text-40 {
      margin-top: .5rem
  }

  .footer .container {
      padding-left: 1rem;
      padding-right: 1rem
  }

  .win-modal {
      min-height: 0
  }

  .win-modal .bs-modal-content {
      min-height: 0;
      max-width: calc(100% - 2rem);
      margin-left: auto;
      margin-right: auto;
      border-radius: .5rem
  }

  .win__close .icon {
      top: 0;
      right: 0
  }

  .win__header h3 {
      font-size: 1.5rem
  }

  .win__tour-name {
      font-size: 1.125rem
  }

  .win__info-block {
      width: 291px;
      height: 139px;
      margin: 1rem 0;
      padding: 6px;
      border-radius: 1rem
  }

  .win__info-place {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 70px;
      flex: 1 0 70px;
      max-width: 70px
  }

  .win__info-place-num {
      font-size: 2.5rem
  }

  .win__info-money {
      font-size: 1.125rem
  }

  .win__info-money-num {
      font-size: 2rem
  }

  .collection-item__title,
  .content-accordion .forbidden-link-modal__content h3,
  .content-body .forbidden-link-modal__content h1,
  .content-body .forbidden-link-modal__content h2,
  .content-body .forbidden-link-modal__content h3,
  .content-body .forbidden-link-modal__content h4,
  .content-text .forbidden-link-modal__content h1,
  .content-text .forbidden-link-modal__content h2,
  .content-text .forbidden-link-modal__content h3,
  .content-text .forbidden-link-modal__content h4,
  .forbidden-link-modal__content .bm-form__heading,
  .forbidden-link-modal__content .content-accordion h3,
  .forbidden-link-modal__content .content-body h1,
  .forbidden-link-modal__content .content-body h2,
  .forbidden-link-modal__content .content-body h3,
  .forbidden-link-modal__content .content-body h4,
  .forbidden-link-modal__content .content-text h1,
  .forbidden-link-modal__content .content-text h2,
  .forbidden-link-modal__content .content-text h3,
  .forbidden-link-modal__content .content-text h4,
  .forbidden-link-modal__content .heading,
  .forbidden-link-modal__content .heading-1,
  .forbidden-link-modal__content .heading-2,
  .forbidden-link-modal__content .heading-3,
  .forbidden-link-modal__content .heading-4,
  .forbidden-link-modal__content .heading-5,
  .forbidden-link-modal__content .heading_step,
  .forbidden-link-modal__content .main-screen__header>*,
  .forbidden-link-modal__content .section__header .section__count,
  .forbidden-link-modal__content .section__header h2,
  .forbidden-link-modal__content .sidebar__header,
  .main-screen__verified,
  .section__header .forbidden-link-modal__content .section__count,
  .section__header .forbidden-link-modal__content h2 {
      font-size: 1.125rem
  }

  .win__bottom {
      padding: 1rem;
      border-radius: 0 0 .5rem .5rem
  }

  .win__form-field {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
      flex: 1 0 100%;
      max-width: 100%;
      height: 5.5rem;
      padding-left: .875rem;
      padding-right: .875rem
  }

  .win__form-field input {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1
  }

  .win__form {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
  }

  .win__form .button_main {
      height: 3rem;
      margin-top: 1rem
  }

  .win__select {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
      flex: 1 0 100%;
      max-width: 100%;
      border-bottom: 1px solid #EBEBEB
  }

  .win__select-items {
      width: 100%;
      top: calc(100% - 2px);
      left: 0
  }

  .reviews-list {
      margin-left: -1rem;
      margin-right: -1rem
  }

  .reviews-item-wrap {
      max-width: 266px;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 266px;
      flex: 1 0 266px;
      height: 354px;
      margin-left: -.25rem;
      padding-right: 1rem;
      -webkit-box-sizing: content-box;
      box-sizing: content-box
  }

  .reviews-item-wrap:first-child {
      padding-left: 1rem;
      margin-left: 0
  }

  .forbidden-link-modal {
      max-width: calc(100% - 2rem);
      margin-left: auto;
      margin-right: auto
  }

  .forbidden-link-modal .bs-modal-content {
      min-height: 0;
      border-radius: .5rem
  }

  .forbidden-link-modal__content {
      padding: 2.25rem 1rem 1rem
  }

  .forbidden-link-modal__content img {
      max-width: 4rem;
      height: auto
  }

  .forbidden-link-modal__content .button_sm {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1
  }

  .instruction__body {
      height: calc(100vh - 5rem);
      padding: 1.25rem .5rem 0
  }

  .instruction__item {
      margin-bottom: .5rem
  }

  .instruction__item-header {
      height: 3rem;
      padding-left: 1rem;
      padding-right: .75rem
  }

  .instruction__item-header img {
      width: 1.125rem;
      height: auto;
      margin-right: .875rem
  }

  .instruction__item-header .icon {
      font-size: .75rem
  }

  .instruction__item-body {
      padding: .25rem 1rem 1.5rem;
      line-height: 1.25
  }

  .instruction__list li:before {
      margin-right: .75rem;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 1.125rem;
      flex: 1 0 1.125rem;
      max-width: 1.125rem;
      height: 1.125rem
  }

  .instruction__examples {
      margin: 1.25rem -.5rem 0;
      padding: 0 1rem 2.5rem
  }

  .instruction__example-wrap {
      margin-right: 1.125rem
  }

  .instruction__example-wrap:last-child {
      padding-right: 1rem
  }

  .instruction__example {
      width: 171px;
      padding: .75rem
  }

  .instruction__example-text {
      max-height: 225px;
      margin-bottom: .75rem;
      line-height: 1rem;
      font-size: .625rem
  }

  .instruction__example-text.long-text:after {
      height: 1rem
  }

  .instruction__example-bm {
      margin-bottom: .375rem;
      font-size: .8125rem
  }

  .instruction__example-bm img {
      max-width: 1.125rem;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 1.125rem;
      flex: 1 0 1.125rem;
      margin-right: .5rem;
      border-radius: 6px
  }

  .instruction__example-stars {
      margin-bottom: .5rem;
      font-size: .75rem
  }

  .instruction__example-author {
      font-size: .75rem
  }

  .bm-form__bookmaker.search-trigger span,
  .bm-search__input .form__input {
      font-size: 1rem
  }

  .instruction__example-author img {
      max-width: 1rem;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 1rem;
      flex: 1 0 1rem;
      border-radius: 6px
  }

  .instruction__close-block {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 1rem 1.5rem;
      background-color: #fff;
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
      box-shadow: 0 0 10px rgba(0, 0, 0, .1);
      text-align: center;
      z-index: 1012
  }

  .section_bm-form .section__header {
      display: block
  }

  .section_bm-form .section__header .instruction-button {
      margin-top: 1.5rem
  }

  .bm-form.bm-form_search,
  .bm-form__left {
      border-radius: 8px;
      border: 1px solid #EBEBEB
  }

  .bm-form__left .form__input_textarea {
      height: 100px
  }

  .bm-form__right {
      text-align: center
  }

  .bm-form__heading {
      display: none
  }

  .bm-form__stars {
      margin: 1.25rem 0
  }

  .bm-form__stars .stars {
      padding-right: 1rem;
      padding-left: 1rem
  }

  .bm-form__stars .stars__item {
      margin-right: .5rem
  }

  .bm-search {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      margin-left: 0;
      margin-right: 0;
      z-index: 1002
  }

  .bm-search__input {
      padding: .5rem 1rem;
      border: 1px solid #EBEBEB;
      border-radius: 8px
  }

  .bm-search__result {
      padding: 1.5rem .5rem 1rem
  }

  .bm-search__header {
      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: 1rem
  }

  .bm-search__header img {
      max-width: 124px;
      height: auto
  }

  .bm-search__header .icon {
      font-size: .75rem
  }

  .bm-form__email input {
      height: 2.75rem
  }

  .check-squares-block {
      padding: 1.5rem 0 1rem
  }

  .check-squares-block h3 {
      margin: 0 0 1rem
  }

  .check-squares {
      margin: 0 -1rem
  }

  .check-square {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(107px + .75rem);
      flex: 1 0 calc(107px + .75rem);
      max-width: calc(107px + .75rem);
      padding-left: .375rem;
      padding-right: .375rem
  }

  .check-square:first-child,
  .top-slide-wrap:first-child {
      padding-left: 1rem
  }

  .check-square:first-child,
  .check-square:last-child {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(107px + 1.375rem);
      flex: 1 0 calc(107px + 1.375rem);
      max-width: calc(107px+1.375rem)
  }

  .check-square:last-child {
      padding-right: 1rem
  }

  .check-square__img {
      width: 110px;
      height: 110px
  }

  .check-square__title {
      margin-top: .625rem;
      font-size: .75rem
  }

  .top-slider {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      margin-left: -1rem;
      margin-right: -1rem
  }

  .top-slider::-webkit-scrollbar {
      display: none
  }

  .top-slide-wrap {
      max-width: 222px;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 222px;
      flex: 1 0 222px;
      margin-right: .75rem
  }

  .top-slide-wrap:first-child,
  .top-slide-wrap:last-child {
      max-width: calc(222px + 1rem);
      -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(222px + 1rem);
      flex: 1 0 calc(222px+1rem)
  }

  .top-slide-wrap:last-child {
      margin-right: 0;
      padding-right: 1rem
  }

  .top-slide {
      padding: .75rem
  }

  .top-slide__bm-info span:last-child {
      font-size: .875rem
  }

  .top-slide__buttons .button {
      height: 2rem;
      margin-right: .5rem;
      font-size: .875rem
  }

  .post-card-line {
      margin-right: -1rem;
      margin-left: -1rem
  }

  .post-card-line .post-card-wrap {
      margin-right: .75rem
  }

  .post-card-line .post-card-wrap:first-child,
  .post-card-line .post-card-wrap:last-child {
      max-width: calc(266px + 1rem);
      -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(266px + 1rem);
      flex: 1 0 calc(266px+1rem)
  }

  .post-card-line .post-card-wrap:first-child {
      padding-left: 1rem
  }

  .post-card-line .post-card-wrap:last-child {
      padding-right: 1rem
  }

  .bet-table,
  .bet-table tbody,
  .bet-table td,
  .bet-table th,
  .bet-table thead {
      display: block
  }

  .bet-table tbody tr {
      border-bottom: .25rem solid #EBEBEB
  }

  .bet-table tbody tr:last-child {
      border-bottom: none
  }

  .bet-table tr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0 1rem
  }

  .bet-table .bet-button-th,
  .bet-table .bet-date br {
      display: none
  }

  .bet-table .bet-date-td {
      width: 100%;
      padding-top: .5rem
  }

  .bet-table .bet-button-td,
  .bet-table .bet-team-td {
      padding-bottom: 1rem
  }

  .bet-table .bet-button-td {
      padding-left: .25rem;
      padding-right: .25rem
  }

  .bet-table .bet-button-td:last-child {
      padding-right: 0
  }

  .bet-table .bet-team-td {
      padding-top: 0;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding-right: .5rem
  }

  .bet-table .bet-first-th {
      width: 100%;
      padding: .75rem 0;
      text-align: left
  }

  .bet-table .bet-first-th .bm-form__heading,
  .bet-table .bet-first-th .content-accordion h3,
  .bet-table .bet-first-th .content-body h1,
  .bet-table .bet-first-th .content-body h2,
  .bet-table .bet-first-th .content-body h3,
  .bet-table .bet-first-th .content-body h4,
  .bet-table .bet-first-th .content-text h1,
  .bet-table .bet-first-th .content-text h2,
  .bet-table .bet-first-th .content-text h3,
  .bet-table .bet-first-th .content-text h4,
  .bet-table .bet-first-th .heading,
  .bet-table .bet-first-th .heading-1,
  .bet-table .bet-first-th .heading-2,
  .bet-table .bet-first-th .heading-3,
  .bet-table .bet-first-th .heading-4,
  .bet-table .bet-first-th .heading-5,
  .bet-table .bet-first-th .heading_step,
  .bet-table .bet-first-th .main-screen__header>*,
  .bet-table .bet-first-th .section__header .section__count,
  .bet-table .bet-first-th .section__header h2,
  .bet-table .bet-first-th .sidebar__header,
  .content-accordion .bet-table .bet-first-th h3,
  .content-body .bet-table .bet-first-th h1,
  .content-body .bet-table .bet-first-th h2,
  .content-body .bet-table .bet-first-th h3,
  .content-body .bet-table .bet-first-th h4,
  .content-text .bet-table .bet-first-th h1,
  .content-text .bet-table .bet-first-th h2,
  .content-text .bet-table .bet-first-th h3,
  .content-text .bet-table .bet-first-th h4,
  .section__header .bet-table .bet-first-th .section__count,
  .section__header .bet-table .bet-first-th h2 {
      font-weight: 500;
      font-size: 1.25rem
  }

  .bet-button-td>small {
      display: block;
      margin-top: -2rem;
      margin-bottom: 1rem;
      text-transform: uppercase;
      text-align: center;
      font-size: .875rem;
      color: rgba(0, 0, 0, .6)
  }

  .bet-tour-time {
      font-size: .875rem;
      font-weight: 500
  }

  .bet-tour-time .datetime {
      margin-left: auto;
      font-size: 1.5rem
  }

  .bet-tour-time .datetime .delimiter {
      margin: -.125rem .5rem 0
  }

  .bet-tour-time .datetime>[data-text]:after {
      content: attr(data-text);
      display: block;
      text-align: center;
      font-size: .75rem;
      font-weight: 400;
      color: rgba(0, 0, 0, .5)
  }

  .bet-button-td:nth-child(3) {
      margin-left: auto
  }

  .bet-time {
      margin-left: .25rem
  }

  .bet-time:before {
      content: '—';
      margin-right: .25rem
  }

  .bet-button {
      width: 3rem;
      height: 3rem;
      font-size: .875rem
  }

  .bet-button small {
      font-size: .625rem
  }

  .bet-button-no-bet {
      width: 3rem;
      height: 3rem;
      font-size: .875rem
  }

  .bet-button-no-bet small {
      font-size: .625rem
  }

  .bm-bonus-slider .bm-bonus-item__date,
  .bm-bonus-slider .bm-bonus-item__text,
  .content-body .futsal-main-banner__body h1,
  .content-body .futsal-main-banner__body h2,
  .content-body .pop-mma-banner__body h1,
  .content-body .pop-mma-banner__body h2,
  .content-body .totalizator-banner__body h1,
  .content-body .totalizator-banner__body h2,
  .content-text .futsal-main-banner__body h1,
  .content-text .futsal-main-banner__body h2,
  .content-text .pop-mma-banner__body h1,
  .content-text .pop-mma-banner__body h2,
  .content-text .totalizator-banner__body h1,
  .content-text .totalizator-banner__body h2,
  .futsal-main-banner__body .content-body h1,
  .futsal-main-banner__body .content-body h2,
  .futsal-main-banner__body .content-text h1,
  .futsal-main-banner__body .content-text h2,
  .futsal-main-banner__body .heading-2,
  .futsal-main-banner__body .section__header .section__count,
  .futsal-main-banner__body .section__header h2,
  .pop-mma-banner__body .content-body h1,
  .pop-mma-banner__body .content-body h2,
  .pop-mma-banner__body .content-text h1,
  .pop-mma-banner__body .content-text h2,
  .pop-mma-banner__body .heading-2,
  .pop-mma-banner__body .section__header .section__count,
  .pop-mma-banner__body .section__header h2,
  .section__header .futsal-main-banner__body .section__count,
  .section__header .futsal-main-banner__body h2,
  .section__header .pop-mma-banner__body .section__count,
  .section__header .pop-mma-banner__body h2,
  .section__header .totalizator-banner__body .section__count,
  .section__header .totalizator-banner__body h2,
  .totalizator-banner__body .content-body h1,
  .totalizator-banner__body .content-body h2,
  .totalizator-banner__body .content-text h1,
  .totalizator-banner__body .content-text h2,
  .totalizator-banner__body .heading-2,
  .totalizator-banner__body .section__header .section__count,
  .totalizator-banner__body .section__header h2 {
      font-size: 1rem
  }

  .bet-bottom {
      padding: .75rem 1rem 1rem;
      border-top: .5rem solid #f3f3f3
  }

  .bet-balance {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
  }

  .bet-form {
      position: fixed
  }

  .seo-block__heading {
      padding: 1rem
  }

  .seo-block__column {
      padding: 1rem 1rem 1.5rem
  }

  .seo-block___column-heading {
      margin-bottom: .75rem
  }

  .seo-block___column-heading img {
      width: 3.5rem;
      margin-right: 1rem
  }

  .seo-block__image {
      padding: 0 1rem 1rem
  }

  .futsal-main-banner__body,
  .pop-mma-banner__body,
  .totalizator-banner__body {
      max-width: 60%
  }

  .futsal-main-banner__button,
  .pop-mma-banner__button,
  .totalizator-banner__button {
      height: 2rem;
      padding-left: .625rem;
      padding-right: .625rem;
      border-radius: 6px;
      font-size: .875rem
  }

  .totalizator-banner__image {
      max-height: 120px;
      right: 8px
  }

  .content-body .forecasts-block>h1,
  .content-body .forecasts-block>h2,
  .content-text .forecasts-block>h1,
  .content-text .forecasts-block>h2,
  .forecasts-block>.heading-2,
  .section__header .forecasts-block>.section__count,
  .section__header .forecasts-block>h2 {
      padding: 1rem 1rem 0
  }

  .forecasts-block {
      margin-left: -1rem;
      margin-right: -1rem
  }

  .section .forecasts-block {
      margin-left: 0;
      margin-right: 0
  }

  .forecasts-block__days-tabs,
  .forecasts-block__sport-tabs {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap
  }

  .forecasts-block__days-wrap {
      padding-left: .625rem;
      padding-right: .625rem
  }

  .forecast-line__teams,
  .forecasts-block__days-wrap:last-child {
      padding-right: 1rem
  }

  .forecasts-block__days-wrap:first-child {
      padding-left: 1rem
  }

  .forecasts-block__footer {
      padding: 1rem
  }

  .forecast-line {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 1rem
  }

  .forecast-line__icon {
      margin-left: auto;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1
  }

  .forecast-line__datetime {
      margin-right: 1rem;
      font-size: .875rem
  }

  .forecast-line__event {
      padding-right: .75rem
  }

  .forecast-line__ref {
      max-width: 100%;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
      flex: 1 0 100%;
      margin-top: .5rem;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2
  }

  .forecast-line__button img {
      -ms-flex-item-align: start;
      align-self: flex-start
  }

  .spec-project__body {
      padding-top: 1.25rem
  }

  .bm-bonus-slider {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      padding: 1rem 0;
      margin: -1rem
  }

  .bm-bonus-slider .bm-bonus-item-wrap {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(266px + .75rem);
      flex: 1 0 calc(266px + .75rem);
      max-width: calc(266px + .75rem);
      height: inherit;
      padding-left: .375rem;
      padding-right: .375rem
  }

  .bm-bonus-slider .bm-bonus-item-wrap:first-child,
  .bm-bonus-slider .bm-bonus-item-wrap:last-child {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(266px + 1.375rem);
      flex: 1 0 calc(266px + 1.375rem);
      max-width: calc(266px+1.375rem)
  }

  .bm-bonus-slider .bm-bonus-item-wrap:first-child {
      padding-left: 1rem
  }

  .bm-bonus-slider .bm-bonus-item-wrap:last-child {
      padding-right: 1rem
  }

  .bm-bonus-item__body,
  .bm-bonus-item__header {
      padding: 1rem
  }

  .main-screen {
      background-image: url(/rr/images/rr-bg.svg);
      background-repeat: no-repeat;
      background-size: 500px
  }

  .main-screen.bet24 {
      background-image: url(/rr/images/bet24-bg.svg);
      background-repeat: no-repeat;
      background-size: 500px
  }

  .main-screen__flag {
      width: 2rem;
      height: auto;
      margin-left: .75rem;
      border: .125rem solid #fff;
      border-radius: .5rem
  }

  .main-screen__animation {
      display: none
  }

  .main-screen__tabs .delimiter {
      margin-left: 1rem;
      margin-right: 1rem
  }

  .main-screen__header span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-top: 1rem
  }

  .main-screen__verified:after {
      top: -.625rem;
      right: -1rem;
      width: 2rem;
      height: 2rem
  }

  .main-screen__text {
      margin-top: .875rem;
      line-height: 1.375rem
  }

  .main-screen__button {
      height: 40px;
      padding: .75rem
  }

  .main-screen__button .icon {
      margin-right: .5rem
  }

  .section_main-bm .section__count,
  .section_main-bm .section__more-expand {
      display: none
  }

  .collection-list .button_bordered,
  .collection-list .button_main {
      min-width: auto;
      height: 50px
  }

  .button_price,
  .collection-item__buttons .button,
  .collection-spoiler__button {
      height: 50px
  }

  .collection-item__title {
      margin-left: .25rem
  }
}

@media (max-width: 767.98px) and (max-width:767.98px) {

  body.black .bm-search,
  body.black .button_load,
  body.black .section,
  body.black .sidebar__block {
      margin-left: 0;
      margin-right: 0;
      border-radius: .5rem
  }
}

@media (max-width: 700px) {
  .more-main {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
  }

  .main-banner {
      background-position: center
  }

  .main-banner .header__rekl-banner-close {
      top: 8px;
      right: 8px;
      height: 24px;
      width: 24px
  }

  .main-banner .header__rekl-banner-close .icon-close {
      font-size: 12px
  }
}

@media (max-width: 567.98px) {

  .auth-modal__body,
  .bet-bottom-buttons {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column
  }

  .carousel-wrap {
      padding-bottom: .75rem
  }

  .carousel figure figcaption {
      padding-left: 1rem;
      padding-right: 1rem
  }

  .carousel__counter {
      font-size: .875rem
  }

  .table-responsive-wrap.gr:before {
      left: -16px
  }

  .table-responsive-wrap.gr:after {
      right: -16px
  }

  .content-body figure,
  .content-text figure {
      margin: 1.5rem 0 2rem
  }

  .content-body blockquote,
  .content-text blockquote {
      margin: 1.5rem -1rem;
      padding: 2rem 1.5rem
  }

  .auth-modal__body,
  .auth-modal__header {
      padding-left: 1rem;
      padding-right: 1rem
  }

  .content-body blockquote:before,
  .content-text blockquote:before {
      margin-bottom: 1rem
  }

  .content-body img,
  .content-text img {
      max-width: calc(100% + 2rem);
      margin-left: -1rem !important;
      margin-right: -1rem !important
  }

  .content-body .carousel-wrap,
  .content-text .carousel-wrap {
      margin: 1.5rem 0
  }

  .content-body .carousel-wrap figure img,
  .content-text .carousel-wrap figure img {
      margin-left: 0 !important;
      margin-right: 0 !important
  }

  .content-body .carousel,
  .content-text .carousel {
      margin-left: -1rem;
      margin-right: -1rem
  }

  .forbidden-ref-link__text.fullwidth {
      width: calc(100vw - 2rem)
  }

  .button_big {
      width: 100%
  }

  .form__uploaded-file {
      max-width: 60px;
      min-width: 60px;
      height: 60px
  }

  .auth-modal__right {
      background: url(/rr/images/auth-rr-bg.svg) top right no-repeat;
      background-size: 185px
  }

  .auth-modal__right.bet24 {
      background: url(/rr/images/auth-bet24-bg.svg) top right no-repeat;
      background-size: 185px
  }

  .auth-modal__close {
      display: none
  }

  .auth-modal__tabs .tabs__item {
      padding-bottom: .5rem;
      font-weight: 700
  }

  .auth-modal__body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: column
  }

  .auth-scl {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      margin-top: 1.5rem
  }

  .auth-scl__list li {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1
  }

  .auth-scl__list .icon {
      width: 100%
  }

  .auth-modal__top {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      margin-bottom: 1.5rem;
      padding: 1rem 1rem 0
  }

  .auth-modal__top .icon {
      padding: .5rem;
      margin-left: auto;
      margin-top: -.5rem;
      margin-right: -.5rem;
      font-size: 1.375rem
  }

  .collection-item__buttons .button.button_bordered {
      display: none
  }

  .content-widget .collection-item img,
  .poll-widget .collection-item img {
      max-width: 4rem !important;
      margin-left: 0 !important;
      margin-right: 0 !important
  }

  .bet-widget__panel img,
  .collection-widget__bm .collection-item__bm img {
      margin-left: 0 !important;
      margin-right: 0 !important
  }

  .bet-three__item {
      margin-bottom: 1rem
  }

  .bet-three__item img {
      margin-left: 0 !important;
      margin-right: 0 !important
  }

  .bet-widget-v2__coef+img {
      margin-right: 0 !important;
      margin-left: .75rem !important
  }

  .author-widget__photo img {
      width: 100%;
      margin-left: 0 !important;
      margin-right: 0 !important
  }

  .no-result__image {
      width: 60px
  }

  .no-result__message {
      margin-top: 1rem
  }

  .bm-rekl-modal img,
  .bm-rekl-modal picture {
      border-radius: .5rem
  }

  .bm-rekl-modal__close {
      top: 1rem;
      right: 1rem
  }

  .header__version-link {
      padding: .375rem
  }

  .header__version-link img {
      margin-right: .375rem
  }

  .header__version-link span {
      margin-right: .375rem;
      padding-left: .375rem
  }

  .footer {
      padding: 1rem 0 1.5rem
  }

  .footer__line:last-child {
      margin-top: 2.375rem
  }

  .footer__block {
      padding-top: 1rem;
      padding-bottom: 1rem;
      border-bottom: 1px solid rgba(255, 255, 255, .075)
  }

  .footer__block .footer__heading {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
  }

  .footer__block .footer__heading:after {
      margin-left: auto;
      font-size: .375rem
  }

  .footer__block[data-expanded=true] .footer__heading:after {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg)
  }

  .footer__heading {
      font-size: 1rem
  }

  .footer__nav {
      display: none;
      padding-top: 1rem;
      padding-left: 1.375rem
  }

  .footer__nav-item {
      margin-bottom: .75rem
  }

  .footer__nav-item .seo-block__column-link,
  .footer__nav-item a {
      color: #fff
  }

  .bm-list__item {
      margin-bottom: 1rem
  }

  .bm-list__item .bm-media__info span:last-child {
      font-size: .75rem
  }

  .footer__lang-list {
      left: 0
  }

  .footer__breadcrumbs {
      font-size: .875rem
  }

  .footer__breadcrumbs .breadcrumbs__item .seo-block__column-link,
  .footer__breadcrumbs .breadcrumbs__item a {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: rgba(255, 255, 255, .8)
  }

  .footer__breadcrumbs .breadcrumbs__item .seo-block__column-link:before,
  .footer__breadcrumbs .breadcrumbs__item a:before {
      display: inline-block;
      width: .625rem;
      margin-left: 4px;
      margin-right: 10px;
      font-size: .375rem;
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg)
  }

  .bet-team__goals,
  .footer__breadcrumbs .breadcrumbs__item:before,
  .footer__breadcrumbs .breadcrumbs__item:first-child .seo-block__column-link:before,
  .footer__breadcrumbs .breadcrumbs__item:first-child a:before {
      display: none
  }

  .footer__breadcrumbs .breadcrumbs__item {
      margin-bottom: .5rem
  }

  .footer__breadcrumbs .breadcrumbs__item:first-child .seo-block__column-link:after,
  .footer__breadcrumbs .breadcrumbs__item:first-child a:after {
      content: 'bookmakeRReview';
      margin-left: .5rem
  }

  .footer__breadcrumbs .breadcrumbs__item:last-child {
      padding-left: 1.5rem;
      margin-top: .75rem;
      margin-bottom: 0
  }

  .instruction-button,
  .win__form .button_main {
      width: 100%
  }

  .post-card-line .post-card-wrap {
      margin-left: 0 !important;
      margin-right: .75rem !important
  }

  .post-card-wrap:not(.post_futsal) {
      margin-left: -.75rem;
      margin-right: -.75rem;
      width: calc(100%+1.5rem)
  }

  body.black .post-card-wrap {
      margin-left: 0;
      margin-right: 0;
      width: 100%
  }

  .post-card__info {
      padding: 1rem
  }

  .post_futsal .post-card__info {
      border: 1px solid #EBEBEB
  }

  .post-card__title {
      line-height: 1.5rem;
      font-size: 1.25rem;
      font-weight: 500
  }

  .bet-balance label,
  .star-review__author-name {
      font-size: .875rem
  }

  .bet-table-wrap {
      margin-left: -.75rem;
      margin-right: -.75rem
  }

  .bet-balance {
      margin-bottom: .75rem
  }

  .bet-balance .bet-balance-currency {
      margin-left: auto
  }

  .bet-clean-button,
  .bet-coupon-button {
      height: 3rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      font-weight: 400
  }

  .bet-bottom-buttons {
      flex-direction: column
  }

  .bet-bottom-buttons .button_bordered {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      margin-top: .875rem
  }

  .bet-bottom-buttons .button {
      width: 100%
  }

  .star-reviews-list.slick-initialized {
      margin-left: -1rem;
      margin-right: -1rem
  }

  .star-reviews-list .slick-slide {
      width: 250px;
      margin-left: .5rem;
      margin-right: .5rem
  }

  .star-review__head {
      height: 120px;
      padding: 1.5rem .875rem
  }

  .star-review__author {
      width: 55%
  }

  .star-review__author-info {
      margin-top: .25rem;
      line-height: 1rem;
      font-size: .75rem
  }

  .star-review__photo img {
      width: 100px;
      height: auto
  }

  .star-review__body {
      padding: 1rem 1rem 0
  }

  .seo-block__body>.row>div:last-child .seo-block__column,
  .seo-block__heading {
      padding-bottom: 0
  }

  .star-review__text {
      line-height: 1.25rem;
      font-size: .875rem
  }

  .star-review__bm .bm-media:after {
      width: 1rem;
      height: 1rem
  }

  .star-review__bm img {
      max-width: 1rem;
      height: auto
  }

  .seo-block__body {
      padding-left: 1rem;
      padding-right: 1rem
  }

  .seo-block__column,
  .seo-block__image {
      padding-left: 0;
      padding-right: 0
  }

  .seo-block__body>.row>div:first-child {
      border-top: none
  }

  .seo-block__column {
      display: block
  }

  .seo-block__column-link {
      margin-top: 1.5rem
  }

  .seo-block__image:before {
      height: 380px;
      background-repeat: repeat-y;
      border-radius: .5rem
  }

  .seo-block__text {
      max-width: calc(100% - 1rem);
      bottom: 2rem;
      left: 50%;
      padding: 1rem 1.5rem;
      line-height: 1.375;
      font-size: 1.125rem;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%)
  }

  .seo-block__text-bottom {
      padding-top: 1rem
  }

  .futsal-main-banner,
  .pop-mma-banner,
  .totalizator-banner {
      padding: 1.25rem 1rem 1rem
  }

  .futsal-main-banner__body .text-md,
  .pop-mma-banner__body .text-md,
  .totalizator-banner__body .text-md {
      display: none
  }

  .main-screen {
      background-position: -50% top
  }

  .main-screen.bet24 {
      background-position: -50% bottom
  }

  .main-collections .collection-sm {
      padding-top: 1rem;
      padding-bottom: 1rem;
      border-bottom: 1px solid #EBEBEB
  }

  .section_bet-contest {
      padding-bottom: 0
  }

  .section_bet-contest .bet-table-wrap {
      margin-left: -1rem;
      margin-right: -1rem
  }
}

@media (max-width: 480px) {
  .collection-list .button {
      height: 40px
  }


  .collection-item__title {
      font-size: 14px
  }

  .button_price img {
      margin-right: 0
  }

  .collection-item__bm img {
      max-width: 2.5rem;
      border-radius: 1rem
  }
}

@media (max-width: 340px) {
  .collection-item__info {
      margin-left: .25rem
  }

  .collection-item__bm {
      padding-right: .1rem
  }
}

@media (max-width: 330px) {

  .futsal-main-banner__body,
  .pop-mma-banner__body,
  .totalizator-banner__body {
      max-width: 48%
  }
}

@media (min-width: 768px) and (max-width:991.98px) {
  .stars_big-lg {
      font-size: 1.5rem
  }

  .nav {
      height: calc(100% - 3.5rem);
      overflow-y: auto
  }

  .bm-form__heading {
      font-size: 1.25rem
  }

  .futsal-main-banner,
  .pop-mma-banner,
  .totalizator-banner {
      min-height: 280px;
      padding: 1.5rem
  }

  .futsal-main-banner__body,
  .pop-mma-banner__body,
  .totalizator-banner__body {
      max-width: 325px
  }

  .content-body .futsal-main-banner__body h1,
  .content-body .futsal-main-banner__body h2,
  .content-body .pop-mma-banner__body h1,
  .content-body .pop-mma-banner__body h2,
  .content-body .totalizator-banner__body h1,
  .content-body .totalizator-banner__body h2,
  .content-text .futsal-main-banner__body h1,
  .content-text .futsal-main-banner__body h2,
  .content-text .pop-mma-banner__body h1,
  .content-text .pop-mma-banner__body h2,
  .content-text .totalizator-banner__body h1,
  .content-text .totalizator-banner__body h2,
  .futsal-main-banner__body .content-body h1,
  .futsal-main-banner__body .content-body h2,
  .futsal-main-banner__body .content-text h1,
  .futsal-main-banner__body .content-text h2,
  .futsal-main-banner__body .heading-2,
  .futsal-main-banner__body .section__header .section__count,
  .futsal-main-banner__body .section__header h2,
  .pop-mma-banner__body .content-body h1,
  .pop-mma-banner__body .content-body h2,
  .pop-mma-banner__body .content-text h1,
  .pop-mma-banner__body .content-text h2,
  .pop-mma-banner__body .heading-2,
  .pop-mma-banner__body .section__header .section__count,
  .pop-mma-banner__body .section__header h2,
  .section__header .futsal-main-banner__body .section__count,
  .section__header .futsal-main-banner__body h2,
  .section__header .pop-mma-banner__body .section__count,
  .section__header .pop-mma-banner__body h2,
  .section__header .totalizator-banner__body .section__count,
  .section__header .totalizator-banner__body h2,
  .totalizator-banner__body .content-body h1,
  .totalizator-banner__body .content-body h2,
  .totalizator-banner__body .content-text h1,
  .totalizator-banner__body .content-text h2,
  .totalizator-banner__body .heading-2,
  .totalizator-banner__body .section__header .section__count,
  .totalizator-banner__body .section__header h2 {
      font-size: 1.75rem
  }

  .futsal-main-banner__button,
  .pop-mma-banner__button,
  .totalizator-banner__button {
      height: 3rem;
      padding-left: 2rem;
      padding-right: 2rem
  }

  .totalizator-banner__image {
      right: 24px;
      max-height: 250px
  }

  .forecast-line {
      font-size: .875rem
  }

  .main-screen__animation {
      right: -135px
  }

  .main-screen__image.mr-lg-n5 {
      margin-right: -2.75rem !important
  }

  .main-collections .collection-sm__title {
      margin-top: 1rem;
      font-size: 1rem
  }
}

@media (min-width: 992px) and (max-width:1199.98px) {
  .header__right {
      margin-left: 1rem
  }
}

@media (min-width: 568px) and (max-width:991.98px) {
  .footer__line:first-child {
      padding-top: 50px;
      padding-bottom: 50px
  }
}

@media (min-width: 568px) and (max-width:1199.98px) {
  .footer__lang-list {
      right: 0
  }
}

@media (min-width: 568px) and (max-width:767.98px) {
  .bet-balance {
      margin-bottom: 1rem;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
  }

  .bet-balance .bet-balance-currency {
      margin-left: .5rem
  }

  .bet-bottom-buttons {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
  }

  .futsal-main-banner,
  .pop-mma-banner,
  .totalizator-banner {
      padding: 1.5rem 1rem
  }

  .main-screen {
      background-position: 200% top
  }

  .main-screen.bet24 {
      background-position: 200% bottom
  }

  .main-collections .collection-sm__icon img {
      max-width: 45px;
      max-height: 45px
  }

  .main-collections .collection-sm__title {
      margin-top: .875rem;
      font-size: .875rem
  }
}

@media (min-width: 992px) and (max-width:1180px) {
  .main-screen__animation {
      right: -45px
  }
}

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

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  body {
      height: 100%;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap
  }

  .footer,
  .header {
      -ms-flex-negative: 0;
      flex-shrink: 0
  }

  .content-wrap {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
      flex: 1 0 auto
  }
}

.header-advertisment {
  padding: 24px 0;
  position: relative;
  min-height: 199px;
  background: #f0f1f2
}

.header-advertisment+.container {
  margin-top: 25px
}

@media (min-width: 768px) {
  .content-wrap .content .container:only-child {
      margin-top: 25px
  }
}

@media (min-width: 768px) {
  .content-wrap .content .container:only-child {
      margin-top: 25px
  }
}

.header-advertisment--in-section {
  margin-bottom: 48px
}

@media(max-width: 768px) {
  .header-advertisment--in-section {
      margin-bottom: 32px
  }
}

@media(max-width: 768px) {
  .header-advertisment {
      min-height: 159px
  }
}

@media(max-width: 576px) {
  .header-advertisment {
      min-height: 179px
  }
}

.header-advertisment .container {
  position: static
}

.header-advertisment__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.header-advertisment__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.header-advertisment__close {
  margin-right: 24px;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #fff;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  position: relative;
  transition: all .3s ease-in-out 0s;
  z-index: 1;
  cursor: pointer
}

@media(max-width: 768px) {
  .header-advertisment__close {
      margin-right: 0
  }

  .main-screen {
      padding: 63px 0 24px
  }

  .with-version .main-screen {
      padding-top: 124px
  }
}

@media(min-width: 768px) {
  .main-screen {
      padding: 102px 0 68px
  }

  .with-version .main-screen {
      padding-top: 152px
  }
}

.header-advertisment__close:hover {
  background-color: #ededed
}

.main-screen__animation {
  top: 50%;
  transform: translate(0, -55%)
}

.breadcrump-logo {
  display: none
}

@media (max-width: 568px) {
  .breadcrump-logo {
      display: block
  }
}

.main-banner {
  padding-left: 24px;
  padding-right: 24px;
  -webkit-filter: drop-shadow(0 -4px 44px rgba(0, 0, 0, .15));
  filter: drop-shadow(0 -4px 44px rgba(0, 0, 0, .15));
  position: fixed;
  bottom: -1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 1128px;
  width: 100%;
  aspect-ratio: 1128/107;
  z-index: 100;
  color: #fff
}

@media (max-width: 768px) {
  .main-banner {
      aspect-ratio: 320/110
  }
}

.main-banner__bg {
  position: absolute;
  inset: 0
}

.main-banner__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.main-banner .header__rekl-banner-close {
  top: 16px;
  right: 16px;
  background: #fff
}

@media (max-width: 992px) {
  .main-banner .header__rekl-banner-close {
      top: 8px;
      right: 8px;
      height: 24px;
      width: 24px
  }
}

@media (max-width: 992px) {
  .main-banner .header__rekl-banner-close .icon-close {
      font-size: 12px
  }
}

.banner-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
  background-color: #fff
}

.banner-link {
  display: block;
  width: 100%;
  height: 268px;
  overflow: hidden;
  position: relative
}

.banner-image {
  display: block;
  width: 100%;
  height: auto;
  min-height: 100%;
  object-fit: cover;
  object-position: center
}

.banner-link:hover .banner-image {
  box-shadow: 0 4px 16px rgba(0, 0, 0, .2)
}

@media (max-width: 768px) {
  .banner-container {
      justify-content: flex-start;
      padding: 8px
  }

  .banner-link {
      height: auto
  }

  .banner-image {
      border-radius: 6px
  }
}

@media (max-width: 576px) {
  .banner-container {
      flex-direction: column;
      padding: 4px
  }

  .banner-link {
      height: auto
  }

  .banner-image {
      border-radius: 4px
  }
}
[data-name="acceptance-892"] .wpcf7-list-item {
  margin: 0 0px 0px 6px;
  position: relative;
  top: 3px;
}

[data-name="acceptance-892"] .wpcf7-form-control {
  width: 100%;
  padding: 0;
  margin: 10px 0;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  color: #333;
  background-color: initial;
  transition: border-color 0.3s, box-shadow 0.3s;
  outline: none;
  font-family: Gilroy;
  font-size: 14px;
}

[data-name="acceptance-892"] input {
  width: 18px;
  height: 18px;
}

.pol-mar {
  margin-top: 10px;
  display: block;
}
.no-js img.lazyload {
  display: none;
}

figure.wp-block-image img.lazyloading {
  min-width: 150px;
}

.lazyload {
  opacity: 0;
}

.lazyload,
.lazyloading {
  --smush-placeholder-width: 100px;
  --smush-placeholder-aspect-ratio: 1/1;
  width: var(--smush-placeholder-width) !important;
  aspect-ratio: var(--smush-placeholder-aspect-ratio) !important;
}

.header .header-actions.header-actions-full {
  height: 80px;
}
.button_telegrem_color {
  background-color: #0085db;
  color: #fff;
}
.button_telegrem_color svg {
  max-width: 18px;
  margin: 0 0 0 5px;
}
.form-comment {
  position: relative;
}
.modal-success {
  position: absolute;
  width: 101%;
  height: 101%;
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  font-size: 21px;
  background: #f8f8fb;
  display: none;
  z-index: 10;
}
.modal-success.open {
  display: flex;
}
@media (max-width: 600px) {
  .container-otzyvy-img img {
    max-width: 100%;
  }
  .header .logo {
    max-width:  calc(100% - 44px);
  }
  .h1-index {
    font-size: 28px;
  }
}