@charset "UTF-8";
@mixim getGradient() {
  background: #f59c07;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1OWMwNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNTc1MDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #f59c07 0%, #f57507 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f59c07), color-stop(100%, #f57507));
  background: -webkit-linear-gradient(top, #f59c07 0%, #f57507 100%);
  background: -o-linear-gradient(top, #f59c07 0%, #f57507 100%);
  background: -ms-linear-gradient(top, #f59c07 0%, #f57507 100%);
  background: linear-gradient(to bottom, #f59c07 0%, #f57507 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f59c07', endColorstr='#f57507', GradientType=0);
}

* {
  margin: 0px;
  padding: 0px;
  outline: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

html,
body {
  font-family: 'Helvetica Neue', 'Segoe UI', 'Arial', sans-serif;
  font-size: 10px;
  background: #1f1f1f;
  position: relative;
  min-height: 100vh;
  min-width: 320px;
}

img,
svg {
  max-width: 100%;
}

a {
  text-decoration: none;
}

._overflow {
  overflow: hidden;
}

._hidden {
  display: none;
}

.b-container {
  font-size: 0;
  line-height: 0;
}

  @media only screen and (min-width: 1366px) {
    .b-container__right {
      width: calc(100% - 7.5rem);
      display: inline-block;
      vertical-align: top;
      /*position: relative;*/
      /*z-index: 5;*/
    transition: width .2s ease-in-out;
  }
}

.b-content {
  padding: 2rem 1.5rem;
}

  @media only screen and (min-width: 750px) {
    .b-content {
    padding: 3rem 1.5rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-content {
    padding: 4rem 4.5rem 6rem 6rem;
  }
}

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

svg path {
  transition: fill .2s ease-in-out;
}

.b-title {
  font-size: 2rem;
  line-height: 2.3rem;
  font-weight: 300;
  margin: 0 0 2rem 0;
  color: #f1f1f1;
}

  @media only screen and (min-width: 750px) {
    .b-title {
      font-size: 2.5rem;
    line-height: 2.8rem;
  }
}

.b-subtitle {
  font-weight: 300;
  font-size: 1.3rem;
  color: #939393;
  line-height: 2rem;
}

  @media only screen and (min-width: 750px) {
    .b-subtitle {
      font-size: 1.4rem;
    line-height: 2rem;
  }
}

@media only screen and (min-width: 750px) {
  .b-page-header {
    display: flex;
  }
}

.b-page-header__left {
  flex: 1 1 auto;
  margin-bottom: 2rem;
}

  @media only screen and (min-width: 750px) {
    .b-page-header__left {
      padding-right: 3.5rem;
    margin-bottom: 0px;
  }
}

  .b-page-header__left .b-title {
  margin-bottom: 1.3rem;
}

    @media only screen and (min-width: 750px) {
      .b-page-header__left .b-title {
    line-height: 2rem;
  }
}

.b-page-header__right {
  flex: 0 0 auto;
}

.b-main-menu {
  position: absolute;
  left: 0px;
  top: 0px;
  min-height: 100vh;
  z-index: 5;
  width: 100%;
  max-height: 100vh;
}

  @media only screen and (min-width: 1366px) {
    .b-main-menu {
      background: #262626;
      display: inline-block;
      vertical-align: top;
      position: fixed;
      left: 0px;
      top: 0px;
      width: 7.5rem;
    transition: width .2s ease-in-out;
  }
}

  .b-main-menu .ps__rail-y {
  display: none !important;
}

  @media only screen and (min-width: 1366px) {
    ._extend .b-main-menu {
      overflow: hidden;
    width: 25.5rem;
  }
}

  .b-main-menu__wrapper {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    min-height: 100vh;
    display: none;
    transition: width .2s ease-in-out;
  z-index: 5;
}

    @media only screen and (min-width: 1366px) {
      .b-main-menu__wrapper {
        position: relative;
        left: auto;
        top: auto;
        background: #262626;
        width: 7.5rem;
        display: inline-block;
    vertical-align: top;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-main-menu__wrapper._extend {
        overflow: hidden;
    width: 25.5rem;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-main-menu__wrapper._extend + .b-container__right {
    width: calc(100% - 25.5rem);
  }
}

    @media screen and (min-width: 1366px) and (max-width: 1600px) {
      .b-main-menu__wrapper._extend + .b-container__right .b-index__active-donation-goal .slick-arrow.slick-prev {
    left: -18px;
  }
}

    @media screen and (min-width: 1366px) and (max-width: 1600px) {
      .b-main-menu__wrapper._extend + .b-container__right .b-index__active-donation-goal .slick-arrow.slick-next {
    right: -18px;
  }
}

    @media screen and (min-width: 1366px) and (max-width: 1600px) {
      .b-main-menu__wrapper._extend + .b-container__right .b-index__active-donation-goal--round {
    margin-top: 4rem;
  }
}

@media only screen and (min-width: 1366px) {
  .b-main-menu__wrapper._extend + .b-container__right .b-index__active-donation-goal--stat-block {
    width: 100%;
    margin-bottom: 1.5rem;
  }

  .b-main-menu__wrapper._extend + .b-container__right .b-index__active-donation-goal--stat-block:last-child {
    margin-bottom: 0px;
    margin-top: 20px;
  }

  .dashboard-page .b-index__active-donation-goal--stat-block:last-child {
    margin-bottom: 0px;
    margin-top: 20px;
  }
}

@media only screen and (min-width: 1600px) {
  .b-main-menu__wrapper._extend + .b-container__right .b-index__active-donation-goal--stat-block:last-child {
    margin-top: 20px;
  }

  .dashboard-page .b-index__active-donation-goal--stat-block:last-child {
    margin-top: 20px;
  }
}

    .b-main-menu__wrapper._shown {
  display: block;
}

  .b-main-menu__layout {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
  z-index: 2;
}

    @media only screen and (min-width: 1366px) {
      .b-main-menu__layout {
    display: none;
  }
}

  .b-main-menu__inner {
    background: #262626;
    width: 23rem;
    min-height: 100vh;
    position: relative;
    z-index: 3;
    transform: translateX(-100%);
    transition: transform .2s ease-in-out;
    padding-top: 2.5rem;
    padding-bottom: 80px;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.4);
}

    ._animated .b-main-menu__inner {
  transform: translateX(0);
}

    @media only screen and (min-width: 1366px) {
      .b-main-menu__inner {
        padding-top: 0px;
        width: 100%;
        transform: none;
        box-shadow: none;
    min-height: 0px;
  }

        ._extend .b-main-menu__inner {
    width: 25.5rem;
  }
}

  .b-main-menu__mobile-close {
    margin: 0 0 3rem 2.5rem;
    display: inline-block;
  vertical-align: top;
}

    @media only screen and (min-width: 1366px) {
      .b-main-menu__mobile-close {
    display: none;
  }
}

  .b-main-menu__mobile-balance {
    padding-left: 2rem;
    font-weight: 300;
    font-size: 1.4rem;
    color: #9c9c9c;
    line-height: 2rem;
  margin-bottom: 1rem;
}

    .b-main-menu__mobile-balance span {
      font-weight: 500;
  color: #f1f1f1;
}

    @media only screen and (min-width: 750px) {
      .b-main-menu__mobile-balance {
    display: none;
  }
}

  .b-main-menu__logo {
  display: none;
}

    @media only screen and (min-width: 1366px) {
      .b-main-menu__logo {
        display: flex;
        text-decoration: none;
        align-items: center;
        padding: 15px 0 5px 20px;
      }

        ._extend .b-main-menu__logo {
    width: 25.5rem;
  }
}

    .b-main-menu__logo svg {
      height: 40px;
      width: 40px;
    }

    .b-main-menu__logo span {
  display: none;
}

      ._extend .b-main-menu__logo span {
        display: block;
        text-transform: uppercase;
        text-decoration: inherit;
        font-weight: 700;
        font-size: 13px;
        line-height: 1.5;
        margin-left: 15px;
        color: #f57707;
      }

        ._not-ie ._extend .b-main-menu__logo span {
          background: linear-gradient(265deg,#f59c07,#f57507);
          -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

  ._extend .b-main-menu__list {
  padding: 1rem 0;
}

    @media only screen and (min-width: 1366px) {
      ._extend .b-main-menu__list {
    padding: 2rem 0;
  }
}

.b-main-menu__list--item--blimp {
  display: inline-block;
  position: relative;
}

.b-main-menu__list--item--blimp:after {
  content: '';
  display: block;
  position: absolute;
  top: -12px;
  width: 12px;
  height: 12px;
  border-radius: 8px;
  background: #F57D07;
  border: 2px solid #303030;
}

#tfa-tooltip {
  position: fixed;
  display: flex;
  align-items: center;
  padding: 8px 12px;
  background: #191919;
  border-radius: 8px;
  opacity: 0;
  z-index: 10;
  pointer-events: none;
  margin-top: -24px;
  margin-left: 24px;
}

#tfa-tooltip:before {
  content: '';
  position: absolute;
  left: -6px;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  transform: rotate(45deg);
  background: #191919;
  z-index: -1;
}

#tfa-tooltip .tfa-tooltip-icon svg {
  width: 20px;
  height: 20px;
}

#tfa-tooltip .tfa-tooltip-text {
  margin-left: 10px;
  font-size: 13px;
  line-height: 18px;
  color: #F1F1F1;
}

  .b-main-menu__list--item {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    position: relative;
  margin-bottom: 0.5rem;
}

    @media only screen and (min-width: 1366px) {
      .b-main-menu__list--item {
    margin-bottom: 0px;
  }
}

    .b-main-menu__list--item:hover .b-main-menu__list--submenu {
  display: block;
}

    @media only screen and (min-width: 1366px) {
      .b-main-menu__list--item:hover:not(._active-item) .b-main-menu__list--item-icon svg path {
    fill: #fff;
  }
}

    .b-main-menu__list--item._active-item .b-main-menu__list--item-icon svg path {
  fill: url(#base-gradient);
}

    ._extend .b-main-menu__list--item._has-submenu .b-main-menu__list--item-trigger {
  position: relative;
}

      ._extend .b-main-menu__list--item._has-submenu .b-main-menu__list--item-trigger:before {
        content: '';
        position: absolute;
        top: 50%;
        right: 1.5rem;
        transform: translateY(-50%);
        width: 1.3rem;
        height: 0.8rem;
        background: url("/img/menu_arrow.svg") center no-repeat;
  background-size: 100%;
}

    ._extend .b-main-menu__list--item._has-submenu .b-main-menu__list--submenu {
  display: none;
}

    ._extend .b-main-menu__list--item._has-submenu._open-submenu .b-main-menu__list--item-trigger:before {
  transform: translateY(-50%) rotate(180deg);
}

    ._extend .b-main-menu__list--item._has-submenu._open-submenu .b-main-menu__list--submenu {
  display: block;
}

  .b-main-menu__list--item-trigger {
    cursor: pointer;
    padding: 2rem 0;
    display: block;
  text-decoration: none;
}

  .b-main-menu__list--item-trigger:hover {
    text-decoration: none;
  }

    ._extend .b-main-menu__list--item-trigger {
  padding: 1rem 0 1rem 2rem;
}

      @media only screen and (min-width: 1366px) {
        ._extend .b-main-menu__list--item-trigger {
    padding: 1.2rem 0 1.2rem 2.5rem;
  }
}

      @media only screen and (min-width: 1366px) {
        ._extend .b-main-menu__list--item-trigger:hover .b-main-menu__list--item-name {
    color: #f57707;
  }

          ._not-ie ._extend .b-main-menu__list--item-trigger:hover .b-main-menu__list--item-name {
            background: linear-gradient(265deg, #f59c07, #f57507);
            -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

    ._extend ._active-item .b-main-menu__list--item-trigger {
  position: relative;
}

      ._extend ._active-item .b-main-menu__list--item-trigger:before {
        content: '';
        position: absolute;
        left: 0px;
        top: 0px;
        width: 3px;
        height: 100%;
        background: #f59c07;
        background: -moz-linear-gradient(top, #f59c07 0%, #f57507 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f59c07), color-stop(100%, #f57507));
        background: -webkit-linear-gradient(top, #f59c07 0%, #f57507 100%);
        background: -o-linear-gradient(top, #f59c07 0%, #f57507 100%);
        background: -ms-linear-gradient(top, #f59c07 0%, #f57507 100%);
        background: linear-gradient(to bottom, #f59c07 0%, #f57507 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f59c07', endColorstr='#f57507', GradientType=0);
}

  .b-main-menu__list--item-icon {
  display: none;
}

    @media only screen and (min-width: 1366px) {
      .b-main-menu__list--item-icon {
        margin-bottom: 1rem;
    display: block;
  }
}

    @media only screen and (min-width: 1366px) {
      ._extend .b-main-menu__list--item-icon {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0px;
        width: 2rem;
    margin-right: 2rem;
  }
}

    .b-main-menu__list--item-icon svg {
      display: block;
  margin: 0 auto;
}

      ._extend .b-main-menu__list--item-icon svg {
  height: auto;
}

        ._is-ie ._extend .b-main-menu__list--item-icon svg {
  max-height: 2rem;
}

  .b-main-menu__list--item-name {
    font-size: 1.1rem;
    color: #909090;
    line-height: 1.4rem;
  text-align: center;
}

    ._extend .b-main-menu__list--item-name {
      display: inline-block;
      vertical-align: middle;
      font-weight: 500;
      font-size: 1.3rem;
      color: #f1f1f1;
      line-height: 1.6rem;
  text-transform: uppercase;
}

    .b-main-menu__list--item-name span {
  display: none;
}

      ._extend .b-main-menu__list--item-name span {
  display: inline;
}

  .b-main-menu__list--submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: 0px;
    width: 18rem;
    border-radius: 0 3px 3px 0;
    background-color: #353535;
    box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.11);
  padding: 2rem;
}

    @media only screen and (min-width: 1366px) {
      .b-main-menu__list--submenu {
        opacity: 0;
        transform: translateX(-2rem);
        animation: fede_and_move_right .2s ease-in-out;
    animation-fill-mode: forwards;
  }
}

    ._extend .b-main-menu__list--submenu {
      position: relative;
      width: auto;
      left: auto;
      top: auto;
      background: inherit;
      box-shadow: none;
      padding: 0px;
      border-radius: 0px;
  padding: 1rem 0 1.5rem 2rem;
}

      @media only screen and (min-width: 1366px) {
        ._extend .b-main-menu__list--submenu {
          padding-left: 6.5rem;
          opacity: 1;
          transform: none;
    animation: none;
  }
}

  .b-main-menu__list--submenu-item {
    font-size: 1.3rem;
    color: #f1f1f1;
    line-height: 1.5rem;
    margin-bottom: 0.7rem;
    padding: 0.4rem 0;
    cursor: pointer;
    display: block;
  text-decoration: none;
}

    .b-main-menu__list--submenu-item._active-item {
      font-weight: bold;
  color: #fff !important;
}

    ._extend .b-main-menu__list--submenu-item {
      font-size: 1.4rem;
  color: #838383;
}

      @media only screen and (min-width: 1366px) {
        ._extend .b-main-menu__list--submenu-item {
          font-size: 1.3rem;
          line-height: 1.8rem;
    padding-right: 2rem;
  }
}

    .b-main-menu__list--submenu-item:last-child {
  margin-bottom: 0px;
}

    .b-main-menu__list--submenu-item:hover {
  color: #f57707;
}

      ._not-ie .b-main-menu__list--submenu-item:hover {
        background: linear-gradient(265deg, #f59c07, #f57507);
        -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@keyframes fede_and_move_right {
  0% {
    opacity: 0;
    transform: translateX(-2rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.b-header {
  height: 7rem;
  background: #262626;
  display: flex;
  position: relative;
  z-index: 2;
}

  @media only screen and (min-width: 1366px) {
    .b-header {
    border-left: 1px solid #353535;
  }
}

.b-header-toggler-mobile {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7rem;
  border-right: 1px solid #353535;
}

  @media only screen and (min-width: 1366px) {
    .b-header-toggler-mobile {
    display: none;
  }
}

  .b-header-toggler-mobile__wrapp {
  width: 3rem;
}

  .b-header-toggler-mobile__line {
    display: block;
    width: 100%;
    height: .4rem;
    flex: 1;
    margin-bottom: .6rem;
  background-image: linear-gradient(240deg, #f59c07, #f57507);
}

    .b-header-toggler-mobile__line:last-child {
  margin-bottom: 0;
}

.b-header-toggler-desktop {
  display: none;
  justify-content: center;
  align-items: center;
  margin-left: 2.2rem;
  margin-right: 0.8rem;
}

  @media only screen and (min-width: 1366px) {
    .b-header-toggler-desktop {
      display: flex;
    cursor: pointer;
  }
}

  .b-header-toggler-desktop:hover .b-header-toggler-desktop__line {
  background: #f1f1f1;
}

  .b-header-toggler-desktop._hidden {
  display: none !important;
}

  .b-header-toggler-desktop__wrapp {
  width: 2.3rem;
}

  .b-header-toggler-desktop__line {
    height: 0.3rem;
    background: #b0b0b0;
  margin-bottom: 0.4rem;
}

    .b-header-toggler-desktop__line:last-child {
      margin-bottom: 0;
  width: 100%;
}

      ._extend .b-header-toggler-desktop__line:last-child {
  width: 50%;
}

.b-header-study {
  display: flex;
  justify-content: center;
  align-items: center;
}

  @media only screen and (min-width: 750px) {
    .b-header-study {
      /* display: flex; */
    flex-basis: auto;
  }
}

  .b-header-study__icon {
    font-size: 0;
    line-height: 0;
    position: relative;
  z-index: 1;
}

    @media only screen and (min-width: 750px) {
      .b-header-study__icon:hover svg path {
    fill: #f1f1f1;
  }
}

.b-header-news {
  flex: 0 0 auto;
}

.b-header-news .icon {
  width: 1em;
  height: 1em;
  color: #B4B4B4;
}

.b-header-balance {
  display: none;
  flex: 0 0 auto;
  margin-right: 20px;
  align-items: center; }
  @media only screen and (min-width: 750px) {
    .b-header-balance {
    display: flex;
  }
}

  .b-header-balance__wrapp {
    cursor: default;
    background-color: #303030;
    border: 0;
    height: 4rem;
    border-radius: 100px;
    display: flex;
    align-items: center;
  padding: 0 2.2rem;
}

  .b-header-balance__title {
    width: 100%;
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 300;
    text-align: left;
  color: #9c9c9c;
}

  .b-header-balance__value {
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 500;
    text-align: left;
  color: #f1f1f1;
}

.b-header-streamer {
  flex: 0 0 11rem;
  display: flex;
  align-items: center;
  padding-left: 2rem;
  position: relative;
  margin-left: 0; }
  @media only screen and (min-width: 750px) {
    .b-header-streamer {
      cursor: pointer;
      margin-left: 10px;
      padding-left: 1.5rem;
      padding-right: 2.4rem;
    flex: 0 0 auto;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-header-streamer {
      position: relative;
      z-index: 1;
    cursor: pointer;
  }
}

  @media only screen and (min-width: 750px) {
    .b-header-streamer:hover .b-header-streamer__toggler svg path {
    fill: #fff;
  }
}

  .b-header-streamer._open-streamer {
    /* background: #333; */
   }
    @media only screen and (min-width: 1366px) {
      .b-header-streamer._open-streamer {
        /* background: none;  */
      } }
  .b-header-streamer__avatar {
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    border-radius: 50%;
  margin-right: 1rem;
}

    @media only screen and (min-width: 750px) {
      .b-header-streamer__avatar {
    margin-right: 1.5rem;
  }
}

  .b-header-streamer__name {
  display: none;
}

    @media only screen and (min-width: 750px) {
      .b-header-streamer__name {
        display: block;
        font-size: 1.5rem;
        line-height: 1.8rem;
        font-weight: 500;
        text-align: left;
        color: #f1f1f1;
    margin-right: 0.9rem;
  }
}

  ._open-streamer .b-header-streamer__toggler {
  transform: rotate(180deg);
}

  .b-header-streamer__menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: auto !important;
    background: #333;
    padding: 1rem 0;
  border-radius: 0 0 3px 3px;
}

    ._open-streamer .b-header-streamer__menu {
  display: block;
}

    @media only screen and (min-width: 1366px) {
      .b-header-streamer__menu {
        width: auto;
        right: 0;
    cursor: default;
  }
}

  .b-header-streamer__link {
    font-size: 1.3rem;
    /* line-height: 1.6rem; */
    font-weight: 500;
    text-align: left;
    color: #f1f1f1;
    display: block;
  padding: 1rem 2.2rem;
}

    .b-header-streamer__link svg {
      margin-right: 10px;
      vertical-align: middle;
      display: none;
    }
    .b-header-streamer__link span {
      line-height: 18px;
      transition: color .2s ease-in-out;
    }
    @media only screen and (min-width: 750px) {
      .b-header-streamer__link {
        padding: 0;
        margin: 1rem 2.2rem; }
        .b-header-streamer__link svg {
          display: inline-block;
        }
        .b-header-streamer__link:hover {
          color: #f57707; }
          .b-header-streamer__link:hover svg path{
            fill: #f57707;
          } }

.b-header-announce {
  /* flex: 0 0 7rem; */
  /* border-right: 1px solid #353535; */
  cursor: pointer;
  background: #353535;
  width:50px;
  height: 40px;
  margin-top: 15px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

  .b-header-study {
    flex: 0 0 7rem;
  }

  @media only screen and (min-width: 1366px) {
    .b-header-announce,
    .b-header-study {
      position: relative;
      z-index: 1;
    cursor: pointer;
  }
}

  .b-header-study._open-study,
  .b-header-announce._open-announce {
    /* background: #353535;  */
  }
    .b-header-study._open-study svg path,
    .b-header-announce._open-announce svg path {
  fill: #fff;
}

  @media only screen and (min-width: 750px) {
    .b-header-announce:hover svg path {
    fill: #fff;
  }
}

  .b-header-announce__icon {
    font-size: 0;
    line-height: 0;
    position: relative;
  z-index: 1;
}

    ._new-announce .b-header-announce__icon:before {
      /* content: attr(data-count); */
      content: '';
      display: flex;
      justify-content: center;
      align-items: center;
      width: 1.6rem;
      height: 1.6rem;
      position: absolute;
      top: -10px;
      right: -15px;
      border: 2px solid #262626;
      background: #f00;
      box-sizing: border-box;
      border-radius: 50%;
      font-size: 1rem;
      font-weight: bold;
      line-height: 1.6rem;
      text-align: center;
  color: #fff;
}

    ._open-announce .b-header-announce__icon:before {
  border-color: #353535;
}

  .b-header-study__popup,
  .b-header-announce__popup {
    cursor: default;
    display: none;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #353535;
    padding: 2.5rem 2rem 3rem 2.5rem;
  border-radius: 0 0 3px 3px;
}

    ._open-study .b-header-study__popup,
    ._open-announce .b-header-announce__popup {
  display: block;
}

    @media only screen and (min-width: 1366px) {
      .b-header-study__popup {
        width: 36.2rem;
        left: 0;
        right: auto;
      }

      .b-header-announce__popup {
        width: 36.2rem;
        left: auto;
        top: 55px;
        right: -1px; } }
  .b-header-study__title,
  .b-header-announce__title {
    font-size: 1.3rem;
    line-height: 1.6rem;
    color: #6d6d6d;
  margin: 0 0 2rem 0;
}

  .b-header-study__list,
  .b-header-announce__list {
    list-style: none;
  padding: 0;
}

  .b-header-announce__item {
  margin-bottom: 2.5rem;
}

    .b-header-announce__item:last-child {
  margin-bottom: 0;
}

  .b-header-announce__text {
    font-size: 1.3rem;
    line-height: 2rem;
    color: #f1f1f1;
    margin: 0 0 1rem 0;
  display: block;
}

    .b-header-announce__text span {
  color: #f37521;
}

  .b-header-announce__timestamp {
    font-size: 1.2rem;
    line-height: 1.5rem;
  color: #6d6d6d;
}

.b-header-study__item {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 5px;
}

.b-header-study__desc {
  color: #838383;
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 10px;
}

.b-header-study__item:hover {
  color: #f37521;
}

.b-header-logout {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 7rem;
}

  @media only screen and (min-width: 750px) {
    .b-header-logout:hover svg path {
    fill: #fff;
  }
}

.b-last-events-widget {
  background-color: #262626;
  width: 100%;
  padding: 2rem;
}

  @media only screen and (min-width: 750px) {
    .b-last-events-widget {
    padding: 3rem;
  }
}

  .b-last-events-widget__header {
  margin-bottom: 3rem;
}

    .b-last-events-widget__header:after {
      content: ".";
      clear: both;
      display: block;
      height: 0;
  visibility: hidden;
}

    @media only screen and (min-width: 750px) {
      .b-last-events-widget__header {
    margin-bottom: 4rem;
  }
}

  .b-last-events-widget__title {
    font-weight: 300;
    font-size: 1.8rem;
    color: #fff;
    line-height: 2.2rem;
  float: left;
}

    @media only screen and (min-width: 750px) {
      .b-last-events-widget__title {
        font-size: 2.1rem;
    line-height: 2.4rem;
  }
}

  .b-last-events-widget__settings {
    float: right;
  cursor: pointer;
}

    @media only screen and (min-width: 750px) {
      .b-last-events-widget__settings:hover {
    cursor: pointer;
  }

        .b-last-events-widget__settings:hover svg path {
    fill: #fff;
  }
}

  /* .b-last-events-widget__modal {
    float: right;
  display: none;
} */

    /* @media only screen and (min-width: 750px) { */
      .b-last-events-widget__modal {
        display: block;
        margin-right: 2rem;
        cursor: pointer;
        float: right;
      }
/* } */

    @media only screen and (min-width: 750px) {
      .b-last-events-widget__modal:hover {
    cursor: pointer;
  }

        .b-last-events-widget__modal:hover svg path {
    fill: #fff;
  }
}

  .b-last-events-widget__empty {
  padding-top: 2rem;
}

    .b-last-events-widget__empty--title {
      font-weight: 300;
      font-size: 1.4rem;
      color: #838383;
      line-height: 2rem;
      text-align: center;
  margin-bottom: 2rem;
}

    .b-last-events-widget__empty--list {
  position: relative;
}

      .b-last-events-widget__empty--list:before {
        content: '';
        position: absolute;
        z-index: 2;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background: -moz-linear-gradient(top, transparent 0%, #262626 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, #262626));
        background: -webkit-linear-gradient(top, transparent 0%, #262626 100%);
        background: -o-linear-gradient(top, transparent 0%, #262626 100%);
        background: -ms-linear-gradient(top, transparent 0%, #262626 100%);
        background: linear-gradient(to bottom, transparent 0%, #262626 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#262626', GradientType=0);
}

    .b-last-events-widget__empty--item {
      font-size: 0;
      line-height: 0;
      margin-bottom: 1rem;
      border: 1px solid #313131;
      min-height: 5.3rem;
      border-radius: 3px;
      overflow: hidden;
      padding-left: 4.6rem;
  position: relative;
}

      @media only screen and (min-width: 750px) {
        .b-last-events-widget__empty--item {
    padding-left: 0px;
  }
}

      .b-last-events-widget__empty--item:last-child {
  margin-bottom: 0px;
}

      .b-last-events-widget__empty--item__from {
        width: 3rem;
        min-height: 5.3rem;
        float: left;
        background: #313131;
        margin-right: 1.7rem;
        position: absolute;
        left: 0px;
        top: 0px;
  height: 100%;
}

        @media only screen and (min-width: 750px) {
          .b-last-events-widget__empty--item__from {
    position: relative;
  }
}

      .b-last-events-widget__empty--item__text {
        width: 18rem;
        height: 1.5rem;
        background: #313131;
        border-radius: 3px;
  margin: 1.8rem 0rem 1.8rem 1.7rem;
}

        @media only screen and (min-width: 750px) {
          .b-last-events-widget__empty--item__text {
            float: left;
    margin: 1.8rem 2rem 1.8rem;
  }
}

      .b-last-events-widget__empty--item__date {
        width: 6rem;
        height: 1.5rem;
        background: #313131;
        border-radius: 3px;
  margin: 0rem 0rem 1.8rem 1.7rem;
}

        @media only screen and (min-width: 750px) {
          .b-last-events-widget__empty--item__date {
            float: right;
    margin: 1.8rem 2rem 1.8rem 0;
  }
}

  .b-last-events-widget__list {
  position: relative;
}

  .b-last-events-widget__item {
    position: relative;
    margin-bottom: 1.5rem;
  display: flex;
    border-radius: 8px 0 0 8px;
}

    .b-last-events-widget__item:last-child {
  margin-bottom: 0px;
}

    .b-last-events-widget__item--from {
      font-size: 0;
      line-height: 0;
      text-align: center;
      flex: 0 0 3rem;
  border-radius: 8px 0 0 8px;
}

      .b-last-events-widget__item--from:before {
        content: '';
        width: 0px;
        height: 100%;
        display: inline-block;
  vertical-align: middle;
}

.b-last-events-widget__item--from._da, .b-last-events-widget__item--from._thirdparty {
  background: #fa9d3e;
  background: -moz-linear-gradient(top, #fa9d3e 0%, #f76b1c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fa9d3e), color-stop(100%, #f76b1c));
  background: -webkit-linear-gradient(top, #fa9d3e 0%, #f76b1c 100%);
  background: -o-linear-gradient(top, #fa9d3e 0%, #f76b1c 100%);
  background: -ms-linear-gradient(top, #fa9d3e 0%, #f76b1c 100%);
  background: linear-gradient(to bottom, #fa9d3e 0%, #f76b1c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa9d3e', endColorstr='#f76b1c', GradientType=0);
}

.b-last-events-widget__item--from._vk {
  background: #279dde;
  background: -moz-linear-gradient(top, #279dde 0%, #0288d1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #279dde), color-stop(100%, #0288d1));
  background: -webkit-linear-gradient(top, #279dde 0%, #0288d1 100%);
  background: -o-linear-gradient(top, #279dde 0%, #0288d1 100%);
  background: -ms-linear-gradient(top, #279dde 0%, #0288d1 100%);
  background: linear-gradient(to bottom, #279dde 0%, #0288d1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#279dde', endColorstr='#0288d1', GradientType=0);
}

.b-last-events-widget__item--from._vkvideolive {
  background: #020C5A;
  background: -moz-linear-gradient(top, #030f7a 0%, #020C5A 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #030f7a), color-stop(100%, #020C5A));
  background: -webkit-linear-gradient(top, #030f7a 0%, #020C5A 100%);
  background: -o-linear-gradient(top, #030f7a 0%, #020C5A 100%);
  background: -ms-linear-gradient(top, #030f7a 0%, #020C5A 100%);
  background: linear-gradient(to bottom, #030f7a 0%, #020C5A 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#030f7a', endColorstr='#020C5A', GradientType=0);
}

.b-last-events-widget__item--from._yt {
  background: #fff;
  padding: 0 4px;
  /* background: #e16741;
  background: -moz-linear-gradient(top, #e16741 0%, #ff3d00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e16741), color-stop(100%, #ff3d00));
  background: -webkit-linear-gradient(top, #e16741 0%, #ff3d00 100%);
  background: -o-linear-gradient(top, #e16741 0%, #ff3d00 100%);
  background: -ms-linear-gradient(top, #e16741 0%, #ff3d00 100%);
  background: linear-gradient(to bottom, #e16741 0%, #ff3d00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e16741', endColorstr='#ff3d00',GradientType=0 ); */
}

.b-last-events-widget__item--from._yt img {
  display: inline-block;
  vertical-align: middle;
}

.b-last-events-widget__item--from._dalink {
  background-color: #0000006e;
  background-image: linear-gradient(0deg, #ffffff00, #f57d070a, #0000004a);
}

.b-last-events-widget__item--from._dalink svg {
  width: 18px;
}

      .b-last-events-widget__item--from._tw {
        background: #735caa;
        background: -moz-linear-gradient(top, #735caa 0%, #4b377c 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #735caa), color-stop(100%, #4b377c));
        background: -webkit-linear-gradient(top, #735caa 0%, #4b377c 100%);
        background: -o-linear-gradient(top, #735caa 0%, #4b377c 100%);
        background: -ms-linear-gradient(top, #735caa 0%, #4b377c 100%);
        background: linear-gradient(to bottom, #735caa 0%, #4b377c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#735caa', endColorstr='#4b377c', GradientType=0);
}

      .b-last-events-widget__item--from._ok {
        background: #ffae36;
        background: -moz-linear-gradient(top, #ffae36 0%, #ff9800 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffae36), color-stop(100%, #ff9800));
        background: -webkit-linear-gradient(top, #ffae36 0%, #ff9800 100%);
        background: -o-linear-gradient(top, #ffae36 0%, #ff9800 100%);
        background: -ms-linear-gradient(top, #ffae36 0%, #ff9800 100%);
        background: linear-gradient(to bottom, #ffae36 0%, #ff9800 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffae36', endColorstr='#ff9800', GradientType=0);
}

      .b-last-events-widget__item--from._bty {
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
        background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
        background: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%);
        background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%);
        background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

    .b-last-events-widget__item--from svg {
        display: inline-block;
  vertical-align: middle;
}

    .b-last-events-widget__item--inner {
      position: relative;
      flex: 1 1 auto;
      /* border: solid 1px #353535; */
      /*background-color: #303030;*/
      border-left: none;
      border-radius: 0 8px 8px 0;
  padding: 1.5rem;
}

    .b-last-events-widget__item--title {
      font-weight: 300;
      font-size: 1.3rem;
      color: #7e7e7e;
  line-height: 2.1rem;
}

      .b-last-events-widget__item--title ._name {
        font-weight: 500;
        font-size: 1.4rem;
  color: #f1f1f1;
}

      .b-last-events-widget__item--title ._sum {
        font-weight: 400;
        font-size: 1.4rem;
        color: #f1f1f1;
        line-height: 2.1rem;
  white-space: nowrap;
}

      @media only screen and (min-width: 750px) {
        .b-last-events-widget__item--title {
    padding-right: 10rem;
  }
}

    .b-last-events-widget__item--text {
      font-weight: 300;
      font-size: 1.3rem;
      color: #c1c1c1;
      line-height: 2.1rem;
  padding-top: 1.2rem;
}

    .b-last-events-widget__item--date {
      font-weight: 300;
      font-size: 1.2rem;
      color: #6d6d6d;
      line-height: 2.1rem;
  padding-top: 1rem;
}

      @media only screen and (min-width: 750px) {
        .b-last-events-widget__item--date {
          font-size: 1.3rem;
          position: absolute;
          top: 1.5rem;
          right: 1.5rem;
    padding-top: 0px;
  }
}

.b-tooltip {
  border-radius: 3px;
  background-color: #333333;
  box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.11);
  position: absolute;
  padding: 2rem;
  z-index: 50;
}

  .b-tooltip i._angle {
    position: absolute;
    top: -8px;
    width: 18px;
    height: 8px;
    left: 50%;
  transform: translateX(-50%);
}

    .b-tooltip i._angle:before {
      content: '';
      position: absolute;
      border-width: 0 9px 8px 9px;
      border-color: transparent transparent #333333 transparent;
      border-style: solid;
      top: 0px;
  left: 0px;
}

  .b-tooltip._center {
  transform: translate(-50%, 1rem);
}

  .b-tooltip._left {
    left: 1.5rem;
  transform: translate(0, 1rem);
}

  .b-tooltip._right {
    right: 1.5rem;
  transform: translate(0, 1rem);
}

  .b-tooltip._align-center {
  text-align: center;
}

  .b-tooltip__list--item {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-size: 1.3rem;
    color: #fff;
    line-height: 1.8rem;
    margin-bottom: 1rem;
  white-space: nowrap;
}

    .b-tooltip__list--item:last-child {
  margin-bottom: 0px;
}

    @media only screen and (min-width: 750px) {
      .b-tooltip__list--item:hover {
        cursor: pointer;
    color: #f57707;
  }

        ._not-ie .b-tooltip__list--item:hover {
          background: linear-gradient(265deg, #f59c07, #f57507);
          -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

    .b-tooltip__list--item svg {
  margin-left: 0.4rem;
}

  .b-tooltip__template {
  display: none;
}

  .b-tooltip__presets {
    font-size: 0;
    line-height: 0;
  margin-bottom: 2rem;
}

    .b-tooltip__presets--item {
      display: inline-block;
      vertical-align: top;
      margin-right: 1rem;
      font-size: 1.2rem;
      color: #838383;
      line-height: 1.6rem;
      border-bottom: 1px dashed #838383;
  cursor: pointer;
}

      .b-tooltip__presets--item:last-child {
  margin-right: 0px;
}

      @media only screen and (min-width: 1366px) {
        .b-tooltip__presets--item:hover {
    border-color: transparent;
  }
}

  .b-tooltip__checklist .b-checkbox {
    display: block;
  margin-bottom: 1rem;
}

    .b-tooltip__checklist .b-checkbox:last-child {
  margin-bottom: 0px;
}

  .b-tooltip__text {
    font-size: 1.2rem;
    color: #838383;
    line-height: 2rem;
  max-width: 20rem;
}

.ps .ps__rail-y {
  opacity: 1 !important;
  position: absolute;
  right: 5px !important;
  width: 7px;
  cursor: pointer;
  margin: 2rem 0;
  display: none;
}

  .ps .ps__rail-y:hover {
  background-color: transparent !important;
}

.ps.ps--active-y .ps__rail-y {
  display: block;
}

.ps .ps__thumb-y {
  right: 0;
  width: 100% !important;
  border-radius: 4px;
  background-color: #535353;
  min-height: 1rem;
  position: absolute;
}

  @media only screen and (min-width: 1366px) {
    .ps .ps__thumb-y:hover {
    background-color: #848484;
  }
}

.b-search {
  display: block;
  position: relative;
  z-index: 1;
}

  @media only screen and (min-width: 750px) {
    .b-search {
    height: 4rem;
  }
}

  .b-search__input {
    border-radius: 22.5px;
    background-color: #303030;
    border: 0;
    line-height: 4.5rem;
    font-family: 'Helvetica Neue', 'Segoe UI', 'Arial', sans-serif;
    font-size: 1.4rem;
    color: #f1f1f1;
    width: 100%;
    padding: 0 4.8rem 0 2rem;
    /* Firefox 19+ */
  /* Firefox 18- */
}

    @media only screen and (min-width: 750px) {
      .b-search__input {
    font-size: 1.4rem;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-search__input {
    height: 4.5rem;
  }
}

    .b-search__input::-webkit-input-placeholder {
  color: #838383 !important;
}

    .b-search__input::-moz-placeholder {
      opacity: 1;
  color: #838383 !important;
}

    .b-search__input:-moz-placeholder {
      opacity: 1;
  color: #838383 !important;
}

    .b-search__input:-ms-input-placeholder {
  color: #838383 !important;
}

  .b-search__submit {
    font-size: 0;
    line-height: 0;
    position: absolute;
    right: 2.5rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
  padding: 0;
}

    @media only screen and (min-width: 1366px) {
      .b-search__submit {
    cursor: pointer;
  }
}

.b-btn {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: inline-flex;
  vertical-align: top;
  padding: 0 1.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  border: 0;
  height: 4.5rem;
  white-space: nowrap;
}

  @media only screen and (min-width: 750px) {
    .b-btn {
      padding: 0 2.5rem;
    font-size: 1.3rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-btn {
    height: 5rem;
  }
}

  @media only screen and (min-width: 750px) {
    .b-btn:hover {
    cursor: pointer;
  }
}

  .b-btn._nofill svg path {
  fill: none;
}

  .b-btn._fill {
  background-image: linear-gradient(257deg, #f59c07, #f57507);
}

    @media only screen and (min-width: 1366px) {
      .b-btn._fill:hover {
    background-image: linear-gradient(255deg, #ffbe51, #ff7e0f);
  }
}

  .b-btn._stroke {
    border: solid 1px #6d6d6d;
  background-color: transparent;
}

    @media only screen and (min-width: 1366px) {
      .b-btn._stroke:hover {
    border-color: #fff;
  }
}

  .b-btn._active {
  background-color: #353535;
}

  .b-btn[disabled=""], .b-btn[disabled="true"], .b-btn[disabled="disabled"] {
    background: #6d6d6d;
  cursor: default !important;
}

  .b-btn__icon {
    flex: 0 0 1.5rem;
  margin-right: 12px;
}

    @media only screen and (min-width: 750px) {
      .b-btn__icon {
    margin-right: 1.5rem;
  }
}

    .b-btn__icon svg path {
  fill: #f1f1f1;
}

      ._colored-icon .b-btn__icon svg path {
  fill: url("#base-gradient");
}

  .b-btn__text {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: bold;
  color: #f1f1f1;
}

    .b-btn__text--no-mobile {
  display: none;
}

      @media only screen and (min-width: 750px) {
        .b-btn__text--no-mobile {
    display: inline;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-btn__text {
    font-size: 1.3rem;
  }
}

.b-checkbox {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-size: 0;
  line-height: 0;
}

  .b-checkbox:hover {
  cursor: pointer;
}

    @media only screen and (min-width: 1366px) {
      .b-checkbox:hover .b-checkbox__pseudo {
    background-color: #838383;
  }
}

  .b-checkbox__input {
  display: none;
}

  .b-checkbox__pseudo {
    height: 1.6rem;
    width: 1.6rem;
    border-radius: 2px;
    background-color: #444;
    margin-right: 1rem;
    display: inline-flex;
    vertical-align: middle;
    justify-content: center;
  align-items: center;
}

    @media only screen and (min-width: 1366px) {
      .b-checkbox__pseudo {
        width: 2rem;
    height: 2rem;
  }
}

    .b-checkbox__pseudo svg {
  display: none;
}

  .b-checkbox__text {
    font-size: 1.3rem;
    line-height: 1.6rem;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
  color: #f1f1f1;
}

    @media only screen and (min-width: 1366px) {
      .b-checkbox__text {
    font-size: 1.4rem;
  }
}

  .b-checkbox__input:checked + .b-checkbox__pseudo {
  background: linear-gradient(234deg, #fea44f, #f76b1c);
}

    .b-checkbox__input:checked + .b-checkbox__pseudo svg {
  display: block;
}

.b-text-filter {
  padding-right: 1.4rem;
  position: relative;
}

  .b-text-filter:before {
    content: '';
    position: absolute;
    top: 7px;
    right: 1px;
    border: 4px solid transparent;
    border-bottom: 0;
  border-top-color: #f59c07;
}

  .b-text-filter__title {
    font-size: 1.3rem;
    line-height: 1.6rem;
    color: #f1f1f1;
    display: flex;
  align-items: center;
}

    .b-text-filter__title span {
  margin-right: 0.5rem;
}

    .b-text-filter__title._changed {
  color: #f57707;
}

      ._not-ie .b-text-filter__title._changed {
        background: linear-gradient(265deg, #f59c07, #f57507);
        -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

      .b-text-filter__title._changed svg g g {
  fill: #f57707;
}

  .b-text-filter__item {
    font-size: 1.3rem;
    line-height: 1.6rem;
    margin-bottom: 2rem;
    color: #f1f1f1;
    display: flex;
  align-items: center;
}

    .b-text-filter__item span {
  margin-right: 0.5rem;
}

    .b-text-filter__item:last-child {
  margin-bottom: 0;
}

.b-filter-payments__controls {
  display: flex;
  margin-bottom: 1.5rem;
}

.b-filter-payments__control {
  margin-right: 1rem;
  border-bottom: 1px dashed rgba(241, 241, 241, 0.15);
  font-size: 1.2rem;
  color: #838383;
}

  @media only screen and (min-width: 1366px) {
    .b-filter-payments__control:hover {
    border-bottom-color: transparent;
  }
}

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

.b-filter-payments__checkers {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

  .b-filter-payments__checkers .b-checkbox {
  margin-bottom: 1rem;
}

    .b-filter-payments__checkers .b-checkbox:last-child {
  margin-bottom: 0;
}

.b-pagination {
  margin-top: 3.7rem;
  display: flex;
  justify-content: center;
}

  @media only screen and (min-width: 750px) {
    .b-pagination {
    margin-top: 4rem;
  }
}

  .b-pagination__link {
    flex: 0 0 3.5rem;
    height: 3.5rem;
    margin: 0 0.7rem 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
  background-color: #262626;
}

    .b-pagination__link._current {
      background-color: #262626;
      border: solid 2px #484848;
  color: #838383;
}

    .b-pagination__link._disabled {
  color: #7e7e7e;
}

    @media only screen and (min-width: 1366px) {
      .b-pagination__link:hover {
        background-color: #3f3f3f;
    border-color: #3f3f3f;
  }
}

    .b-pagination__link:first-child, .b-pagination__link:last-child {
      position: relative;
  z-index: 1;
}

      @media only screen and (min-width: 750px) {
        .b-pagination__link:first-child, .b-pagination__link:last-child {
    padding: 0 1.6rem;
  }
}

      .b-pagination__link:first-child:before, .b-pagination__link:last-child:before {
        content: '';
        display: block;
        width: 13px;
        height: 13px;
        box-sizing: border-box;
        transform: rotate(-225deg);
        border: solid 2px #b0b0b0;
        border-left: 0;
  border-top: 0;
}

        @media only screen and (min-width: 750px) {
          .b-pagination__link:first-child:before, .b-pagination__link:last-child:before {
    display: none;
  }
}

      .b-pagination__link:first-child span, .b-pagination__link:last-child span {
  display: none;
}

        @media only screen and (min-width: 750px) {
          .b-pagination__link:first-child span, .b-pagination__link:last-child span {
    display: block;
  }
}

    .b-pagination__link:last-child {
  margin-right: 0;
}

      .b-pagination__link:last-child:before {
  transform: rotate(-45deg);
}

    .b-pagination__link span {
      font-size: 1.5rem;
  color: #fff;
}

.b-time-filter {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2.8rem;
}

  .b-time-filter__title {
    font-size: 1.3rem;
    line-height: 1.6rem;
    text-align: left;
    color: #838383;
    margin: 1.5rem 0;
  flex: 99 1 100vw;
}

  .b-time-filter__line {
    display: none;
    background-color: #5a5a5a;
    align-self: center;
    margin: 0 1rem;
    flex: 0 0 1.8rem;
    border: none;
  height: 1px;
}

    @media only screen and (min-width: 750px) {
      .b-time-filter__line {
    display: block;
  }
}

  .b-time-filter .b-btn__icon {
  margin-right: 0.5rem;
}

  .b-time-filter .b-btn {
    padding: 0 0 0 1rem;
    margin-right: 0.7rem;
    flex: 0 0 auto;
  max-width: 14rem;
}

    @media only screen and (min-width: 750px) {
      .b-time-filter .b-btn {
        margin-right: 0;
        padding: 0 2rem;
    max-width: none;
  }
}

    .b-time-filter .b-btn:last-child {
  margin-right: 0;
}

    .b-time-filter .b-btn__text {
  font-size: 1.1rem;
}

    .b-time-filter .b-btn svg path {
  fill: url("#base-gradient");
}

.b-time-filter-wr {
  display: none;
}

  .b-time-filter-wr._active {
  display: block;
}

.b-input {
  width: 100%;
}

  .b-input:first-child:not(:last-child) {
    display: inline-block;
  vertical-align: top;
}

  .b-input + .b-selectbox {
    display: inline-block;
  vertical-align: top;
}

    .b-input + .b-selectbox .b-selectbox__label {
  width: auto;
}

  .b-input__label {
    background: none;
    border-radius: 100px;
  display: block;
}

  .b-input input {
    height: 4.2rem;
    font-family: 'Helvetica Neue', 'Segoe UI', 'Arial', sans-serif;
    font-size: 1.4rem;
    line-height: 4.5rem;
    width: 100%;
    border-radius: 6px;
    border: solid 1px #5a5a5a;
    padding-left: 1.5rem;
    color: #f1f1f1;
    display: block;
  background: transparent;
}

    .b-input input:not(:disabled):focus {
  border-color: #f1f1f1;
}

    .b-input input[readonly=""], .b-input input[readonly="readonly"], .b-input input[disabled=""], .b-input input[disabled="disabled"] {
  color: #6d6d6d;
}

  .b-input--price {
    max-width: 13.4rem;
  margin-right: 1.5rem;
}

    @media only screen and (min-width: 1366px) {
      .b-input--price {
    max-width: 16.5rem;
  }
}

  .b-input--wide {
    min-width: 28.1rem;
  flex: 0 0 28.1rem;
}

  .b-input ._hint {
    font-size: 1.2rem;
    color: #6d6d6d;
    line-height: 2rem;
    padding-top: 1rem;
  display: block;
}

    @media only screen and (min-width: 750px) {
      .b-input ._hint {
        font-size: 1.3rem;
    padding-top: 1.5rem;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-input ._hint {
    font-size: 1.2rem;
  }
}

  .b-input._dimension {
    position: relative;
  max-width: 300px;
}

    .b-input._dimension:after {
      content: attr(data-dimension);
      position: absolute;
      right: 2.5rem;
      top: 2.2rem;
      transform: translateY(-50%);
      font-weight: 500;
      font-size: 1.3rem;
      color: #cdcdcd;
      line-height: 4.5rem;
  text-transform: uppercase;
}

      .b-input._dimension input {
  padding-right: 6rem;
}

      .b-input._dimension input.not-postfix {
        padding-right: 2.5rem;
      }

    @media only screen and (min-width: 0px) and (max-width: 749px) {
      .b-input._dimension:not(:first-child) {
    margin-top: 2rem;
  }
}

    @media only screen and (min-width: 750px) {
      .b-input._dimension:not(:first-child) {
        display: inline-block;
        vertical-align: top;
    margin-left: 2rem;
  }
}

  .b-input._error input {
  border-color: #da4545;
}

  .b-input._error ._hint {
  color: #da4545;
}

.b-textarea__label {
  padding: 1.5rem;
  overflow: hidden;
  position: relative;
  border-radius: 6px;
  border: solid 1px #5a5a5a;
  display: block;
  max-width: 50rem;
  max-height: 12.7rem;
}

.b-textarea__input {
  min-height: 12.5rem;
  resize: none;
  border: none;
  width: 100%;
  background-color: transparent;
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: #f1f1f1;
  overflow: hidden;
  font-family: 'Helvetica Neue', 'Segoe UI', 'Arial', sans-serif;
}

.b-textarea__height {
  position: absolute;
  left: -999px;
  top: -999px;
  display: block;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-family: 'Helvetica Neue', 'Segoe UI', 'Arial', sans-serif;
}

.b-toggle__wrapper {
  font-size: 0;
  line-height: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.b-toggle__left, .b-toggle__right {
  display: inline-block;
  vertical-align: middle;
}

  .b-toggle__left span, .b-toggle__right span {
    font-size: 1.4rem;
    color: #838383;
  line-height: 3rem;
}

  .b-toggle__left input, .b-toggle__right input {
  display: none;
}

    .b-toggle__left input:checked + span, .b-toggle__right input:checked + span {
  color: #f1f1f1;
}

  @media only screen and (min-width: 750px) {
    .b-toggle__left:hover, .b-toggle__right:hover {
    cursor: pointer;
  }
}

.b-toggle__left span {
  padding-right: 2rem;
}

.b-toggle__right span {
  padding-left: 2rem;
}

.b-toggle__switch {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 5rem;
  height: 3rem;
  border-radius: 100px;
  background-color: #838383;
}

  .b-toggle__switch._active-toggle {
    background: #f46b31;
    background: -moz-linear-gradient(left, #f46b31 0%, #f49648 100%);
    background: -webkit-linear-gradient(left, #f46b31 0%, #f49648 100%);
    background: linear-gradient(to right, #f46b31 0%, #f49648 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f46b31', endColorstr='#f49648', GradientType=1);
}

    .b-toggle__switch._active-toggle i {
  left: calc(5rem - 2.6rem - 2px);
}

  ._small .b-toggle__switch {
    width: 4rem;
    height: 2rem;
  margin: 0px;
}

    ._small .b-toggle__switch i {
      width: 1.4rem;
      height: 1.4rem;
      left: 3px;
  top: 3px;
}

    ._small .b-toggle__switch._active-toggle i {
  left: calc(4rem - 1.4rem - 3px);
}

  .b-toggle__switch i {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 2px;
    background-color: #f1f1f1;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.39);
  transition: .2s ease-in-out;
}

  @media only screen and (min-width: 750px) {
    .b-toggle__switch:hover {
    cursor: pointer;
  }
}

.b-toggle ._hint {
  font-size: 1.2rem;
  color: #6d6d6d;
  line-height: 2rem;
  padding-top: 1rem;
  display: block;
}

  @media only screen and (min-width: 750px) {
    .b-toggle ._hint {
      font-size: 1.3rem;
    padding-top: 1.5rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-toggle ._hint {
    font-size: 1.2rem;
  }
}

.b-selectbox {
  display: block;
  position: relative;
  z-index: 1;
}

  .b-selectbox--opened {
  z-index: 2;
}

    .b-selectbox--opened .b-selectbox__selected {
  border-color: #f1f1f1;
}

      .b-selectbox--opened .b-selectbox__selected:before {
        -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

  .b-selectbox--wide {
  min-width: 28.1rem;
}

  .b-selectbox__selected {
    display: block;
    min-width: 10.2rem;
    padding: 0 4rem 0 1.5rem;
    box-sizing: border-box;
    color: #f1f1f1;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 4.3rem;
    position: relative;
    transition: .1s ease-out;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 6px;
  border: solid 1px #6d6d6d;
}

    @media only screen and (min-width: 1366px) {
      .b-selectbox__selected:hover {
        border-color: #f1f1f1;
    cursor: pointer;
  }
}

    .b-selectbox__selected:before {
      content: "";
      position: absolute;
      top: 2rem;
      right: 1.5rem;
      background-size: contain;
      border: 4px solid transparent;
      border-top: 4px solid #f59c07;
  border-bottom: 0;
}

  .b-selectbox__select {
    position: relative;
    display: block;
  height: 100%;
}

  .b-selectbox__list {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    min-width: 100%;
    max-width: 260px;
    box-sizing: border-box;
    padding-top: 4px;
    padding-bottom: 4px;
    display: none;
    max-height: 315px;
    border-radius: 3px;
    background-color: #303030;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
  overflow: auto;
}

.b-selectbox__item {
  display: block;
  box-sizing: border-box;
  color: #f1f1f1;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 16px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 12px 2rem;
}

[multiple] .b-selectbox__item:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #393939;
  border-radius: 2px;
  margin-right: 8px;
  vertical-align: bottom;
}
[multiple] .b-selectbox__item._active-item:before {
  background-color: #f59c07;
  background: url("./../img/check.svg") center center no-repeat, linear-gradient(#f59c07, #f57507);
}

@media only screen and (min-width: 750px) {
  .b-selectbox__item:hover {
    color: #f57707;
  }
}

    .b-selectbox__item._active-item {
  background-color: #3d3d3d;
}

  .b-selectbox ._hint {
    font-size: 1.2rem;
    color: #6d6d6d;
    line-height: 2rem;
    padding-top: 1rem;
  display: block;
}

    @media only screen and (min-width: 750px) {
      .b-selectbox ._hint {
        font-size: 1.3rem;
    padding-top: 1.5rem;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-selectbox ._hint {
    font-size: 1.2rem;
  }
}

  .b-selectbox .ps .ps__rail-y {
  margin: 0.5rem 0;
}

.flatpickr-calendar {
  background: transparent;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open, .flatpickr-calendar.inline {
  opacity: 1;
  visibility: visible;
  overflow: visible;
  max-height: 640px;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

  @media only screen and (min-width: 0px) and (max-width: 749px) {
    .flatpickr-calendar.open {
    left: 1rem !important;
  }
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.hasWeeks {
  width: auto;
}

.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before, .flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before, .flatpickr-calendar.rightMost:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 28px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
}

.flatpickr-prev-month, .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  line-height: 16px;
  height: 28px;
  padding: 10px calc(3.57% - 1.5px);
  z-index: 3;
}

.flatpickr-prev-month i, .flatpickr-next-month i {
  position: relative;
}

.flatpickr-prev-month.flatpickr-prev-month, .flatpickr-next-month.flatpickr-prev-month {
  /*
          /*rtl:begin:ignore*/
  left: 0;
  /*
          /*rtl:end:ignore*/
}

.flatpickr-prev-month.flatpickr-next-month, .flatpickr-next-month.flatpickr-next-month {
  /*
          /*rtl:begin:ignore*/
  right: 0;
  /*
          /*rtl:end:ignore*/
}

.flatpickr-prev-month:hover, .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-prev-month:hover svg, .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-prev-month svg, .flatpickr-next-month svg {
  width: 14px;
}

.flatpickr-prev-month svg path, .flatpickr-next-month svg path {
  -webkit-transition: fill .1s;
  transition: fill .1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input, .numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.05);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
  top: 33%;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 6.16px 0 0 0;
  line-height: 1;
  height: 28px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.flatpickr-current-month.slideLeft {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-current-month.slideLeftNew {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-current-month.slideRight {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-current-month.slideRightNew {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: .5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch \0;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: default;
  padding: 0 0 0 .5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: initial;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}

.dayContainer, .flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.flatpickr-calendar.animate .dayContainer.slideLeft {
  -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.animate .dayContainer.slideLeft, .flatpickr-calendar.animate .dayContainer.slideLeftNew {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.flatpickr-calendar.animate .dayContainer.slideLeftNew {
  -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.animate .dayContainer.slideRight {
  -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.flatpickr-calendar.animate .dayContainer.slideRightNew {
  -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  border-color: #e6e6e6;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange, .flatpickr-day.startRange.startRange + .endRange, .flatpickr-day.endRange.startRange + .endRange {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-day.disabled, .flatpickr-day.disabled:hover {
  pointer-events: none;
}

.flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  display: inline-block;
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day {
  display: block;
  width: 100%;
  max-width: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  cursor: pointer;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
  height: inherit;
  display: inline-block;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time .flatpickr-am-pm:focus {
  background: #f0f0f0;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fpSlideLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fpSlideLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@-webkit-keyframes fpSlideLeftNew {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fpSlideLeftNew {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fpSlideRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fpSlideRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@-webkit-keyframes fpSlideRightNew {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fpSlideRightNew {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fpFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fpFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes fpFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fpFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.flatpickr-calendar {
  background: #373737;
}

  .flatpickr-calendar .flatpickr-day {
  color: #f1f1f1;
}

    @media only screen and (min-width: 1366px) {
      .flatpickr-calendar .flatpickr-day:hover {
    background: none;
  }
}

  .flatpickr-calendar .flatpickr-weekday,
  .flatpickr-calendar .flatpickr-current-month {
  color: #fff;
}

  .flatpickr-calendar .flatpickr-prev-month svg,
  .flatpickr-calendar .flatpickr-next-month svg {
  fill: #fff;
}

  .flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowUp:after,
  .flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #fff;
}

  .flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowDown:after,
  .flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #fff;
}

  .flatpickr-calendar .numInput {
  color: #fff;
}

  .flatpickr-calendar .flatpickr-day.selected,
  .flatpickr-calendar .flatpickr-day.startRange,
  .flatpickr-calendar .flatpickr-day.endRange,
  .flatpickr-calendar .flatpickr-day.selected.inRange,
  .flatpickr-calendar .flatpickr-day.startRange.inRange,
  .flatpickr-calendar .flatpickr-day.endRange.inRange,
  .flatpickr-calendar .flatpickr-day.selected:focus,
  .flatpickr-calendar .flatpickr-day.startRange:focus,
  .flatpickr-calendar .flatpickr-day.endRange:focus,
  .flatpickr-calendar .flatpickr-day.selected:hover,
  .flatpickr-calendar .flatpickr-day.startRange:hover,
  .flatpickr-calendar .flatpickr-day.endRange:hover,
  .flatpickr-calendar .flatpickr-day.selected.prevMonthDay,
  .flatpickr-calendar .flatpickr-day.startRange.prevMonthDay,
  .flatpickr-calendar .flatpickr-day.endRange.prevMonthDay,
  .flatpickr-calendar .flatpickr-day.selected.nextMonthDay,
  .flatpickr-calendar .flatpickr-day.startRange.nextMonthDay,
  .flatpickr-calendar .flatpickr-day.endRange.nextMonthDay {
    border-color: #f37521;
  background-color: transparent;
}

  .flatpickr-calendar .flatpickr-day.disabled,
  .flatpickr-calendar .flatpickr-day.disabled:hover,
  .flatpickr-calendar .flatpickr-day.prevMonthDay,
  .flatpickr-calendar .flatpickr-day.nextMonthDay,
  .flatpickr-calendar .flatpickr-day.notAllowed,
  .flatpickr-calendar .flatpickr-day.notAllowed.prevMonthDay,
  .flatpickr-calendar .flatpickr-day.notAllowed.nextMonthDay {
  color: #838383;
}

/* Ion.RangeSlider
// css version 2.0.3
// © 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/
/* =====================================================================================================================
// RangeSlider */
.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important;
}

.irs-line-left, .irs-line-mid, .irs-line-right {
  position: absolute;
  display: block;
  top: 0;
}

.irs-line-left {
  left: 0;
  width: 11%;
}

.irs-line-mid {
  left: 9%;
  width: 82%;
}

.irs-line-right {
  right: 0;
  width: 11%;
}

.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0;
}

.irs-bar-edge {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}

.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0;
}

.irs-slider {
  position: absolute;
  display: block;
  cursor: default;
  z-index: 1;
}

.irs-slider.type_last {
  z-index: 2;
}

.irs-min {
  position: absolute;
  display: block;
  left: 0;
  cursor: default;
}

.irs-max {
  position: absolute;
  display: block;
  right: 0;
  cursor: default;
}

.irs-from, .irs-to, .irs-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap;
}

.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
}

.irs-with-grid .irs-grid {
  display: block;
}

.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000;
}

.irs-grid-pol.small {
  height: 4px;
}

.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: #000;
}

.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: transparent;
  z-index: 2;
}

.lt-ie9 .irs-disable-mask {
  background: #000;
  filter: alpha(opacity=0);
  cursor: not-allowed;
}

.irs-disabled {
  opacity: 0.4;
}

.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important;
  border: 0 !important;
}

/* Ion.RangeSlider, Nice Skin
// css version 2.0.3
// © Denis Ineshin, 2014    https://github.com/IonDen
// ===================================================================================================================*/
/* =====================================================================================================================
// Skin details */
.irs {
  height: 40px;
}

.irs-with-grid {
  height: 60px;
}

.irs-line {
  height: 8px;
  top: 25px;
}

.irs-line-left {
  height: 8px;
  background-position: 0 -30px;
}

.irs-line-mid {
  height: 8px;
  background-position: 0 0;
}

.irs-line-right {
  height: 8px;
  background-position: 100% -30px;
}

.irs-bar {
  height: 8px;
  top: 25px;
  background-position: 0 -60px;
}

.irs-bar-edge {
  top: 25px;
  height: 8px;
  width: 11px;
  background-position: 0 -90px;
}

.irs-shadow {
  height: 1px;
  top: 34px;
  background: #000;
  opacity: 0.15;
}

.lt-ie9 .irs-shadow {
  filter: alpha(opacity=15);
}

.irs-slider {
  width: 22px;
  height: 22px;
  top: 17px;
  background-position: 0 -120px;
}

.irs-slider.state_hover, .irs-slider:hover {
  background-position: 0 -150px;
}

.irs-min, .irs-max {
  color: #999;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  top: 0;
  padding: 1px 3px;
  background: rgba(0, 0, 0, 0.1);
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.lt-ie9 .irs-min, .lt-ie9 .irs-max {
  background: #ccc;
}

.irs-from, .irs-to, .irs-single {
  color: #fff;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background: rgba(0, 0, 0, 0.3);
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
  background: #999;
}

.irs-grid-pol {
  background: #99a4ac;
}

.irs-grid-text {
  color: #99a4ac;
}

.b-datetimepicker__label {
  font-size: 0;
  line-height: 0;
  display: inline-block;
  vertical-align: middle;
  border-radius: 100px;
  border: solid 1px #5a5a5a;
  padding: 0 1.5rem;
  height: 4.5rem;
}

.b-datetimepicker__icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
}

.b-datetimepicker svg path {
  fill: url("#base-gradient");
}

.b-datetimepicker__input {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: middle;
  background: transparent;
  border: none;
  font-family: 'Helvetica Neue', 'Segoe UI', 'Arial', sans-serif;
  color: #fff;
  line-height: 4.1rem;
  font-size: 1.3rem;
  max-width: 10.5rem;
}

  @media only screen and (min-width: 750px) {
    .b-datetimepicker__input {
    font-size: 1.4rem;
  }
}

.b-datetimepicker ._hint {
  font-size: 1.2rem;
  color: #6d6d6d;
  line-height: 2rem;
  padding-top: 1rem;
  display: block;
}

  @media only screen and (min-width: 750px) {
    .b-datetimepicker ._hint {
      font-size: 1.3rem;
    padding-top: 1.5rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-datetimepicker ._hint {
    font-size: 1.2rem;
  }
}

.b-range .b-range_wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

  @media only screen and (min-width: 750px) {
    .b-range .b-range_wrap {
    flex-wrap: nowrap;
  }
}

  .b-range .b-input {
    flex: 1 1 100vw;
  margin-bottom: 3.5rem;
}

    @media only screen and (min-width: 0px) and (max-width: 749px) {
      .b-range .b-input {
    max-width: 100% !important;
  }
}

    @media only screen and (min-width: 750px) {
      .b-range .b-input {
        flex-basis: 51rem;
    margin-bottom: 0;
  }

        .b-popup .b-range .b-input {
    flex-basis: 26rem;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-range .b-input {
    flex-shrink: 0;
  }
}

    .b-range .b-input:not(._dimension) {
  height: 6px;
}

      .b-range .b-input:not(._dimension) .b-input__label {
  position: relative;
}

    .b-range .b-input._dimension {
      flex: 0 0 13rem;
  margin: 0;
}

      @media only screen and (min-width: 750px) {
        .b-range .b-input._dimension {
          margin-left: 2rem;
    flex-grow: 1;
  }
}

      @media only screen and (min-width: 750px) {
        .b-range .b-input._dimension .b-input__label {
    width: auto !important;
  }
}

    @media only screen and (min-width: 750px) {
      .b-range .b-input__label {
    width: 100% !important;
  }

        .b-popup .b-range .b-input__label {
    width: 26rem !important;
  }
}

  .b-range._with-grid .b-input {
  margin-bottom: 6.4rem;
}

  .b-range .irs-min,
  .b-range .irs-max,
  .b-range .irs-grid-pol.small,
  .b-range .irs-grid-text,
  .b-range .irs-bar-edge {
  display: none;
}

  .b-range .irs {
    height: 0.6rem;
  top: 0;
}

  .b-range .irs-line-left,
  .b-range .irs-line-mid,
  .b-range .irs-line-right {
    background-color: #838383;
    height: 0.6rem;
  border-radius: 100px;
}

  .b-range .irs-line-left {
  left: 1rem;
}

  .b-range .irs-line,
  .b-range .irs-bar {
    height: 0.6rem;
  top: 0;
}

  .b-range .irs-bar {
  border-radius: 100px;
}

  .b-range .irs-single {
    bottom: auto;
    font-family: 'Helvetica Neue', 'Segoe UI', 'Arial', sans-serif;
    color: #6e6e6e;
    background: none;
    transform: translateX(0.3rem);
    text-transform: lowercase;
  top: 1.8rem;
}

  .b-range .irs-with-grid .irs-single {
  top: 3.8rem;
}

  .b-range .irs-grid {
    bottom: auto;
  top: 2.2rem;
}

  .b-range .irs-grid-pol {
    width: 0.6rem;
    height: 0.6rem;
    background-color: #353535;
  border-radius: 50%;
}

  .b-range .irs-slider {
    width: 1.5rem;
    height: 1.5rem;
    background-image: linear-gradient(220deg, #f59c07, #f57507);
    box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.1);
    border: solid 4px #fff;
    border-radius: 50%;
    top: -0.5rem;
  transform: translateX(0.3rem);
}

  .b-range .irs-bar {
  background-image: linear-gradient(to left, #f59c07, #f57507);
}

  .b-range ._hint {
    font-size: 1.2rem;
    color: #6d6d6d;
    line-height: 2rem;
    padding-top: 1rem;
  display: block;
}

    @media only screen and (min-width: 750px) {
      .b-range ._hint {
        font-size: 1.3rem;
    padding-top: 1.5rem;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-range ._hint {
    font-size: 1.2rem;
  }
}

.b-file {
  font-size: 0;
  line-height: 0;
}

  .b-file input {
  display: none;
}

  .b-file__label {
    display: inline-block;
  vertical-align: bottom;
}

  .b-file__trigger {
  padding-top: 0;
}

    @media only screen and (min-width: 750px) {
      .b-file__trigger {
    padding-top: 1.2rem;
  }
}

    .b-file__trigger span {
      font-weight: 500;
      font-size: 1.3rem;
      line-height: 2rem;
      text-transform: uppercase;
      border-bottom: 1px dashed #f57707;
      display: inline-block;
      vertical-align: middle;
      margin-left: 1rem;
  color: #f57707;
}

      ._not-ie .b-file__trigger span {
        background: linear-gradient(265deg, #f59c07, #f57507);
        -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

    .b-file__trigger svg {
      display: inline-block;
  vertical-align: middle;
}

    @media only screen and (min-width: 750px) {
      .b-file__trigger:hover {
    cursor: pointer;
  }

        .b-file__trigger:hover span {
    border-color: transparent;
  }
}

  .b-file__listen {
    display: inline-block;
  vertical-align: middle;
}

    @media only screen and (min-width: 750px) {
      .b-file__listen {
    margin-left: 3rem;
  }
}

    .b-file__listen span {
      font-weight: 500;
      font-size: 1.3rem;
      line-height: 2rem;
      text-transform: uppercase;
      display: inline-block;
      vertical-align: middle;
      margin-left: 1rem;
  color: #f57707;
}

      ._not-ie .b-file__listen span {
        background: linear-gradient(265deg, #f59c07, #f57507);
        -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

    .b-file__listen svg {
      display: inline-block;
  vertical-align: middle;
}

    @media only screen and (min-width: 750px) {
      .b-file__listen:hover {
    cursor: pointer;
  }
}

    .b-file__listen-play {
      font-size: 0;
  line-height: 0;
}

      ._playing .b-file__listen-play {
  display: none;
}

    .b-file__listen-stop {
      font-size: 0;
      line-height: 0;
  display: none;
}

      .b-file__listen-stop svg path {
  fill: url("#base-gradient");
}

      ._playing .b-file__listen-stop {
  display: block;
}

    .b-file__listen audio {
  display: none;
}

  .b-file__img-preview {
    font-size: 0;
    line-height: 0;
    display: inline-block;
    vertical-align: bottom;
    max-width: 18.5rem;
    max-height: 12rem;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
  margin-right: 3rem;
}

    .b-file__img-preview img {
  display: block;
}

  .b-file__img-layout {
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0px;
    bottom: 0px;
  background-image: linear-gradient(to bottom, transparent, #000000);
}

    .b-file__img-layout div {
      position: absolute;
      left: 1.5rem;
  bottom: 1.5rem;
}

      @media only screen and (min-width: 750px) {
        .b-file__img-layout div:hover {
    cursor: pointer;
  }
}

  .b-file__remove {
    font-size: 0;
  line-height: 0;
}

    @media only screen and (min-width: 750px) {
      .b-file__remove {
        display: inline-block;
        vertical-align: bottom;
    margin-left: 2.5rem;
  }
}

    .b-file__remove svg {
      display: inline-block;
      vertical-align: middle;
  margin-right: 1rem;
}

    .b-file__remove span {
      display: inline-block;
      vertical-align: middle;
      font-size: 1.3rem;
      color: #f1f1f1;
  line-height: 1.6rem;
}

    @media only screen and (min-width: 750px) {
      .b-file__remove:hover {
    cursor: pointer;
  }
}

  .b-file:first-child:nth-last-child(2) {
  margin-bottom: 3rem;
}

.b-color {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 100px;
}

  .b-color__label {
    display: inline-block;
    vertical-align: top;
  position: relative;
}

  .b-color__input {
    height: 4.5rem;
    width: 100%;
    border-radius: 6px;
    border: 1px solid #5a5a5a;
    padding: 0 6.6rem 0 1.5rem;
    color: #f1f1f1;
    display: block;
    background: transparent;
    font-size: 1.4rem;
    line-height: 4.5rem;
  }

    .b-color__input:focus, .b-color__input._focus {
  border-color: #fff;
}

  .b-color .sp-replacer {
    padding: 0px;
    border: none;
    background: transparent;
    position: absolute;
    width: 2.9rem;
    height: 2.9rem;
    top: 0.8rem;
    right: 0.8rem;
    border-radius: 3px;
  overflow: hidden;
}

  .b-color .sp-preview {
    margin: 0px;
    width: 100%;
    height: 100%;
  border: none;
}

  .b-color .sp-dd {
  display: none;
}

  .b-color ._hint {
    font-size: 1.2rem;
    color: #6d6d6d;
    line-height: 2rem;
    padding-top: 1rem;
  display: block;
}

    @media only screen and (min-width: 750px) {
      .b-color ._hint {
        font-size: 1.3rem;
    padding-top: 1.5rem;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-color ._hint {
    font-size: 1.2rem;
  }
}

.sp-container {
  border: none;
  border-radius: 3px;
  background-color: #333333;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
}

  .sp-container .sp-picker-container {
  border: none;
}

  .sp-container .sp-alpha {
    height: 18px;
  bottom: -24px;
}

  .sp-container .sp-alpha-handle {
    top: 0px;
    bottom: 0px;
  width: 3px;
}

.b-text-edit {
  font-size: 0;
  line-height: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
}

  @media only screen and (min-width: 750px) {
    .b-text-edit {
    padding-top: 1.2rem;
  }
}

  .b-text-edit svg {
    display: inline-block;
    vertical-align: middle;
  margin-right: 1rem;
}

  .b-text-edit__link {
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 2rem;
    text-transform: uppercase;
    border-bottom: 1px dashed #f57707;
  color: #f57707;
}

    ._not-ie .b-text-edit__link {
      background: linear-gradient(265deg, #f59c07, #f57507);
      -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

    @media only screen and (min-width: 750px) {
      .b-text-edit__link:hover {
    border-color: transparent;
  }
}

  .b-text-edit ._hint {
    font-size: 1.2rem;
    color: #6d6d6d;
    line-height: 2rem;
    padding-top: 1rem;
  display: block;
}

    @media only screen and (min-width: 750px) {
      .b-text-edit ._hint {
        font-size: 1.3rem;
    padding-top: 1.5rem;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-text-edit ._hint {
    font-size: 1.2rem;
  }
}

.flatpickr-calendar {
  background: transparent;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open, .flatpickr-calendar.inline {
  opacity: 1;
  visibility: visible;
  overflow: visible;
  max-height: 640px;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

  @media only screen and (min-width: 0px) and (max-width: 749px) {
    .flatpickr-calendar.open {
    left: 1rem !important;
  }
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.hasWeeks {
  width: auto;
}

.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before, .flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before, .flatpickr-calendar.rightMost:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 28px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
}

.flatpickr-prev-month, .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  line-height: 16px;
  height: 28px;
  padding: 10px calc(3.57% - 1.5px);
  z-index: 3;
}

.flatpickr-prev-month i, .flatpickr-next-month i {
  position: relative;
}

.flatpickr-prev-month.flatpickr-prev-month, .flatpickr-next-month.flatpickr-prev-month {
  /*
          /*rtl:begin:ignore*/
  left: 0;
  /*
          /*rtl:end:ignore*/
}

.flatpickr-prev-month.flatpickr-next-month, .flatpickr-next-month.flatpickr-next-month {
  /*
          /*rtl:begin:ignore*/
  right: 0;
  /*
          /*rtl:end:ignore*/
}

.flatpickr-prev-month:hover, .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-prev-month:hover svg, .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-prev-month svg, .flatpickr-next-month svg {
  width: 14px;
}

.flatpickr-prev-month svg path, .flatpickr-next-month svg path {
  -webkit-transition: fill .1s;
  transition: fill .1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input, .numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.05);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
  top: 33%;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 6.16px 0 0 0;
  line-height: 1;
  height: 28px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.flatpickr-current-month.slideLeft {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-current-month.slideLeftNew {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-current-month.slideRight {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-current-month.slideRightNew {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: .5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch \0;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: default;
  padding: 0 0 0 .5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: initial;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}

.dayContainer, .flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.flatpickr-calendar.animate .dayContainer.slideLeft {
  -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.animate .dayContainer.slideLeft, .flatpickr-calendar.animate .dayContainer.slideLeftNew {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.flatpickr-calendar.animate .dayContainer.slideLeftNew {
  -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.animate .dayContainer.slideRight {
  -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.flatpickr-calendar.animate .dayContainer.slideRightNew {
  -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  border-color: #e6e6e6;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange, .flatpickr-day.startRange.startRange + .endRange, .flatpickr-day.endRange.startRange + .endRange {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-day.disabled, .flatpickr-day.disabled:hover {
  pointer-events: none;
}

.flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  display: inline-block;
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day {
  display: block;
  width: 100%;
  max-width: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  cursor: pointer;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
  height: inherit;
  display: inline-block;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time .flatpickr-am-pm:focus {
  background: #f0f0f0;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fpSlideLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fpSlideLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@-webkit-keyframes fpSlideLeftNew {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fpSlideLeftNew {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fpSlideRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fpSlideRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@-webkit-keyframes fpSlideRightNew {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fpSlideRightNew {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fpFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fpFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes fpFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fpFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.flatpickr-calendar {
  background: #373737;
}

  .flatpickr-calendar .flatpickr-day {
  color: #f1f1f1;
}

    @media only screen and (min-width: 1366px) {
      .flatpickr-calendar .flatpickr-day:hover {
    background: none;
  }
}

  .flatpickr-calendar .flatpickr-weekday,
  .flatpickr-calendar .flatpickr-current-month {
  color: #fff;
}

  .flatpickr-calendar .flatpickr-prev-month svg,
  .flatpickr-calendar .flatpickr-next-month svg {
  fill: #fff;
}

  .flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowUp:after,
  .flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #fff;
}

  .flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowDown:after,
  .flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #fff;
}

  .flatpickr-calendar .numInput {
  color: #fff;
}

  .flatpickr-calendar .flatpickr-day.selected,
  .flatpickr-calendar .flatpickr-day.startRange,
  .flatpickr-calendar .flatpickr-day.endRange,
  .flatpickr-calendar .flatpickr-day.selected.inRange,
  .flatpickr-calendar .flatpickr-day.startRange.inRange,
  .flatpickr-calendar .flatpickr-day.endRange.inRange,
  .flatpickr-calendar .flatpickr-day.selected:focus,
  .flatpickr-calendar .flatpickr-day.startRange:focus,
  .flatpickr-calendar .flatpickr-day.endRange:focus,
  .flatpickr-calendar .flatpickr-day.selected:hover,
  .flatpickr-calendar .flatpickr-day.startRange:hover,
  .flatpickr-calendar .flatpickr-day.endRange:hover,
  .flatpickr-calendar .flatpickr-day.selected.prevMonthDay,
  .flatpickr-calendar .flatpickr-day.startRange.prevMonthDay,
  .flatpickr-calendar .flatpickr-day.endRange.prevMonthDay,
  .flatpickr-calendar .flatpickr-day.selected.nextMonthDay,
  .flatpickr-calendar .flatpickr-day.startRange.nextMonthDay,
  .flatpickr-calendar .flatpickr-day.endRange.nextMonthDay {
    border-color: #f37521;
  background-color: transparent;
}

  .flatpickr-calendar .flatpickr-day.disabled,
  .flatpickr-calendar .flatpickr-day.disabled:hover,
  .flatpickr-calendar .flatpickr-day.prevMonthDay,
  .flatpickr-calendar .flatpickr-day.nextMonthDay,
  .flatpickr-calendar .flatpickr-day.notAllowed,
  .flatpickr-calendar .flatpickr-day.notAllowed.prevMonthDay,
  .flatpickr-calendar .flatpickr-day.notAllowed.nextMonthDay {
  color: #838383;
}

.b-popup {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100vh;
  z-index: 50;
  justify-content: center;
  align-items: flex-start;
  padding: 1.6rem 1.5rem 2.1rem 1.4rem;
}

  @media only screen and (min-width: 750px) {
    .b-popup {
    padding: 4rem 2rem;
  }
}

  .b-popup._open {
  display: flex;
}

  .b-popup__layout {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
  z-index: 1;
}

  .b-popup__inner {
    max-width: 60rem;
    flex: 0 1 60rem;
    border-radius: 3px;
    background-color: #333;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    position: relative;
    padding: 1.6rem 2rem 3rem 2rem;
    max-width: 100%;
  z-index: 2;
}

    @media only screen and (min-width: 750px) {
      .b-popup__inner {
    padding: 3rem;
  }
}

    .b-popup__inner._center {
  text-align: center;
}

  .b-popup__close {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    border: none;
    background: none;
  z-index: 5;
}

    @media only screen and (min-width: 750px) {
      .b-popup__close {
        width: 3rem;
        height: 3rem;
        top: -1.5rem;
        right: -1.5rem;
        background-color: #333;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.22);
        border-radius: 50%;
    cursor: pointer;
  }
}

  .b-popup__title {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.33;
    margin: 0 0 2rem 0;
  color: #fff;
}

    @media only screen and (min-width: 750px) {
      .b-popup__title {
        font-size: 2rem;
    margin: 0 0 4rem 0;
  }
}

  .b-popup__desc {
    font-size: 1.3rem;
    color: #6c6c6c;
    line-height: 2rem;
  margin-bottom: 4rem;
}

  .b-popup__text {
    font-size: 1.3rem;
    color: #f1f1f1;
    line-height: 2rem;
  margin-bottom: 2.5rem;
}

    .b-popup__text a {
      text-decoration: none;
      font-size: inherit;
      color: #f37521;
  line-height: inherit;
}

.b-popup__title-new {
  font-size: 24px;
  line-height: 30px;
  letter-spacing: -0.5px;
  color: #F1F1F1;
}

.b-popup__description {
  margin-top: 20px;
  font-size: 12px;
  line-height: 16px;
  color: #838383;
}

.b-popup__list {
  margin-top: 25px;
}

.b-popup__list-item {
  display: flex;
  align-items: flex-start;
}

.b-popup__list-item + .b-popup__list-item {
  margin-top: 20px;
}

.b-popup__list-item__icon {
  min-width: 24px;
}

.b-popup__list-item__icon svg {
  width: 24px;
  height: 24px;
}

.b-popup__list-item__text {
  max-width: 340px;
  margin-left: 15px;
  font-size: 16px;
  line-height: 20px;
  color: white;
}

.b-popup__controls_new {
  margin-top: 40px;
  display: flex;
  align-items: center;
}

.b-popup__controls_new .b-popup__controls_new--button + .b-popup__controls_new--button {
  margin-left: 10px;
}

.b-popup__controls_new .b-popup__controls_new--button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  border-radius: 8px;
  color: #F1F1F1;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
}

.b-popup__controls_new .b-popup__controls_new--button.primary {
  background: linear-gradient(270deg, #F59C07 0%, #F57507 100%);
}

.b-popup__controls_new .b-popup__controls_new--button.secondary {
  background: #303030;
}

@media only screen and (max-width: 750px) {
  .b-popup__controls_new {
    flex-direction: column;
  }


  .b-popup__controls_new .b-popup__controls_new--button + .b-popup__controls_new--button {
    margin-left: 0;
    margin-top: 10px;
  }

  .b-popup__controls_new .b-popup__controls_new--button  {
    width: 100%;
  }
}

  .b-popup__label {
    font-size: 1.4rem;
    line-height: 1.7rem;
    color: #838383;
    display: flex;
    align-items: flex-start;
    margin-bottom: 2rem;
  flex-wrap: wrap;
}

    @media only screen and (min-width: 750px) {
      .b-popup__label {
    flex-wrap: nowrap;
  }
}

    .b-popup__label > span {
      flex: 0 1 40rem;
      margin-bottom: 1rem;
  padding-top: 1.4rem;
}

      @media only screen and (min-width: 750px) {
        .b-popup__label > span {
    flex: 0 0 12rem;
  }
}

  .b-popup .input-select {
    margin: 0;
    max-width: 10.2rem;
  height: 4.5rem;
}

  .b-popup .b-checkbox {
  margin-bottom: 2.5rem;
}

  .b-popup__controls {
  margin-top: 4rem;
}

    .b-popup__controls .b-btn {
      display: flex;
      justify-content: center;
      width: 100%;
      margin: 0 0 1.5rem 0;
  height: 5rem;
}

      .b-popup__controls .b-btn:last-child {
  margin-bottom: 0;
}

      @media only screen and (min-width: 750px) {
        .b-popup__controls .b-btn {
          display: inline-flex;
          width: auto;
          line-height: 5rem;
    margin: 0 2rem 0 0;
  }

          .b-popup__controls .b-btn:last-child {
    margin-right: 0;
  }
}

  .b-popup__note {
    font-size: 1.2rem;
    line-height: 1.67;
  color: #5a5a5a;
}

    @media only screen and (min-width: 750px) {
      .b-popup__note {
    padding-left: 12rem;
  }
}

  .b-popup ._text-editor {
  padding-bottom: 0px;
}

    .b-popup ._text-editor .b-popup__title {
  margin-bottom: 2rem;
}

[data-popup-name="selectStickersForm"] .b-popup__inner {
  max-width: 80.5rem;
  flex: 0 1 80.5rem;
}

  @media only screen and (min-width: 750px) {
    [data-popup-name="selectStickersForm"] .b-popup__inner {
    padding: 0rem;
  }
}

.b-text-editor__img {
  font-size: 0;
  line-height: 0;
  width: 100%;
  margin-bottom: 2rem;
}

  .b-text-editor__img img {
  max-width: 100%;
}

.b-text-editor .b-tabs {
  margin: 0 -2rem;
  display: block;
}

  @media only screen and (min-width: 750px) {
    .b-text-editor .b-tabs {
    margin: 0 -3rem;
  }
}

  .b-text-editor .b-tabs__triggers {
  border-color: #494949;
}

.b-text-editor .b-range .irs-single {
  display: none;
}

@media only screen and (min-width: 750px) {
  .b-text-editor .b-tabs__content {
    padding: 4rem 2.5rem 3rem;
  }
}

.b-popup__file-manager {
  padding: 0 0 0.8rem 0;
}

  @media only screen and (min-width: 750px) {
    .b-popup__file-manager {
      flex: 0 0 72rem;
    height: 50rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-popup__file-manager {
      flex-basis: 99.5rem;
    height: 71rem;
  }
}

  .b-popup__file-manager .b-file-manager {
    display: flex;
  flex-direction: column;
}

    @media only screen and (min-width: 750px) {
      .b-popup__file-manager .b-file-manager {
        flex-wrap: wrap;
    height: 50rem;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-popup__file-manager .b-file-manager {
    height: 71rem;
  }
}

    .b-popup__file-manager .b-file-manager__controls {
      position: relative;
  z-index: 1;
}

      @media only screen and (min-width: 750px) {
        .b-popup__file-manager .b-file-manager__controls {
    max-width: 21rem;
  }
}

    .b-popup__file-manager .b-file-manager__controls--top {
      padding: 3rem;
  margin-bottom: 1rem;
}

      @media only screen and (min-width: 750px) {
        .b-popup__file-manager .b-file-manager__controls--top {
    padding: 3rem 1rem 0 1rem;
  }
}

@media only screen and (min-width: 750px) {
    .b-selectbox.s-selectbox {
        /* width: 10rem; */
        margin-right: 15px
    }
}

@media only screen and (min-width: 1366px) {
  .b-selectbox.s-selectbox {
      /* width: 25rem; */
      margin-right: 15px
  }
}

.b-file-manager__content .b-file-manager__filter {
    position: absolute;
    z-index: 9;
    left: 0;
    right: 16px;
    padding: 16px 16px 0 16px;
    background: #333;
    top: 206px;
}

@media only screen and (min-width: 750px) {
  .b-file-manager__content .b-file-manager__filter {
    left: 210px;
    top: 0;
  }
}

.b-popup__file-manager .b-file-manager__controls-group {
  font-size: 0;
  line-height: 0;
  margin-bottom: 3rem;
}

.b-popup__file-manager .b-file-manager__controls-group:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 750px) {
  .b-popup__file-manager .b-file-manager__controls-group {
    padding-left: 2rem;
    margin-bottom: 2.8rem;
  }
}

    .b-popup__file-manager .b-file-manager__controls-title {
      font-size: 0;
      line-height: 0;
      display: flex;
      align-items: center;
      margin-bottom: 2.3rem;
  text-transform: uppercase;
}

      @media only screen and (min-width: 750px) {
        .b-popup__file-manager .b-file-manager__controls-title {
    margin-bottom: 1.5rem;
  }
}

      @media only screen and (min-width: 750px) {
        .b-popup__file-manager .b-file-manager__controls-title:last-child {
    margin-bottom: 0;
  }
}

      .b-popup__file-manager .b-file-manager__controls-title svg {
  margin-right: 1rem;
}

      .b-popup__file-manager .b-file-manager__controls-title span {
        font-family: inherit;
        font-size: 1.3rem;
        line-height: 1.7rem;
        font-weight: 500;
  color: #838383;
}

    .b-popup__file-manager .b-file-manager__controls-link {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
      font-size: 1.4rem;
      line-height: 1.3rem;
      color: #f1f1f1;
      display: inline-block;
      vertical-align: top;
  margin-right: 3.4rem;
}

      @media only screen and (min-width: 750px) {
        .b-popup__file-manager .b-file-manager__controls-link {
          margin-bottom: 1.5rem;
    margin-right: 0;
  }

          .b-popup__file-manager .b-file-manager__controls-link:hover {
    cursor: pointer;
  }
}

      .b-popup__file-manager .b-file-manager__controls-link:last-child {
  margin-right: 0;
}

        @media only screen and (min-width: 750px) {
          .b-popup__file-manager .b-file-manager__controls-link:last-child {
    margin-bottom: 0;
  }
}

      .b-popup__file-manager .b-file-manager__controls-link._active {
        font-weight: 500;
  position: relative;
}

        @media only screen and (min-width: 750px) {
          .b-popup__file-manager .b-file-manager__controls-link._active:before {
            content: '';
            position: absolute;
            top: -7px;
            bottom: -4px;
            left: -3rem;
            width: 3px;
            background: #7E8999;
    background: linear-gradient(190deg, #6C71D3, #6C71D3);
  }
}

    .b-popup__file-manager .b-file-manager__controls--bottom {
      padding: 1rem;
  margin-top: 1.6rem;
}

      @media only screen and (min-width: 750px) {
        .b-popup__file-manager .b-file-manager__controls--bottom {
    margin-top: auto;
  }
}

    .b-popup__file-manager .b-file-manager__upload {
      font-size: 0;
      line-height: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 2.1rem;
      border: 2px dashed #838383;
      border-radius: 3px;
  transition: .2s ease-in-out;
}

      @media only screen and (min-width: 750px) {
        .b-popup__file-manager .b-file-manager__upload {
    padding: 2.1rem 2.3rem;
  }
}

      .b-popup__file-manager .b-file-manager__upload input {
  display: none;
}

      .b-popup__file-manager .b-file-manager__upload svg {
        display: inline-block;
        vertical-align: middle;
  margin-right: 1.5rem;
}

        @media only screen and (min-width: 750px) {
          .b-popup__file-manager .b-file-manager__upload svg {
    margin-right: 0.8rem;
  }
}

      .b-popup__file-manager .b-file-manager__upload span {
        display: inline-block;
        vertical-align: middle;
        font-weight: 500;
        font-size: 1.2rem;
        color: #838383;
        line-height: 1.8rem;
        text-transform: uppercase;
  transition: .2s ease-in-out;
}

      @media only screen and (min-width: 750px) {
        .b-popup__file-manager .b-file-manager__upload:hover {
          cursor: pointer;
    border-color: #f1f1f1;
  }

          .b-popup__file-manager .b-file-manager__upload:hover svg path {
    fill: #f1f1f1;
  }

          .b-popup__file-manager .b-file-manager__upload:hover span {
    color: #f1f1f1;
  }
}

    .b-popup__file-manager .b-file-manager__space {
  margin-top: 1.5rem;
}

    .b-popup__file-manager .b-file-manager__space-value {
      font-size: 1.3rem;
      line-height: 1.1rem;
      font-weight: 500;
      color: #838383;
      text-align: center;
  margin-bottom: 1rem;
}

    .b-popup__file-manager .b-file-manager__space-current {
  color: #f1f1f1;
}

    .b-popup__file-manager .b-file-manager__space-line {
      height: 0.7rem;
      border-radius: 5px;
  background-color: #6d6d6d;
}

    .b-popup__file-manager .b-file-manager__space-bar {
      height: 100%;
      border-radius: 5px;
      background-color: #f1f1f1;
  width: 30%;
}

    .b-popup__file-manager .b-file-manager__submit {
      margin-top: 3rem;
      display: block;
  width: 100%;
}

    .b-popup__file-manager .b-file-manager__cancel {
      display: block;
      width: 100%;
  background: none;
}

    .b-popup__file-manager .b-file-manager__content {
      max-height: 38.8rem;
      overflow: hidden;
      box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
      /* position: relative; */
      z-index: 1;
      padding-top: 50px;
}

      @media only screen and (min-width: 750px) {
        .b-popup__file-manager .b-file-manager__content {
          order: 1;
          max-width: 51rem;
          height: 50rem;
          flex: 0 0 51rem;
          min-height: 50rem;
          width: 51rem;
          padding-top: 40px;
  }
}

      @media only screen and (min-width: 1366px) {
        .b-popup__file-manager .b-file-manager__content {
        width: 78.5rem;
        max-width: 78.5em;
        flex-basis: 78.5rem;
        height: 71rem;
        min-height: 71rem;
  }
}

    .b-popup__file-manager .b-file-manager__content-tab {
      font-size: 0;
      line-height: 0;
      display: none;
      padding: 1rem;
  flex-wrap: wrap;
}

      @media only screen and (min-width: 750px) {
        .b-popup__file-manager .b-file-manager__content-tab {
    padding: 1.5rem;
  }
}

      .b-popup__file-manager .b-file-manager__content-tab._active {
  display: flex;
}

    .b-popup__file-manager .b-file-manager__content-item {
      border: 1px solid transparent;
  border-radius: 3px;
}

      @media only screen and (min-width: 750px) {
        .b-popup__file-manager .b-file-manager__content-item:hover {
          border-color: #838383;
    cursor: pointer;
  }
}

      .b-popup__file-manager .b-file-manager__content-item._active {
        position: relative;
  overflow: hidden;
}

        .b-popup__file-manager .b-file-manager__content-item._active:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          z-index: 1;
  background: linear-gradient(227deg, #fad961, #f76b1c);
}

        .b-popup__file-manager .b-file-manager__content-item._active:after {
          content: '';
          position: absolute;
          top: 1px;
          left: 1px;
          right: 1px;
          bottom: 1px;
          background: #363636;
  z-index: 2;
}

        .b-popup__file-manager .b-file-manager__content-item._active .b-file-manager__content-image {
  background-color: #333;
}

    .b-popup__file-manager .b-file-manager__content-item--image {
      width: 13rem;
      display: inline-block;
      vertical-align: top;
      margin: 0 0 2rem 0;
      padding: 1rem;
  position: relative;
}

      @media only screen and (min-width: 750px) {
        .b-popup__file-manager .b-file-manager__content-item--image {
          padding: 1.5rem;
    width: 16rem;
  }

          .b-popup__file-manager .b-file-manager__content-item--image:hover {
    cursor: pointer;
  }
}

      @media only screen and (min-width: 1366px) {
        .b-popup__file-manager .b-file-manager__content-item--image {
    width: 18rem;
  }
}

    .b-popup__file-manager .b-file-manager__content-image {
      font-size: 0;
      line-height: 0;
      text-align: center;
      margin-bottom: 1.5rem;
      position: relative;
      z-index: 3;
  padding: 1.5rem;
}

      @media only screen and (min-width: 750px) {
        .b-popup__file-manager .b-file-manager__content-image {
          width: 13rem;
    height: 13rem;
  }
}

      @media only screen and (min-width: 1366px) {
        .b-popup__file-manager .b-file-manager__content-image {
          width: 15rem;
    height: 15rem;
  }
}

      .b-popup__file-manager .b-file-manager__content-image img {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-height: 100%;
  max-width: 100%;
}

    .b-popup__file-manager .b-file-manager__content-item-filename {
      font-size: 1.4rem;
      line-height: 1.6rem;
      font-weight: 500;
      color: #f1f1f1;
      margin-bottom: 1rem;
      position: relative;
      z-index: 3;
      overflow: hidden;
      text-overflow: ellipsis;
  border-bottom: 1px solid transparent;
}

      @media only screen and (min-width: 750px) {
        .b-popup__file-manager .b-file-manager__content-item-filename {
    margin-bottom: 1.5rem;
  }
}

      .b-popup__file-manager .b-file-manager__content-item-filename._editing {
  border-color: #f1f1f1;
}



    .b-popup__file-manager .b-file-manager__content-item-filesize {
      font-size: 1.2rem;
      line-height: 1.1rem;
      font-weight: 500;
      color: #838383;
      position: relative;
  z-index: 3;
}

    .b-popup__file-manager .b-file-manager__edit {
      position: absolute;
      bottom: 1rem;
      right: 3.5rem;
  z-index: 3;
}

      @media only screen and (min-width: 750px) {
        .b-popup__file-manager .b-file-manager__edit {
          bottom: 1.5rem;
    right: 4.5rem;
  }
}

    .b-popup__file-manager .b-file-manager__delete {
      position: absolute;
      bottom: 1rem;
      right: 1rem;
  z-index: 3;
}

      @media only screen and (min-width: 750px) {
        .b-popup__file-manager .b-file-manager__delete {
          bottom: 1.5rem;
    right: 1.5rem;
  }
}

    @media only screen and (min-width: 750px) {
      .b-popup__file-manager .b-file-manager__edit:hover, .b-popup__file-manager .b-file-manager__delete:hover {
    cursor: pointer;
  }

        .b-popup__file-manager .b-file-manager__edit:hover svg path, .b-popup__file-manager .b-file-manager__delete:hover svg path {
    fill: #f1f1f1;
  }
}

    .b-popup__file-manager .b-file-manager__content-sounds {
      display: block;
      flex: 1 0 auto;
  width: 100%;
}

      @media only screen and (min-width: 750px) {
        .b-popup__file-manager .b-file-manager__content-sounds {
    padding: 1rem;
  }
}

      @media only screen and (min-width: 1366px) {
        .b-popup__file-manager .b-file-manager__content-sounds {
    padding: 1.5rem;
  }
}

    .b-popup__file-manager .b-file-manager__content-item--sound {
      display: flex;
      align-items: center;
      width: 100%;
      margin-bottom: 1rem;
      position: relative;
  padding: 0.5rem 1rem;
}

      @media only screen and (min-width: 750px) {
        .b-popup__file-manager .b-file-manager__content-item--sound {
    padding: 1rem 1.5rem;
  }

          .b-popup__file-manager .b-file-manager__content-item--sound:last-child {
    margin-bottom: 0;
  }
}

      @media only screen and (min-width: 1366px) {
        .b-popup__file-manager .b-file-manager__content-item--sound {
    padding: 1rem 2rem;
  }

          .b-popup__file-manager .b-file-manager__content-item--sound:last-child {
    margin-bottom: 0;
  }
}

    .b-popup__file-manager .b-file-manager__play-btn {
      font-size: 0;
      line-height: 0;
      padding: 0 0 0 1.4rem;
      font-size: 0;
      line-height: 0;
      width: 4rem;
      height: 4rem;
      justify-content: flex-start;
      border: solid 1px #6d6d6d;
      background-color: transparent;
      border-radius: 50%;
      display: flex;
      align-items: center;
      position: relative;
  z-index: 3;
}

      .b-popup__file-manager .b-file-manager__play-btn:hover {
  cursor: pointer;
}

        @media only screen and (min-width: 1366px) {
          .b-popup__file-manager .b-file-manager__play-btn:hover svg path {
    fill: url("#base-gradient");
  }
}

    .b-popup__file-manager .b-file-manager__music-name {
      font-size: 1.4rem;
      line-height: 1.6rem;
      font-weight: 500;
      color: #838383;
      margin-left: 1rem;
      max-width: 55%;
      overflow: hidden;
      text-overflow: ellipsis;
      position: relative;
  z-index: 3;
}

      @media only screen and (min-width: 750px) {
        .b-popup__file-manager .b-file-manager__music-name {
    margin-left: 1.5rem;
  }
}

      @media only screen and (min-width: 1366px) {
        .b-popup__file-manager .b-file-manager__music-name {
    margin-left: 2rem;
  }
}

    .b-popup__file-manager .b-file-manager__music-size {
      font-size: 1.2rem;
      line-height: 1.1rem;
      font-weight: 500;
      color: #838383;
      margin-left: 1rem;
      display: none;
      position: relative;
  z-index: 3;
}

      @media only screen and (min-width: 750px) {
        .b-popup__file-manager .b-file-manager__music-size {
          margin-left: 1rem;
    display: block;
  }
}

      @media only screen and (min-width: 1366px) {
        .b-popup__file-manager .b-file-manager__music-size {
    margin-left: 1.5rem;
  }
}

    .b-popup__file-manager .b-file-manager__play-icon {
  display: block;
}

    .b-popup__file-manager .b-file-manager__stop-icon {
  display: none;
}

    .b-popup__file-manager .b-file-manager__edit-sound {
      position: absolute;
      right: 4rem;
      top: 1.5rem;
  z-index: 3;
}

      @media only screen and (min-width: 750px) {
        .b-popup__file-manager .b-file-manager__edit-sound {
          right: 5rem;
    top: 2rem;
  }
}

      @media only screen and (min-width: 1366px) {
        .b-popup__file-manager .b-file-manager__edit-sound {
          right: 5rem;
    top: 2rem;
  }
}

      @media only screen and (min-width: 750px) {
        .b-popup__file-manager .b-file-manager__edit-sound:hover {
    cursor: pointer;
  }

          .b-popup__file-manager .b-file-manager__edit-sound:hover svg path {
    fill: #f1f1f1;
  }
}

    .b-popup__file-manager .b-file-manager__delete-sound {
      position: absolute;
      top: 1.5rem;
      right: 1rem;
  z-index: 3;
}

      @media only screen and (min-width: 750px) {
        .b-popup__file-manager .b-file-manager__delete-sound {
          right: 2rem;
    top: 2rem;
  }
}

      @media only screen and (min-width: 750px) {
        .b-popup__file-manager .b-file-manager__delete-sound:hover {
    cursor: pointer;
  }

          .b-popup__file-manager .b-file-manager__delete-sound:hover svg path {
    fill: #f1f1f1;
  }
}

    .b-popup__file-manager .b-file-manager__edit-input {
      font-size: 1.4rem;
      line-height: 1.6rem;
      font-family: 'Helvetica Neue', 'Segoe UI', 'Arial', sans-serif;
      background: none;
      border: none;
      color: #f1f1f1;
  font-weight: 500;
}

    .b-popup__file-manager .b-file-manager__drop {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 1rem;
      z-index: 2;
      border-radius: 3px;
      background-color: rgba(41, 41, 41, 0.91);
  display: none;
}

      .b-popup__file-manager .b-file-manager__drop._active {
  display: block;
}

    .b-popup__file-manager .b-file-manager__drop-form {
      display: flex;
      justify-content: center;
      align-items: center;
      border: dashed 2px #838383;
  height: 100%;
}

      .b-popup__file-manager .b-file-manager__drop-form input {
        display: none;
  pointer-events: none;
}

      .b-popup__file-manager .b-file-manager__drop-form span {
        font-size: 2rem;
        line-height: 2.4rem;
        font-weight: 500;
        color: #838383;
  pointer-events: none;
}

      .b-popup__file-manager .b-file-manager__drop-form svg {
        width: 7.2rem;
        margin-right: 3rem;
        height: 5.4rem;
  pointer-events: none;
}

[data-popup-name="file_manager"] {
  padding-left: 1rem;
  padding-right: 1rem;
}

.dz-preview {
  display: none;
}

.b-cashout__edit-input {
  display: inline-block;
  vertical-align: top;
}

  @media only screen and (min-width: 750px) {
    .b-cashout__edit-input {
    width: auto;
  }
}

.b-cashout__edit-trigger {
  font-size: 1.4rem;
  color: #f1f1f1;
  line-height: 2rem;
  display: inline-block;
  vertical-align: top;
  border-bottom: 1px dashed #838383;
  margin-top: 1.2rem;
}

  @media only screen and (min-width: 750px) {
    .b-cashout__edit-trigger {
    margin-left: 1.5rem;
  }
}

  @media only screen and (min-width: 750px) {
    .b-cashout__edit-trigger:hover {
      cursor: pointer;
    border-color: transparent;
  }
}

.b-tabs {
  position: relative;
  overflow: hidden;
  display: none;
}

  .b-tabs._show-tabs {
  display: block;
}

  .b-tabs__triggers {
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    white-space: nowrap;
    padding: 0 2rem;
  border-bottom: 1px solid #353535;
}

    @media only screen and (min-width: 750px) {
      .b-tabs__triggers {
    padding: 0 3rem;
  }
}

  .b-tabs__triggers-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  position: relative;
}

  .b-tabs__trigger {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: block;
    flex: none;
    padding: 2rem;
  cursor: pointer;
}

    .b-tabs__trigger:last-child {
  margin-right: 0px;
}

    .b-tabs__trigger svg {
      display: inline-block;
      vertical-align: middle;
  margin-right: 1.2rem;
}

    .b-tabs__trigger span {
      display: inline-block;
      vertical-align: middle;
      font-weight: 500;
      font-size: 12px;
      color: #f1f1f1;
      line-height: 1.6rem;
  text-transform: uppercase;
}

    .b-tabs__trigger._active-tab {
  position: relative;
}

      .b-tabs__trigger._active-tab:before {
        content: '';
        position: absolute;
        left: 0px;
        bottom: 0px;
        height: 2px;
        width: 100%;
        background: #f57507;
        background: -moz-linear-gradient(left, #f57507 0%, #f59c07 100%);
        background: -webkit-linear-gradient(left, #f57507 0%, #f59c07 100%);
        background: linear-gradient(to right, #f57507 0%, #f59c07 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f57507', endColorstr='#f59c07', GradientType=1);
}

  .b-tabs__content {
    display: none;
  padding: 4rem 2rem 3rem;
}

    @media only screen and (min-width: 750px) {
      .b-tabs__content {
    padding: 4rem 3rem 3rem;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-tabs__content {
    padding: 4rem 3rem;
  }
}

    .b-tabs__content._active-tab {
      display: block;
      font-size: 1rem;
  line-height: 2rem;
}

.b-controls-row__content-text {
  font-weight: 500;
  font-size: 1.3rem;
  color: #f1f1f1;
  line-height: 4.5rem;
}

.b-controls-row__content-wrapper {
  margin-bottom: 2.5rem;
}

  .b-controls-row__content-wrapper:last-of-type {
  margin-bottom: 4rem;
}

    @media only screen and (min-width: 750px) {
      .b-controls-row__content-wrapper:last-of-type {
    margin-bottom: 7.5rem;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-controls-row__content-wrapper:last-of-type {
    margin-bottom: 7rem;
  }
}

  @media only screen and (min-width: 750px) {
    .b-controls-row__content-wrapper {
    display: flex;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-controls-row__content-wrapper {
    margin-bottom: 2rem;
  }
}

  .b-controls-row__content-wrapper .b-btn {
    width: 100%;
  margin-bottom: 2rem;
}

    @media only screen and (min-width: 750px) {
      .b-controls-row__content-wrapper .b-btn {
        width: auto;
        margin-right: 2rem;
    margin-bottom: 0px;
  }
}

    .b-controls-row__content-wrapper .b-btn:last-child {
  margin-bottom: 0px;
}

      @media only screen and (min-width: 750px) {
        .b-controls-row__content-wrapper .b-btn:last-child {
    margin-right: 0px;
  }
}

  .b-controls-row__content-wrapper:last-child {
  margin-bottom: 0px;
}

.b-controls-row__content-title {
  margin-bottom: 1.5rem;
}

  @media only screen and (min-width: 750px) {
    .b-controls-row__content-title {
      font-size: 0;
      line-height: 0;
      display: inline-block;
      vertical-align: top;
      padding-right: 2rem;
      margin-bottom: 0px;
      height: 4.5rem;
    flex: 0 0 17.5rem;
  }

      ._custom-row .b-controls-row__content-title {
        height: 2rem;
        vertical-align: bottom;
    align-self: flex-end;
  }

      .b-popup .b-controls-row__content-title {
    flex: 0 0 13.5rem;
  }
}

  @media only screen and (min-width: 750px) {
    .b-controls-row__content-title:after {
      content: '';
      width: 0px;
      height: 100%;
      display: inline-block;
    vertical-align: middle;
  }
}

  .b-controls-row__content-title span {
    font-size: 1.4rem;
    color: #838383;
  line-height: 1.7rem;
}

    @media only screen and (min-width: 750px) {
      .b-controls-row__content-title span {
        display: inline-block;
    vertical-align: middle;
  }
}

.b-controls-row__content-control {
  display: inline-block;
  vertical-align: top;
}

.b-controls-row__content-control .help-link {
  font-size: 1.2rem;
}

  @media only screen and (min-width: 750px) {
    .b-controls-row__content-control {
    flex: 0 1 65rem;
  }
}

  .b-controls-row__content-control .b-input__label,
  .b-controls-row__content-control .b-color__label,
  .b-controls-row__content-control .b-selectbox__label {
    width: 100%;
  max-width: 100%;
}

    @media only screen and (min-width: 750px) {
      .b-controls-row__content-control .b-input__label,
      .b-controls-row__content-control .b-color__label,
      .b-controls-row__content-control .b-selectbox__label {
        width: 300px;
        max-width: 100%;
        display: inline-block;
    vertical-align: top;
  }
}

    @media only screen and (min-width: 750px) {
      .b-controls-row__content-control .b-input__label._big-width,
      .b-controls-row__content-control .b-color__label._big-width,
      .b-controls-row__content-control .b-selectbox__label._big-width {
        width: 50rem;
    max-width: 100%;
  }
}

    .b-controls-row__content-control .b-input__label._dimension,
    .b-controls-row__content-control .b-color__label._dimension,
    .b-controls-row__content-control .b-selectbox__label._dimension {
      width: auto;
      min-width: 11.5rem;
  max-width: 15rem;
}

      @media only screen and (min-width: 750px) {
        .b-controls-row__content-control .b-input__label._dimension,
        .b-controls-row__content-control .b-color__label._dimension,
        .b-controls-row__content-control .b-selectbox__label._dimension {
          width: auto;
    margin-left: 2rem;
  }
}

      @media only screen and (min-width: 750px) {
        .b-controls-row__content-control .b-input__label._dimension:first-child:last-child,
        .b-controls-row__content-control .b-color__label._dimension:first-child:last-child,
        .b-controls-row__content-control .b-selectbox__label._dimension:first-child:last-child {
    margin-left: 0px;
  }
}

    .b-controls-row__content-control .b-input__label + .b-input,
    .b-controls-row__content-control .b-input__label + .b-color,
    .b-controls-row__content-control .b-input__label + .b-selectbox,
    .b-controls-row__content-control .b-color__label + .b-input,
    .b-controls-row__content-control .b-color__label + .b-color,
    .b-controls-row__content-control .b-color__label + .b-selectbox,
    .b-controls-row__content-control .b-selectbox__label + .b-input,
    .b-controls-row__content-control .b-selectbox__label + .b-color,
    .b-controls-row__content-control .b-selectbox__label + .b-selectbox {
  margin-top: 1rem;
}

      @media only screen and (min-width: 750px) {
        .b-controls-row__content-control .b-input__label + .b-input,
        .b-controls-row__content-control .b-input__label + .b-color,
        .b-controls-row__content-control .b-input__label + .b-selectbox,
        .b-controls-row__content-control .b-color__label + .b-input,
        .b-controls-row__content-control .b-color__label + .b-color,
        .b-controls-row__content-control .b-color__label + .b-selectbox,
        .b-controls-row__content-control .b-selectbox__label + .b-input,
        .b-controls-row__content-control .b-selectbox__label + .b-color,
        .b-controls-row__content-control .b-selectbox__label + .b-selectbox {
    margin-top: 0px;
  }
}

  .b-controls-row__content-control .b-selectbox:first-child:not(:last-child) {
    display: inline-block;
  vertical-align: top;
}

  .b-controls-row__content-control .b-selectbox + .b-selectbox {
  display: block;
}

    @media only screen and (min-width: 750px) {
      .b-controls-row__content-control .b-selectbox + .b-selectbox {
    margin-top: 1rem;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-controls-row__content-control .b-selectbox + .b-selectbox {
        display: inline-block;
    margin: 0 0 0 1rem;
  }
}

  @media only screen and (min-width: 750px) {
    .b-controls-row__content-control .b-toggle {
    padding-top: 0.7rem;
  }
}

  @media only screen and (min-width: 0px) and (max-width: 749px) {
    .b-controls-row__content-control {
    width: 100%;
  }
}

.b-status {
  font-size: 0;
  line-height: 0;
  display: inline-block;
  padding: 0 21px;
  height: 30px;
  border-radius: 15px;
  text-align: center;
}

  .b-status svg {
    display: inline-block;
    vertical-align: middle;
  margin-right: 1.5rem;
}

  .b-status span {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.3rem;
    color: #fff;
  line-height: 3rem;
}

.b-group-list__item {
  border-radius: 3px;
  background-color: #262626;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.01);
  margin-bottom: 1.5rem;
}

  .b-group-list__item:last-child {
  margin-bottom: 0px;
}

  .b-group-list__item--inner {
  padding: 2.5rem;
}

    @media only screen and (min-width: 750px) {
      .b-group-list__item--inner {
        flex-wrap: wrap;
        display: flex;
    align-items: center;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-group-list__item--inner {
    flex-wrap: nowrap;
  }
}

  .b-group-list__item--info {
  display: block;
}

    @media only screen and (min-width: 0px) and (max-width: 749px) {
      .b-group-list__item--info {
    margin-bottom: 2.5rem;
  }
}

    @media only screen and (min-width: 750px) {
      .b-group-list__item--info {
        order: 0;
    flex: 1 1 37rem;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-group-list__item--info {
    flex: 1 0 32rem;
  }
}

  .b-group-list__item--embed {
    overflow: hidden;
    display: flex;
  align-items: center;
}

    @media only screen and (min-width: 0px) and (max-width: 749px) {
      .b-group-list__item--embed {
    margin-bottom: 3.5rem;
  }
}

    @media only screen and (min-width: 750px) {
      .b-group-list__item--embed {
        order: 5;
        flex: 1 0 70rem;
    margin: 2.5rem 6rem 0 0;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-group-list__item--embed {
        flex: 1 0 28rem;
        order: 1;
    margin-top: 0px;
  }
}

    @media only screen and (min-width: 750px) {
      .b-group-list__item--embed:hover {
    cursor: pointer;
  }
}

  .b-group-list__item--embed-icon {
  flex: 0 0 3.2rem;
}

    .b-group-list__item--embed-icon svg path {
  fill: #999;
}

    .b-group-list__item--embed-icon ._hide-icon {
  display: none;
}

    ._show-link .b-group-list__item--embed-icon ._hide-icon {
  display: block;
}

    ._show-link .b-group-list__item--embed-icon ._show-icon {
  display: none;
}

  .b-group-list__item--embed-show {
  flex: 1 1 auto;
}

    .b-group-list__item--embed-show span {
      display: inline-block;
      vertical-align: middle;
      font-weight: 300;
      font-size: 1.4rem;
      color: #999;
      line-height: 2rem;
  border-bottom: 1px dashed #999;
}

    ._show-link .b-group-list__item--embed-show {
  display: none;
}

    @media only screen and (min-width: 750px) {
      .b-group-list__item--embed-show:hover span {
    border-color: transparent;
  }
}

  .b-group-list__item--embed-link {
    display: none;
}

    ._show-link .b-group-list__item--embed-link {
  display: block;
}

.b-group-list__item--embed-link-container {
  flex: 0 1 auto;
  margin-right: 12px;
  position: relative;
  display: flex;
  align-items: center;
}

.b-group-list__item--embed-link-text {
  max-width: 300px;
      white-space: nowrap;
      overflow: hidden;
  position: relative;
  font-size: 14px;
  line-height: 1;
  color: white;
}

.b-group-list__item--embed-link-text:after {
        content: '';
  display: block;
        position: absolute;
  width: 100px;
  right: 0;
  bottom: 0;
  top: 0;
  pointer-events: none;
  background-image: linear-gradient(to right, rgba(38, 38, 38, 0), rgba(38, 38, 38, 1));
}

.b-group-list__item--embed-link-warning {
  position: absolute;
  margin-top: 5px;
  display: flex;
  align-items: center;
  padding: 5px 10px;
  background-color: #303030;
  border-radius: 5px;
  font-size: 13px;
  line-height: 1.38;
  letter-spacing: -0.5px;
  color: #ffffff;
}

.b-group-list__item--embed-link-warning-icon {
  margin-right: 4px;
  line-height: 1;
}

    .b-group-list__item--embed-link ._copy-icon {
  margin-left: 10px;
}

  @media only screen and (min-width: 0px) and (max-width: 749px) {
  .b-group-list__item--embed-link-text {
    max-width: 180px;
  }

    .b-group-list__item--stop {
      display: inline-block;
      vertical-align: middle;
      margin-right: 3rem;
    margin-bottom: 1rem;
  }
}

  @media only screen and (min-width: 750px) {
    .b-group-list__item--stop {
      flex: 0 0 14.7rem;
    order: 2;
  }
}

  .b-group-list__item--stop-inner {
    font-size: 0;
    line-height: 0;
    display: inline-block;
  vertical-align: top;
}

    .b-group-list__item--stop-inner svg {
      display: inline-block;
      vertical-align: middle;
  margin-right: 1.5rem;
}

      .b-group-list__item--stop-inner svg path {
  fill: #838383;
}

    .b-group-list__item--stop-inner span {
      display: inline-block;
      vertical-align: middle;
      font-weight: 500;
      font-size: 1.3rem;
      color: #838383;
      line-height: 2rem;
  text-transform: uppercase;
}

    @media only screen and (min-width: 750px) {
      .b-group-list__item--stop-inner:hover {
    cursor: pointer;
  }
}

  @media only screen and (min-width: 0px) and (max-width: 749px) {
    .b-group-list__item--run {
      display: inline-block;
      vertical-align: middle;
      margin-right: 3rem;
    margin-bottom: 1rem;
  }
}

  @media only screen and (min-width: 750px) {
    .b-group-list__item--run {
      flex: 0 0 13.3rem;
    order: 3;
  }
}

  @media only screen and (min-width: 750px) {
    .b-group-list__item--run:hover {
    cursor: pointer;
  }
}

  .b-group-list__item--run-inner {
    font-size: 0;
    line-height: 0;
    display: inline-block;
  vertical-align: top;
}

    .b-group-list__item--run-inner svg {
      display: inline-block;
      vertical-align: middle;
  margin-right: 1.5rem;
}

      .b-group-list__item--run-inner svg path {
  fill: url("#base-gradient");
}

    .b-group-list__item--run-inner span {
      display: inline-block;
      vertical-align: middle;
      font-weight: 500;
      font-size: 1.3rem;
      line-height: 2rem;
      text-transform: uppercase;
  color: #f57707;
}

      ._not-ie .b-group-list__item--run-inner span {
        background: linear-gradient(265deg, #f59c07, #f57507);
        -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

  @media only screen and (min-width: 0px) and (max-width: 749px) {
    .b-group-list__item--edit {
      display: inline-block;
      vertical-align: middle;
    margin-bottom: 1rem;
  }
}

  @media only screen and (min-width: 750px) {
    .b-group-list__item--edit {
      flex: 0 0 1.8rem;
    order: 4;
  }
}

  .b-group-list__item--edit-inner {
    font-size: 0;
  line-height: 0;
}

    .b-group-list__item--edit-inner svg {
      display: inline-block;
      vertical-align: middle;
  margin-right: 1.5rem;
}

      @media only screen and (min-width: 750px) {
        .b-group-list__item--edit-inner svg {
    margin-right: 0px;
  }
}

      .b-group-list__item--edit-inner svg path {
  fill: #838383;
}

    .b-group-list__item--edit-inner:hover svg path, .b-group-list__item--edit-inner._active-tabs svg path {
  fill: #f1f1f1;
}

    @media only screen and (min-width: 750px) {
      .b-group-list__item--edit-inner:hover {
    cursor: pointer;
  }
}

    .b-group-list__item--edit-inner span {
      display: inline-block;
      vertical-align: middle;
      font-weight: 500;
      font-size: 1.3rem;
      color: #838383;
      line-height: 2rem;
  text-transform: uppercase;
}

      @media only screen and (min-width: 750px) {
        .b-group-list__item--edit-inner span {
    display: none;
  }
}

  .b-group-list__item--title {
    font-weight: 500;
    font-size: 1.4rem;
    color: #f1f1f1;
    line-height: 2rem;
  margin-bottom: 1rem;
}

  .b-group-list__item--param {
    font-size: 1.3rem;
    color: #6d6d6d;
    line-height: 2rem;
  margin-bottom: 1rem;
}

    .b-group-list__item--param:last-child {
  margin-bottom: 0px;
}

    .b-group-list__item--param span {
  color: #fff;
}

  .b-group-list__item--delete {
  margin-left: 2.2rem;
}

    @media only screen and (min-width: 0px) and (max-width: 749px) {
      .b-group-list__item--delete {
        display: inline-block;
        vertical-align: middle;
    margin-bottom: 1rem;
  }
}

    @media only screen and (min-width: 750px) {
      .b-group-list__item--delete {
        flex: 0 0 1.8rem;
    order: 4;
  }
}

    .b-group-list__item--delete-inner {
      display: inline-block;
  vertical-align: top;
}

      .b-group-list__item--delete-inner svg {
        display: inline-block;
        vertical-align: middle;
  margin-right: 1.5rem;
}

        @media only screen and (min-width: 750px) {
          .b-group-list__item--delete-inner svg {
    margin-right: 0px;
  }
}

        .b-group-list__item--delete-inner svg path {
  fill: #838383;
}

      @media only screen and (min-width: 750px) {
        .b-group-list__item--delete-inner:hover {
    cursor: pointer;
  }

          .b-group-list__item--delete-inner:hover svg path {
    fill: #f1f1f1;
  }
}

  .b-group-list__item--desc {
    font-size: 1.3rem;
    color: #838383;
  line-height: 2rem;
}

.b-top-controls {
  display: flex;
  flex-wrap: wrap;
}

  @media only screen and (min-width: 750px) {
    .b-top-controls {
    margin-bottom: 3rem;
  }
}

  @media only screen and (min-width: 750px) {
    .b-top-controls .b-btn {
    height: 4.5rem;
  }
}

  @media only screen and (min-width: 750px) {
    .b-top-controls-wr {
      display: flex;
    flex-direction: column;
  }
}

.b-page-text {
  font-size: 1.3rem;
  line-height: 1.54;
  color: #838383;
  text-align: left;
  margin-bottom: 3rem;
}

  .b-page-text p {
  margin-bottom: 2rem;
}

    .b-page-text p:last-child {
  margin-bottom: 0;
}

.b-page-info {
  font-size: 1.3rem;
  line-height: 1.54;
  color: #838383;
}

.b-page-info__img {
  width: 100%;
  border-radius: 6px;
  background-color: #3e3e3e;
  margin-right: 15px;
  overflow: hidden;
  margin-bottom: 30px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.b-page-info__img:before {
  display: block;
  content: '';
  padding-top: 56.25%;
}

.b-page-info__title {
  background-color: #3e3e3e;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  line-height: 16px;
  padding: 7px;
  border-radius: 3px;
  margin-bottom: 10px;
  display: inline-block;
}

.b-page-info__description {
  width: 100%;
  margin-bottom: 30px;
  cursor: default;
}

.b-page-info:after {
  display: block;
  content: '';
  clear: both;
}

@media only screen and (min-width: 750px) {
  .b-page-info__img {
    width: 210px;
    float: left;
  }

  .b-page-info__description {
    width: 300px;
    float: left;
  }
}

.b-index__header {
  margin-bottom: 3rem;
}

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

  @media only screen and (min-width: 1366px) {
    .b-index__header {
    margin-bottom: 4rem;
  }
}

  .b-index__header--title {
    float: left;
    font-weight: 300;
    font-size: 1.6rem;
    color: #f1f1f1;
  line-height: 2rem;
}

    @media only screen and (min-width: 750px) {
      .b-index__header--title {
        font-size: 2.5rem;
    line-height: 2.8rem;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-index__header--title {
        font-size: 3rem;
    line-height: 3.2rem;
  }
}

  .b-index__header--add-block {
    float: right;
    font-weight: 500;
    font-size: 1.2rem;
    color: #838383;
    line-height: 2rem;
    text-transform: uppercase;
  transition: .3s ease-in-out;
}

    @media only screen and (min-width: 750px) {
      .b-index__header--add-block {
        font-size: 1.3rem;
        line-height: 2.8rem;
    cursor: pointer;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-index__header--add-block {
    line-height: 3.2rem;
  }
}

    .b-index__header--add-block svg {
  margin: 0.6rem 1rem 0 0;
}

      @media only screen and (min-width: 750px) {
        .b-index__header--add-block svg {
    margin-top: 1rem;
  }
}

      @media only screen and (min-width: 1366px) {
        .b-index__header--add-block svg {
    margin-top: 1.2rem;
  }
}

    .b-index__header--add-block:hover {
  color: #f1f1f1;
}

      .b-index__header--add-block:hover svg path {
  fill: #f1f1f1;
}

.b-index .b-last-events-widget {
  border-radius: 8px;
  padding: 20px;
  height: 100%;
  position: relative;
}

.b-index .b-last-events-widget__inner {
  height: 100%;
  min-height: 400px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.b-index .b-last-events-widget__inner .s-index-last-alerts-iframe {
  flex-grow: 1;
}

@media only screen and (min-width: 1024px) {
  .b-index .b-last-events-widget__inner:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2.1rem;
    background: -moz-linear-gradient(top, transparent 0%, #262626 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, #262626));
    background: -webkit-linear-gradient(top, transparent 0%, #262626 100%);
    background: -o-linear-gradient(top, transparent 0%, #262626 100%);
    background: -ms-linear-gradient(top, transparent 0%, #262626 100%);
    background: linear-gradient(to bottom, transparent 0%, #262626 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#262626', GradientType=0);
  }
}

.b-index__content {
  display: flex;
  align-items: stretch;
}

.b-index__content .b-index__content-left {
  width: 60%;
  padding-right: 20px;
}

.b-index__content.carousel .b-index__content-left {
  padding-top: 290px;
}

.b-index__content .b-index__content-right {
  width: 40%;
}

@media only screen and (max-width: 1024px) {
  .b-index__content {
    flex-direction: column;
  }

  .b-index__content.carousel .b-index__content-left {
    padding-top: 20px;
  }

  .b-index__content .b-index__content-left {
    order: 2;
    width: 100%;
    padding-right: 0;
  }

  .b-index__content .b-index__content-right {
    order: 1;
    width: 100%;
  }

  .b-index__content.carousel .b-index__content-right {
    padding-top: 20px;
  }
}

.b-index__banner + .b-index__banner {
  margin-top: 20px;
}

.b-index__block {
  border-radius: 8px;
  background-color: #262626;
}

.b-index__stats {
  margin-top: 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-column-gap: 20px;
}

@media only screen and (max-width: 768px) {
  .b-index__stats {
    grid-template-columns: minmax(0, 1fr);
    grid-row-gap: 20px;
  }
}

.b-index__block--inner {
  padding: 2rem 2rem 3rem;
}

    @media only screen and (min-width: 750px) {
      .b-index__block--inner {
    padding: 2rem;
  }
}

  .b-index__block--header {
  margin-bottom: 3rem;
}

    .b-index__block--header:after {
      content: ".";
      clear: both;
      display: block;
      height: 0;
  visibility: hidden;
}

  .b-index__block--title {
    font-weight: 300;
    font-size: 1.8rem;
    color: #f1f1f1;
    line-height: 2rem;
  float: left;
}

    @media only screen and (min-width: 750px) {
      .b-index__block--title {
        font-size: 2.1rem;
    line-height: 2.4rem;
  }
}

  .b-index__block--settings {
  float: right;
}

    @media only screen and (min-width: 750px) {
      .b-index__block--settings:hover {
    cursor: pointer;
  }

        .b-index__block--settings:hover svg path {
    fill: #fff;
  }
}

.b-index__dynamics--inner {
  padding-bottom: 0px;
}

.b-index__dynamics--header {
  margin-bottom: 8rem;
  position: relative;
}

  .b-index__dynamics--header:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
  visibility: hidden;
}

  @media only screen and (min-width: 750px) {
    .b-index__dynamics--header {
    margin-bottom: 5.5rem;
  }
}

  @media only screen and (min-width: 1024px) {
    .b-index__dynamics--header {
    margin-bottom: 6rem;
  }
}

.b-index__dynamics--filter {
  margin-right: 2rem;
  float: right;
}

  @media only screen and (min-width: 750px) {
    .b-index__dynamics--filter:hover {
    cursor: pointer;
  }

      .b-index__dynamics--filter:hover svg path {
    fill: #fff;
  }
}

  .b-index__dynamics--filter._open-tooltip svg path {
  fill: url(#base-gradient);
}

.b-index__dynamics--period {
  font-size: 1.3rem;
  color: #f1f1f1;
  line-height: 2rem;
  text-transform: uppercase;
}

@media only screen and (min-width: 0px) and (max-width: 749px) {
  .b-index__dynamics--period {
    position: absolute;
    left: 0px;
    top: 5rem;
  }

  .b-file-manager .b-file-manager__filter .b-index__dynamics--period {
    position: relative;
    left: 0px;
    top: 0px;
    margin-right: 15px;
  }
}

  @media only screen and (min-width: 750px) {
    .b-index__dynamics--period {
      font-size: 1.3rem;
      margin-right: 2.5rem;
    float: right;
  }
}

  .b-index__dynamics--period span {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-size: inherit;
    line-height: inherit;
    text-transform: inherit;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.7rem;
    cursor: pointer;
    position: relative;
    padding-right: 1.5rem;
  color: #f57707;
}

    ._not-ie .b-index__dynamics--period span {
      background: linear-gradient(265deg, #f59c07, #f57507);
      -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

    .b-index__dynamics--period span:before {
      content: '';
      position: absolute;
      right: 0px;
      top: 50%;
      transform: translateY(-2px);
      border-width: 4px 4px 0 4px;
      border-color: #f57707 transparent transparent transparent;
  border-style: solid;
}

    .b-index__dynamics--period span:after {
      content: '';
      position: absolute;
      right: 0px;
      top: 50%;
      transform: translateY(-3px);
      border-width: 4px 4px 0 4px;
      border-color: #262626 transparent transparent transparent;
  border-style: solid;
}

.b-index__dynamics--graph {
  font-size: 1.5rem;
  color: #fff;
  line-height: 2rem;
}

.b-index__dynamics--tabs-wrapper {
  position: relative;
}

.b-index__dynamics--tabs-content {
  padding-bottom: 8rem;
}

.b-index__dynamics--tab-content {
  display: none;
  width: 100%;
  height: 20rem;
}

  @media only screen and (min-width: 750px) {
    .b-index__dynamics--tab-content {
    height: 26rem;
  }
}

  @media only screen and (min-width: 1024px) {
    .b-index__dynamics--tab-content {
    height: 25rem;
  }
}

  .b-index__dynamics--tab-content._active-tab {
  display: block;
}

.b-index__dynamics--tabs {
  font-size: 0;
  line-height: 0;
  position: absolute;
  bottom: 0px;
  left: 0px;
  white-space: nowrap;
}

  @media only screen and (min-width: 750px) {
    .b-index__dynamics--tabs {
    left: 5rem;
  }
}

.b-index__dynamics--tab {
  font-weight: 500;
  font-size: 1.2rem;
  color: #fff;
  line-height: 2rem;
  padding: 3rem 0;
  margin-right: 2rem;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: bottom;
  cursor: pointer;
}

  .b-index__dynamics--tab:last-child {
  margin-right: 0px;
}

  .b-index__dynamics--tab._active-tab {
    cursor: default;
    position: relative;
  color: #f57707;
}

    ._not-ie .b-index__dynamics--tab._active-tab {
      background: linear-gradient(265deg, #f59c07, #f57507);
      -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

    .b-index__dynamics--tab._active-tab:before {
      content: '';
      position: absolute;
      left: 0px;
      bottom: 0px;
      width: 100%;
      height: 3px;
      background: #f57507;
      background: -moz-linear-gradient(left, #f57507 0%, #f59c07 100%);
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f57507), color-stop(100%, #f59c07));
      background: -webkit-linear-gradient(left, #f57507 0%, #f59c07 100%);
      background: -o-linear-gradient(left, #f57507 0%, #f59c07 100%);
      background: -ms-linear-gradient(left, #f57507 0%, #f59c07 100%);
      background: linear-gradient(to right, #f57507 0%, #f59c07 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f57507', endColorstr='#f59c07', GradientType=1);
}

  @media only screen and (min-width: 750px) {
    .b-index__dynamics--tab:hover {
    color: #f57707;
  }

      ._not-ie .b-index__dynamics--tab:hover {
        background: linear-gradient(265deg, #f59c07, #f57507);
        -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

.b-index__active-donation-goal {
  position: relative;
}

  @media only screen and (min-width: 750px) {
    .b-index__active-donation-goal {

  }
}

  @media only screen and (min-width: 1366px) {
    .b-index__active-donation-goal {

  }
}

  .b-index__active-donation-goal--inner {
    width: 100%;
}

  .b-index__active-donation-goal--round {
    position: relative;
  margin-bottom: 3.5rem;
}

    @media only screen and (min-width: 750px) {
      .b-index__active-donation-goal--round {
        margin-bottom: 3rem;
    margin-top: 6rem;
  }
}

    .b-index__active-donation-goal--round svg {
      display: block;
      width: 17rem;
      height: 17rem;
      transform: rotate(-90deg);
  margin: 4rem auto 0;
}

      @media only screen and (min-width: 750px) {
        .b-index__active-donation-goal--round svg {
          width: 21rem;
    height: 21rem;
  }
}

      .b-index__active-donation-goal--round svg circle {
        fill: none;
        stroke-width: 8px;
        width: 100%;
  height: 100%;
}

        .b-index__active-donation-goal--round svg circle._circle_back {
  stroke: rgba(151, 151, 151, 0.1);
}

        .b-index__active-donation-goal--round svg circle._circle_front {
          stroke-linecap: round;
          stroke-linejoin: round;
  transition: all 150ms ease-out;
}

    .b-index__active-donation-goal--round-list.slick-slider {
  width: 100%;
}

      @media only screen and (min-width: 750px) {
        .b-index__active-donation-goal--round-list.slick-slider svg {
          width: 17rem;
    height: 17rem;
  }
}

      @media only screen and (min-width: 1366px) {
        .b-index__active-donation-goal--round-list.slick-slider svg {
          width: 16rem;
    height: 16rem;
  }
}

    .b-index__active-donation-goal--round-text {
      z-index: 2;
      position: absolute;
      left: 50%;
      bottom: 45%;
      transform: translate(-50%, 70%);
      /* margin-top: 1rem; */
  text-align: center;
}

    .b-index__active-donation-goal--round-percent {
      font-weight: 200;
      font-size: 2.8rem;
      color: #f1f1f1;
      line-height: 1.25;
  margin-bottom: 1rem;
}

    .b-index__active-donation-goal--round-count {
      font-weight: 500;
      font-size: 1.2rem;
      color: #787878;
      line-height: 1.3rem;
      max-width: 66%;
      margin: 0 auto;
}

      @media only screen and (min-width: 750px) {
        .b-index__active-donation-goal--round-count {
          /* font-size: 1.2rem; */
          line-height: 1.5rem;
          max-width: 90%;
      }
}

.b-index__active-donation-goal--round-count span {
  white-space: nowrap;
  display: inline-block;
}

    .b-index__active-donation-goal--round-empty {
      font-weight: 200;
      font-size: 1.8rem;
      color: #f1f1f1;
      line-height: 2.1rem;
      z-index: 2;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
  text-align: center;
}

      @media only screen and (min-width: 750px) {
        .b-index__active-donation-goal--round-empty {
          font-size: 2rem;
    line-height: 2.5rem;
  }
}

    .b-index__active-donation-goal--round-title {
      font-weight: 300;
      font-size: 1.5rem;
      color: #f1f1f1;
      line-height: 2rem;
      text-align: center;
      margin-bottom: 2.5rem;
      position: absolute;
      left: 50%;
      top: 0px;
      transform: translateX(-50%);
      width: 80%;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
}

    .b-index__active-donation-goal--round-item {
      margin-bottom: 2rem;
  position: relative;
}

    .b-index__active-donation-goal--round .slick-arrow {
      font-size: 0;
      line-height: 0;
      position: absolute;
      z-index: 2;
      width: 3.5rem;
      height: 3.5rem;
      transform: translateY(50%);
      border-radius: 50%;
      border: 1px solid #353535;
  background: transparent url("/img/menu_arrow.svg") center no-repeat;
}

      @media only screen and (min-width: 0px) and (max-width: 749px) {
        .b-index__active-donation-goal--round .slick-arrow {
    display: none !important;
  }
}

      @media only screen and (min-width: 750px) {
        .b-index__active-donation-goal--round .slick-arrow {
          display: block;
    bottom: 11.2rem;
  }
}

      @media only screen and (min-width: 1366px) {
        .b-index__active-donation-goal--round .slick-arrow {
    bottom: 10.7rem;
  }
}

      .b-index__active-donation-goal--round .slick-arrow.slick-prev {
  transform: translate(0, 50%) rotate(90deg);
}

      .b-index__active-donation-goal--round .slick-arrow.slick-next {
        right: 0px;
  transform: translate(0, 50%) rotate(-90deg);
}

      @media only screen and (min-width: 750px) {
        .b-index__active-donation-goal--round .slick-arrow:hover {
    cursor: pointer;
  }
}

    .b-index__active-donation-goal--round .slick-dots {
      font-size: 0;
      line-height: 0;
      position: relative;
      text-align: center;
  z-index: 2;
}

      .b-index__active-donation-goal--round .slick-dots li {
        display: inline-block;
  vertical-align: top;
}

        .b-index__active-donation-goal--round .slick-dots li button {
          font-size: 0;
          line-height: 0;
          border: none;
          width: 7px;
          height: 7px;
          border-radius: 50%;
          background: #5a5a5a;
  margin-right: 1rem;
}

          @media only screen and (min-width: 750px) {
            .b-index__active-donation-goal--round .slick-dots li button:hover {
    cursor: pointer;
  }
}

        .b-index__active-donation-goal--round .slick-dots li:last-child button {
  margin-right: 0px;
}

        .b-index__active-donation-goal--round .slick-dots li.slick-active button {
  background: #f57e07;
}

  .b-index__active-donation-goal--stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 5px;
}

  .b-index__active-donation-goal--stat-block + .b-index__active-donation-goal--stat-block {
    margin-top: 15px;
  }


    .b-index__active-donation-goal--stat-value {
      font-weight: 300;
      font-size: 2.2rem;
      color: #f1f1f1;
      line-height: 2.5rem;
      margin-bottom: 1rem;
  white-space: nowrap;
}

      @media only screen and (min-width: 750px) {
        .b-index__active-donation-goal--stat-value {
          font-size: 2.5rem;
    line-height: 2.8rem;
  }
}

    .b-index__active-donation-goal--stat-name {
      font-weight: 500;
      font-size: 1.1rem;
      color: #787878;
      line-height: 1.4rem;
  text-transform: uppercase;
}

      @media only screen and (min-width: 750px) {
        .b-index__active-donation-goal--stat-name {
    font-size: 1.2rem;
  }
}

.b-index__statistics--period {
  font-size: 1.2rem;
  color: #f1f1f1;
  line-height: 2rem;
  text-transform: uppercase;
  margin-bottom: 3.5rem;
}

  @media only screen and (min-width: 750px) {
    .b-index__statistics--period {
    font-size: 1.3rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-index__statistics--period {
    margin-bottom: 3rem;
  }
}

  .b-index__statistics--period span {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-size: inherit;
    line-height: inherit;
    text-transform: inherit;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.7rem;
    cursor: pointer;
    position: relative;
    padding-right: 1.5rem;
  color: #f57707;
}

    ._not-ie .b-index__statistics--period span {
      background: linear-gradient(265deg, #f59c07, #f57507);
      -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

    .b-index__statistics--period span:before {
      content: '';
      position: absolute;
      right: 0px;
      top: 50%;
      transform: translateY(-2px);
      border-width: 4px 4px 0 4px;
      border-color: #f57707 transparent transparent transparent;
  border-style: solid;
}

    .b-index__statistics--period span:after {
      content: '';
      position: absolute;
      right: 0px;
      top: 50%;
      transform: translateY(-3px);
      border-width: 4px 4px 0 4px;
      border-color: #262626 transparent transparent transparent;
  border-style: solid;
}

.b-index__statistics--row {
  margin-bottom: 3rem;
}

  @media only screen and (min-width: 750px) {
    .b-index__statistics--row {
    margin-bottom: 3.5rem;
  }
}

  .b-index__statistics--row:last-child {
  margin-bottom: 0px;
}

.b-index__statistics--value {
  font-weight: 300;
  font-size: 2.2rem;
  color: #f1f1f1;
  line-height: 2.5rem;
  margin-bottom: 1rem;
}

  @media only screen and (min-width: 750px) {
    .b-index__statistics--value {
      font-size: 2.5rem;
    line-height: 2.8rem;
  }
}

.b-index__statistics--name {
  font-weight: 500;
  font-size: 1.1rem;
  color: #787878;
  line-height: 1.4rem;
  text-transform: uppercase;
}

  @media only screen and (min-width: 750px) {
    .b-index__statistics--name {
      font-size: 1.2rem;
    line-height: 1.5rem;
  }
}

.b-chartjs-tooltip {
  background: #f1f1f1;
  padding: 1.5rem;
  position: absolute;
  z-index: 5;
  display: none;
}

  .b-chartjs-tooltip__num {
    font-weight: 300;
    font-size: 1.6rem;
    color: #000;
    line-height: 2rem;
    margin-bottom: 0.8rem;
  white-space: nowrap;
}

  .b-chartjs-tooltip__date {
    font-weight: 300;
    font-size: 1.1rem;
    color: #7e7e7e;
    line-height: 1.5rem;
  white-space: nowrap;
}

  .b-chartjs-tooltip:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -15px;
    border-width: 15px 18px 0 0;
    border-color: #f1f1f1 transparent transparent #f1f1f1;
  border-style: solid;
}

  .b-chartjs-tooltip._right-pos:before {
    left: auto;
    right: 0px;
    border-width: 15px 0 0 18px;
  border-color: #f1f1f1 #f1f1f1 transparent transparent;
}

.b-table-headers__found {
  font-weight: 400;
  font-size: 1.3rem;
  color: #838383;
  line-height: 2rem;
  margin-bottom: 3rem;
}

  @media only screen and (min-width: 750px) {
    .b-table-headers__found {
      font-size: 1.4rem;
    margin-bottom: 2.5rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-table-headers__found {
    margin-bottom: 2rem;
  }
}

.b-table-headers__table-filters {
  display: none;
  align-items: flex-start;
  padding: 1.5rem 2rem;
}

  @media only screen and (min-width: 750px) {
    .b-table-headers__table-filters {
    display: flex;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-table-headers__table-filters {
    padding: 2rem 3rem;
  }
}

.b-table-headers__table-filter {
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: #838383;
  display: flex;
  align-items: center;
}

  .b-table-headers__table-filter._active {
  color: #f57707;
}

    .b-table-headers__table-filter._active svg {
  display: block;
}

      .b-table-headers__table-filter._active svg g g {
  fill: url("#base-gradient");
}

  .b-table-headers__table-filter._reversed svg {
  transform: rotate(180deg);
}

  .b-table-headers__table-filter span {
  margin-right: 0.5rem;
}

    @media only screen and (min-width: 1366px) {
      .b-table-headers__table-filter span:hover {
    color: #f57707;
  }
}

  .b-table-headers__table-filter svg {
  display: none;
}

.b-donations__controls {
  display: flex;
  flex-wrap: wrap;
}

  @media only screen and (min-width: 750px) {
    .b-donations__controls {
    margin-bottom: 3rem;
  }
}

  @media only screen and (min-width: 750px) {
    .b-donations__controls .b-btn {
    height: 4rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-donations__controls .b-btn {
    height: 4.5rem;
  }
}

.b-donations__search {
  flex: 1 1 14rem;
  margin-right: 1rem;
  height: 4rem;
}

  @media only screen and (min-width: 750px) {
    .b-donations__search {
      flex: 0 0 24.1rem;
      order: 1;
    margin-bottom: 2rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-donations__search {
    height: 4.5rem;
  }
}

.b-donations__btn {
  margin-bottom: 1rem;
}

  @media only screen and (min-width: 750px) {
    .b-donations__btn {
    order: 5;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-donations__btn {
    margin-left: auto;
  }
}

.b-donations__filter-btn {
  display: none;
  order: 3;
  margin-right: 1rem;
}

  .b-donations__filter-btn svg path {
  fill: url("#base-gradient");
}

  @media only screen and (min-width: 750px) {
    .b-donations__filter-btn {
    display: inline-flex;
  }
}

.b-donations__export-btn {
  display: none;
  order: 4;
  margin-right: 1rem;
}

  .b-donations__sticker-btn svg path,
  .b-donations__export-btn svg path {
  fill: url("#base-gradient");
}

  @media only screen and (min-width: 750px) {
    .b-donations__export-btn {
    display: inline-flex;
  }
}

.b-donations__select {
  height: 4rem;
}

  @media only screen and (min-width: 750px) {
    .b-donations__select {
      flex: 0 0 24.1rem;
      order: 2;
    margin: 0 1rem 1.5rem 0;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-donations__select {
    height: 4.5rem;
  }
}

.b-donations__filters {
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
}

  @media only screen and (min-width: 1024px) {
    .b-donations__filters {
    display: none;
  }
}

  .b-donations__filters .b-text-filter {
  margin-right: auto;
}

  .b-donations__filters .b-filter-icon {
  margin-left: 2rem;
}

    .b-donations__filters .b-filter-icon svg path {
  fill: url("#base-gradient");
}

.b-donations__table {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
}

  .b-donations__table._filtered .b-donate__when,
  .b-donations__table._filtered .b-donate__text,
  .b-donations__table._filtered .b-donate__controls,
  .b-donations__table._filtered .b-donates__filter-message,
  .b-donations__table._filtered .b-donates__filter-date {
  display: none;
}

@media only screen and (min-width: 750px) {
  .b-donations__filter-name {
    flex: 0 0 21.1rem;
  }
}

@media only screen and (min-width: 1366px) {
  .b-donations__filter-name {
    flex: 0 0 21.1rem;
  }
}

@media only screen and (min-width: 750px) {
  .b-donations__filter-cash {
    flex: 0 0 130px;
  }
}

@media only screen and (min-width: 1366px) {
  .b-donations__filter-cash {
    flex: 0 0 130px;
  }
}

.b-donations__filter-message {
  display: none !important;
}

@media only screen and (min-width: 750px) {
  .b-donations__filter-message {
    flex: 1 1 auto;
    display: flex !important;
    padding-left: 2rem;
  }
}

@media only screen and (min-width: 750px) {
  .b-donations__filter-date {
    flex: 0 0 20rem;
  }
}

@media only screen and (min-width: 1366px) {
  .b-donations__filter-date {
    flex: 0 0 20rem;
  }
}

.b-donations__sum-filter {
  margin-bottom: 3rem;
  display: inline-block;
}

@media only screen and (min-width: 0px) and (max-width: 749px) {
  .b-donations__time-btn {
    margin-bottom: 1rem;
  }
}

@media only screen and (min-width: 0px) and (max-width: 749px) {
  .b-donations__time-btn:last-child {
    margin-bottom: 0;
  }
}

.b-donate {
  border-radius: 3px;
  background-color: #262626;
  padding: 2rem 2rem;
  display: flex;
  position: relative;
}

.b-donate:nth-child(even) {
  background-color: #262626;
}

@media only screen and (max-width: 1024px) {
  .b-donate {
    display: block;
  }
}

.b-donate:nth-child(even) {
  background-color: transparent;
}

.b-donate__from, .b-donate__money, .b-donate__when {
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: #838383;
}

.b-donate__from {
  flex: 0 0 21.1rem;
  order: 1;
  padding-right: 2rem;
  font-size: 1.3rem;
  line-height: 1.6rem;
}

.b-donate__from .b-donate__from-name {
  color: #fff;
}

.b-donate__money {
  flex: 0 0 130px;
  order: 2;
}

.b-donate__text {
  flex: 1 1 auto;
  order: 3;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 1.3rem;
  line-height: 1.54;
  color: #f1f1f1;
}

.b-donate__text span {
  font-size: 1.3rem;
  line-height: 1.6rem;
}

.b-donate__when {
  flex: 0 0 14rem;
  order: 4;
  line-height: 23px;
}

.b-donate__controls {
  flex: 0 0 6rem;
  order: 5;
  display: flex;
  align-items: center;
  align-self: flex-start;
}

.b-donate__key {
  display: none;
  flex: 0 0 12rem;
  margin-right: 2.7rem;
}

@media only screen and (max-width: 1366px) {

}

@media only screen and (max-width: 1024px) {
  .b-donate__from, .b-donate__money, .b-donate__when {
    display: flex;
    align-items: center;
  }

  .b-donate__key {
    display: block;
  }

  .b-donate__block + .b-donate__block {
    margin-top: 10px;
  }

  .b-donate__text {
    padding-left: 0;
    padding-right: 0;
  }

  .b-donate__controls {
    position: absolute;
    top: 2rem;
    right: 2rem;
  }
}

  .b-donate__tooltip {
  display: flex;
}

  .b-donate__info {
  margin-right: 2rem;
}

  @media only screen and (min-width: 1366px) {
    .b-donate__info:hover, .b-donate__delete:hover {
    cursor: pointer;
  }

      .b-donate__info:hover svg path, .b-donate__delete:hover svg path {
    fill: #f1f1f1;
  }
}

  .b-donate__info-column {
    margin-right: 1.5rem;
    font-size: 1.3rem;
    line-height: 1.6rem;
  color: #838383;
}

    .b-donate__info-column:last-child {
  margin-right: 0;
}

    .b-donate__info-column--white {
  color: #f1f1f1;
}

    .b-donate__info-column div {
  margin-bottom: 1.2rem;
}

      .b-donate__info-column div:last-child {
  margin-bottom: 0;
}

.b-news__item {
  margin-bottom: 3rem;
}

  @media only screen and (min-width: 750px) {
    .b-news__item {
    margin-bottom: 4rem;
  }
}

  .b-news__item--title {
    font-weight: 500;
    font-size: 1.5rem;
    color: #fff;
    line-height: 2rem;
  margin-bottom: 1.5rem;
}

    @media only screen and (min-width: 750px) {
      .b-news__item--title {
    font-size: 1.7rem;
  }
}

  .b-news__item--desc {
    font-size: 1.2rem;
    color: #c3c3c3;
    line-height: 2rem;
  margin-bottom: 1.5rem;
}

    @media only screen and (min-width: 750px) {
      .b-news__item--desc {
        font-size: 1.3rem;
        line-height: 2.5rem;
    margin-bottom: 1rem;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-news__item--desc {
    margin-bottom: 1.5rem;
  }
}

  .b-news__item--date {
    font-size: 1.2rem;
    color: #6d6d6d;
  line-height: 2rem;
}

    @media only screen and (min-width: 750px) {
      .b-news__item--date {
    font-size: 1.3rem;
  }
}

.b-alerts .b-page-header {
  margin-bottom: 2.5rem;
}

  @media only screen and (min-width: 750px) {
    .b-alerts .b-page-header {
    margin-bottom: 3.5rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-alerts .b-page-header {
    margin-bottom: 4rem;
  }
}

.b-alerts__group {
  border-radius: 3px;
  background-color: #262626;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.01);
  margin-bottom: 2rem;
}

  @media only screen and (min-width: 1366px) {
    .b-alerts__group {
    margin-bottom: 3rem;
  }
}

  .b-alerts__group:last-child {
  margin-bottom: 0px;
}

  .b-alerts__group--header {
  margin-bottom: 0.5rem;
}

    @media only screen and (min-width: 750px) {
      .b-alerts__group--header {
        font-size: 0;
    line-height: 0;
  }
}

  .b-alerts__group--title {
    font-size: 0;
    line-height: 0;
  margin-bottom: 2rem;
}

    @media only screen and (min-width: 750px) {
      .b-alerts__group--title {
        margin-right: 4rem;
        display: inline-block;
    vertical-align: middle;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-alerts__group--title {
    margin-right: 5rem;
  }
}

    .b-alerts__group--title span {
      display: inline-block;
      vertical-align: middle;
      font-weight: 300;
      font-size: 1.8rem;
      color: #f1f1f1;
      line-height: 2.2rem;
      padding-bottom: 0.4rem;
  border-bottom: 1px solid transparent;
}

      .b-alerts__group--title span._editing {
  border-bottom-color: #838383;
}

      @media only screen and (min-width: 750px) {
        .b-alerts__group--title span {
          font-size: 2.1rem;
    line-height: 2.5rem;
  }
}

    .b-alerts__group--title-icon {
      display: inline-block;
      vertical-align: middle;
  margin-left: 1.5rem;
}

      @media only screen and (min-width: 750px) {
        .b-alerts__group--title-icon {
          margin-left: 1rem;
    cursor: pointer;
  }
}

    .b-alerts__group--title-input {
      font-family: 'Helvetica Neue', 'Segoe UI', 'Arial', sans-serif;
      font-weight: 300;
      background: none;
      border: none;
      font-size: 1.8rem;
      color: #f1f1f1;
  line-height: 2.2rem;
}

      @media only screen and (min-width: 750px) {
        .b-alerts__group--title-input {
          font-size: 2.1rem;
    line-height: 2.5rem;
  }
}

  .b-alerts__group--run {
    font-size: 0;
    line-height: 0;
  margin-bottom: 2rem;
}

    @media only screen and (min-width: 750px) {
      .b-alerts__group--run {
        margin-right: 4rem;
        cursor: pointer;
        display: inline-block;
    vertical-align: middle;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-alerts__group--run {
    margin-right: 5rem;
  }
}

    .b-alerts__group--run span {
      display: inline-block;
      vertical-align: middle;
      font-weight: 500;
      font-size: 1.3rem;
      line-height: 2.2rem;
      text-transform: uppercase;
  color: #f57707;
}

      ._not-ie .b-alerts__group--run span {
        background: linear-gradient(265deg, #f59c07, #f57507);
        -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

    .b-alerts__group--run svg {
      display: inline-block;
      vertical-align: middle;
  margin-right: 1rem;
}

      .b-alerts__group--run svg path {
  fill: url(#base-gradient);
}

  .b-alerts__group--embed-link {
    font-size: 0;
    line-height: 0;
  margin-bottom: 2rem;
}

    @media only screen and (min-width: 750px) {
      .b-alerts__group--embed-link {
        margin-right: 4rem;
        cursor: pointer;
        display: inline-block;
    vertical-align: middle;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-alerts__group--embed-link {
    margin-right: 5rem;
  }
}

    .b-alerts__group--embed-link span {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
      display: inline-block;
      vertical-align: middle;
      font-weight: 300;
      font-size: 1.3rem;
      color: #999999;
      line-height: 2.2rem;
  border-bottom: 1px dashed #838383;
}

    .b-alerts__group--embed-link svg {
      display: inline-block;
      vertical-align: middle;
  margin-right: 1.2rem;
}

    @media only screen and (min-width: 750px) {
      .b-alerts__group--embed-link:hover span {
    border-color: transparent;
  }
}

.b-last_alerts--embed-info {
  margin-bottom: 3rem;
}
.b-last_alerts--embed-info-text {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 300;
  color: #f1f1f1;
  max-width: 400px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}
.b-last_alerts--embed-info-text:after {
  content: '';
  display: block;
  position: absolute;
  width: 100px;
  right: 0;
  bottom: 0;
  top: 0;
  pointer-events: none;
  background-image: linear-gradient(to right, rgba(31, 31, 31, 0), rgba(31, 31, 31, 1));
}
.b-last_alerts--embed-link {
  font-size: 0;
  line-height: 0;
  margin-bottom: 0rem;
  cursor: pointer;
  display: inline-block;
  margin-top: 30px;
  vertical-align: middle;
}
.b-last_alerts--embed-link span {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: middle;
  font-weight: 300;
  font-size: 1.3rem;
  color: #999999;
  line-height: 2.2rem;
  border-bottom: 1px dashed #838383;
  margin-left: 12px;
}
.b-last_alerts--embed-link:hover span {
  border-bottom: 1px none #838383;
}

  .b-alerts__group--embed-info {
  margin-bottom: 3rem;
}

.b-alerts__group--embed-info-text {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 300;
    color: #f1f1f1;
  max-width: 400px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}

.b-alerts__group--embed-info-text:after {
  content: '';
  display: block;
  position: absolute;
  width: 100px;
  right: 0;
  bottom: 0;
  top: 0;
  pointer-events: none;
  background-image: linear-gradient(to right, rgba(38, 38, 38, 0), rgba(38, 38, 38, 1));
}

  .b-alerts__group--embed-layout {
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
}

.b-alerts__group--embed-layout-container {
  display: flex;
  align-items: center;
}

.b-alerts__group-embed-warning {
  margin-left: 12px;
  display: flex;
  align-items: center;
  padding: 5px 10px;
  background-color: #303030;
  border-radius: 5px;
  font-size: 13px;
  line-height: 1.38;
  letter-spacing: -0.5px;
  color: #ffffff;
}

.b-alerts__group-embed-warning-icon {
  margin-right: 4px;
  line-height: 1;
}

    .b-alerts__group--embed-layout:last-child {
  margin-bottom: 0;
}

  .b-alerts__group--embed-copy {
  margin-left: 2.2rem;
}

@media only screen and (max-width: 750px) {
  .b-alerts__group--embed-layout {
    flex-direction: column;
    align-items: flex-start;
  }

  .b-alerts__group-embed-warning {
    margin-left: 0;
    margin-top: 12px;
  }

  .b-alerts__group--embed-info-text {
    max-width: 230px;
  }
}

    @media only screen and (min-width: 750px) {
      .b-alerts__group--embed-copy:hover {
    cursor: pointer;
  }
}

  .b-alerts__group--embed-text {
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 1.62;
    letter-spacing: normal;
  color: #838383;
}

  .b-alerts__group--embed-service {
  color: #f1f1f1;
}

    @media only screen and (min-width: 750px) {
      .b-alerts__group--embed-service:hover {
    cursor: pointer;
  }
}

  .b-alerts__group--delete {
    font-size: 0;
    line-height: 0;
  margin-bottom: 2rem;
}

    @media only screen and (min-width: 750px) {
      .b-alerts__group--delete {
        cursor: pointer;
        display: inline-block;
    vertical-align: middle;
  }
}

    .b-alerts__group--delete span {
      display: inline-block;
      vertical-align: middle;
      font-weight: 300;
      font-size: 1.3rem;
      color: #999999;
  line-height: 2.2rem;
}

    .b-alerts__group--delete svg {
      display: inline-block;
      vertical-align: middle;
  margin-right: 1rem;
}

  .b-alerts__group--top {
  padding: 2.5rem 2rem;
}

    @media only screen and (min-width: 750px) {
      .b-alerts__group--top {
    padding: 3rem;
  }
}

  @media only screen and (min-width: 750px) {
    .b-alerts__group--items-list {
      font-size: 0;
    line-height: 0;
  }
}

  .b-alerts__group--item {
    margin-bottom: 2rem;
  position: relative;
}

    @media only screen and (min-width: 750px) {
      .b-alerts__group--item {
        display: inline-block;
        vertical-align: top;
    margin: 0 2rem 2.5rem 0;
  }
}

  .b-alerts__group--item-platform {
    width: 4rem;
    height: 100%;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0px;
  top: 0px;
}

    .b-alerts__group--item-platform._da {
      background: #fa9d3e;
      background: -moz-linear-gradient(top, #fa9d3e 0%, #f76b1c 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fa9d3e), color-stop(100%, #f76b1c));
      background: -webkit-linear-gradient(top, #fa9d3e 0%, #f76b1c 100%);
      background: -o-linear-gradient(top, #fa9d3e 0%, #f76b1c 100%);
      background: -ms-linear-gradient(top, #fa9d3e 0%, #f76b1c 100%);
      background: linear-gradient(to bottom, #fa9d3e 0%, #f76b1c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa9d3e', endColorstr='#f76b1c', GradientType=0);
}

    .b-alerts__group--item-platform._vk {
      background: #0077FF;
}

    .b-alerts__group--item-platform._yt {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #fff;
      /* background: #e16741;
      background: -moz-linear-gradient(top, #e16741 0%, #ff3d00 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e16741), color-stop(100%, #ff3d00));
      background: -webkit-linear-gradient(top, #e16741 0%, #ff3d00 100%);
      background: -o-linear-gradient(top, #e16741 0%, #ff3d00 100%);
      background: -ms-linear-gradient(top, #e16741 0%, #ff3d00 100%);
      background: linear-gradient(to bottom, #e16741 0%, #ff3d00 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e16741', endColorstr='#ff3d00',GradientType=0 ); */
}

.b-alerts__group--item-platform._yt img {
  width: auto;
  height: 20px;
}

    .b-alerts__group--item-platform._tw {
      background: #735caa;
      background: -moz-linear-gradient(top, #735caa 0%, #4b377c 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #735caa), color-stop(100%, #4b377c));
      background: -webkit-linear-gradient(top, #735caa 0%, #4b377c 100%);
      background: -o-linear-gradient(top, #735caa 0%, #4b377c 100%);
      background: -ms-linear-gradient(top, #735caa 0%, #4b377c 100%);
      background: linear-gradient(to bottom, #735caa 0%, #4b377c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#735caa', endColorstr='#4b377c', GradientType=0);
}

    .b-alerts__group--item-platform._ok {
      background: #ffae36;
      background: -moz-linear-gradient(top, #ffae36 0%, #ff9800 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffae36), color-stop(100%, #ff9800));
      background: -webkit-linear-gradient(top, #ffae36 0%, #ff9800 100%);
      background: -o-linear-gradient(top, #ffae36 0%, #ff9800 100%);
      background: -ms-linear-gradient(top, #ffae36 0%, #ff9800 100%);
      background: linear-gradient(to bottom, #ffae36 0%, #ff9800 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffae36', endColorstr='#ff9800', GradientType=0);
}

.b-alerts__group--item-platform._bty {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

.b-alerts__group--item-platform._kick {
    background: #000;
}

.b-alerts__group--item-platform svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

  .b-alerts__group--item-info {
    border-radius: 0 3px 3px 0;
    border: 2px solid #353535;
    border-left: none;
    padding: 1.5rem;
  margin-left: 4rem;
}

    @media only screen and (min-width: 750px) {
      .b-alerts__group--item-info {
        padding-right: 10rem;
    position: relative;
  }
}

    ._active-item .b-alerts__group--item-info {
  background-color: #353535;
}

  .b-alerts__group--item-text {
  margin-bottom: 1.5rem;
}

    @media only screen and (min-width: 750px) {
      .b-alerts__group--item-text {
    margin-bottom: 0px;
  }
}

  .b-alerts__group--item-title {
    font-weight: 500;
    font-size: 1.3rem;
    color: #f1f1f1;
    line-height: 1.5rem;
    margin-bottom: 1rem;
}

    @media only screen and (min-width: 750px) {
      .b-alerts__group--item-title {
    white-space: nowrap;
  }
}

  .b-alerts__group--item-desc {
    font-size: 1.2rem;
    color: #838383;
  line-height: 1.2rem;
}

    @media only screen and (min-width: 750px) {
      .b-alerts__group--item-desc {
    white-space: nowrap;
  }
}

  .b-alerts__group--item-controls {
    font-size: 0;
  line-height: 0;
}

    @media only screen and (min-width: 750px) {
      .b-alerts__group--item-controls {
        position: absolute;
        right: 1.5rem;
        top: 50%;
    transform: translateY(-50%);
  }
}

  .b-alerts__group--item-activity {
    display: inline-block;
    vertical-align: middle;
  margin-right: 1rem;
}

  .b-alerts__group--item-settings {
    display: inline-block;
  vertical-align: middle;
}

    @media only screen and (min-width: 750px) {
      .b-alerts__group--item-settings:hover {
    cursor: pointer;
  }

        .b-alerts__group--item-settings:hover svg path {
    fill: #f1f1f1;
  }
}

  .b-alerts__group--item-new {
    font-size: 0;
    line-height: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    padding: 2.5rem 2.2rem;
    border: 2px dashed #353535;
    border-radius: 3px;
  transition: .2s ease-in-out;
}

    .b-alerts__group--item-new svg {
      display: inline-block;
      vertical-align: middle;
  margin-right: 1.5rem;
}

    .b-alerts__group--item-new span {
      display: inline-block;
      vertical-align: middle;
      font-weight: 500;
      font-size: 1.3rem;
      color: #838383;
      line-height: 1.5rem;
      text-transform: uppercase;
  transition: .2s ease-in-out;
}

    @media only screen and (min-width: 750px) {
      .b-alerts__group--item-new:hover {
        cursor: pointer;
    border-color: #f1f1f1;
  }

        .b-alerts__group--item-new:hover svg path {
    fill: #f1f1f1;
  }

        .b-alerts__group--item-new:hover span {
    color: #f1f1f1;
  }
}

  .b-alerts__group--view {
  margin-bottom: 4rem;
}

  .b-alerts__group--view-title {
    font-size: 1.4rem;
    color: #f1f1f1;
    line-height: 2rem;
  margin-bottom: 4rem;
}

  .b-alerts__group--view-list {
    font-size: 0;
  line-height: 0;
}

  .b-alerts__group--view-item {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    width: 100%;
    height: 18rem;
    margin-bottom: 2rem;
    border-radius: 3px;
    background-color: #353535;
  position: relative;
}

    @media only screen and (min-width: 750px) {
      .b-alerts__group--view-item {
        width: 24rem;
        margin-right: 2rem;
        display: inline-block;
        vertical-align: top;
    cursor: pointer;
  }
}

    .b-alerts__group--view-item._active-view {
      background: #f76b1c;
      background: -moz-linear-gradient(-110deg, #f76b1c 0%, #fad961 100%);
      background: -webkit-linear-gradient(-110deg, #f76b1c 0%, #fad961 100%);
      background: linear-gradient(70deg, #f76b1c 0%, #fad961 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f76b1c', endColorstr='#fad961', GradientType=1);
}

    @media only screen and (min-width: 750px) {
      .b-alerts__group--view-item:hover:not(._active-view) {
    background: #f1f1f1;
  }
}

  .b-alerts__group--view-item-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    background-color: #262626;
    left: 1px;
    top: 1px;
    bottom: 1px;
  right: 1px;
}

  .b-alerts__group--view-icon {
  margin-bottom: 3.5rem;
}

    .b-alerts__group--view-icon svg {
      max-width: 100%;
  max-height: 100%;
}

  .b-alerts__group--view-text {
    font-size: 1.3rem;
    color: #c1c1c1;
  line-height: 2rem;
}

.b-alerts__title-editor {
  font-family: 'Helvetica Neue', 'Segoe UI', 'Arial', sans-serif;
  background: none;
  border: none;
  border-bottom: 1px solid #838383;
  color: #f1f1f1;
  font-size: 1.8rem;
  line-height: 2.2rem;
  display: none;
  width: 21rem;
  font-weight: 300;
}

  @media only screen and (min-width: 750px) {
    .b-alerts__title-editor {
      width: 34rem;
      font-size: 2.1rem;
    line-height: 2.5rem;
  }
}

.b-alerts .b-range {
  padding-bottom: 2.5rem;
}

.b-last-events__text {
  margin-bottom: 4rem;
}

  .b-last-events__text p {
    font-size: 1.4rem;
    color: #838383;
    line-height: 2rem;
  margin-bottom: 2rem;
}

    .b-last-events__text p:last-child {
  margin-bottom: 0px;
}

.b-last-events__controls-row {
  margin-bottom: 2.5rem;
}

  @media only screen and (min-width: 750px) {
    .b-last-events__controls-row {
      font-size: 0;
    line-height: 0;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-last-events__controls-row {
    margin-bottom: 2rem;
  }
}

  .b-last-events__controls-row .b-btn {
    width: 100%;
  margin-bottom: 2rem;
}

    @media only screen and (min-width: 750px) {
      .b-last-events__controls-row .b-btn {
        width: auto;
        margin-right: 2rem;
    margin-bottom: 0px;
  }
}

    .b-last-events__controls-row .b-btn:last-child {
  margin-bottom: 0px;
}

      @media only screen and (min-width: 750px) {
        .b-last-events__controls-row .b-btn:last-child {
    margin-right: 0px;
  }
}

  .b-last-events__controls-row:last-child {
  margin-bottom: 0px;
}

.b-last-events__controls-title {
  margin-bottom: 1.5rem;
}

  @media only screen and (min-width: 750px) {
    .b-last-events__controls-title {
      font-size: 0;
      line-height: 0;
      display: inline-block;
      vertical-align: top;
      width: 21rem;
      padding-right: 2rem;
      margin-bottom: 0px;
    height: 4.5rem;
  }
}

  @media only screen and (min-width: 750px) {
    .b-last-events__controls-title:after {
      content: '';
      width: 0px;
      height: 100%;
      display: inline-block;
    vertical-align: middle;
  }
}

  .b-last-events__controls-title span {
    font-size: 1.4rem;
    color: #838383;
  line-height: 1.7rem;
}

    @media only screen and (min-width: 750px) {
      .b-last-events__controls-title span {
        display: inline-block;
    vertical-align: middle;
  }
}

.b-last-events__controls-control {
  display: inline-block;
  vertical-align: top;
}

  .b-last-events__controls-control .b-input,
  .b-last-events__controls-control .b-color,
  .b-last-events__controls-control .b-selectbox {
  width: 100%;
}

    @media only screen and (min-width: 750px) {
      .b-last-events__controls-control .b-input,
      .b-last-events__controls-control .b-color,
      .b-last-events__controls-control .b-selectbox {
        width: 26rem;
        display: inline-block;
    vertical-align: top;
  }
}

    @media only screen and (min-width: 750px) {
      .b-last-events__controls-control .b-input._text-template,
      .b-last-events__controls-control .b-color._text-template,
      .b-last-events__controls-control .b-selectbox._text-template {
        width: 51rem;
    max-width: 100%;
  }
}

    .b-last-events__controls-control .b-input._dimension,
    .b-last-events__controls-control .b-color._dimension,
    .b-last-events__controls-control .b-selectbox._dimension {
      width: auto;
      min-width: 11.5rem;
  max-width: 15rem;
}

      @media only screen and (min-width: 750px) {
        .b-last-events__controls-control .b-input._dimension,
        .b-last-events__controls-control .b-color._dimension,
        .b-last-events__controls-control .b-selectbox._dimension {
          width: auto;
    margin-left: 2rem;
  }
}

    .b-last-events__controls-control .b-input + .b-input,
    .b-last-events__controls-control .b-input + .b-color,
    .b-last-events__controls-control .b-input + .b-selectbox,
    .b-last-events__controls-control .b-color + .b-input,
    .b-last-events__controls-control .b-color + .b-color,
    .b-last-events__controls-control .b-color + .b-selectbox,
    .b-last-events__controls-control .b-selectbox + .b-input,
    .b-last-events__controls-control .b-selectbox + .b-color,
    .b-last-events__controls-control .b-selectbox + .b-selectbox {
  margin-top: 1rem;
}

      @media only screen and (min-width: 750px) {
        .b-last-events__controls-control .b-input + .b-input,
        .b-last-events__controls-control .b-input + .b-color,
        .b-last-events__controls-control .b-input + .b-selectbox,
        .b-last-events__controls-control .b-color + .b-input,
        .b-last-events__controls-control .b-color + .b-color,
        .b-last-events__controls-control .b-color + .b-selectbox,
        .b-last-events__controls-control .b-selectbox + .b-input,
        .b-last-events__controls-control .b-selectbox + .b-color,
        .b-last-events__controls-control .b-selectbox + .b-selectbox {
    margin-top: 0px;
  }
}

  .b-last-events__controls-control .b-selectbox + .b-selectbox {
  display: block;
}

    @media only screen and (min-width: 750px) {
      .b-last-events__controls-control .b-selectbox + .b-selectbox {
    margin-top: 1rem;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-last-events__controls-control .b-selectbox + .b-selectbox {
        display: inline-block;
    margin: 0 0 0 1rem;
  }
}

  @media only screen and (min-width: 750px) {
    .b-last-events__controls-control .b-toggle {
    padding-top: 0.7rem;
  }
}

  @media only screen and (min-width: 0px) and (max-width: 749px) {
    .b-last-events__controls-control {
    width: 100%;
  }
}

.b-last-events__controls-bottom {
  padding-top: 1rem;
}

  .b-last-events__controls-bottom .b-checkbox {
    display: block;
  margin-bottom: 5rem;
}

.b-chat__text {
  margin-bottom: 4rem;
}

  .b-chat__text p {
    font-size: 1.4rem;
    color: #838383;
    line-height: 2rem;
  margin-bottom: 2rem;
}

    .b-chat__text p:last-child {
  margin-bottom: 0px;
}

    .b-chat__text p a {
      color: #f37521;
  text-decoration: none;
}

.b-chat__controls {
  margin-bottom: 6rem;
}

.b-chat__steps {
  margin-top: 6rem;
  display: flex;
  flex-wrap: wrap;
}

.b-chat__step {
  flex: 0 1 21rem;
  border-radius: 3px;
  margin: 0 8rem 9.5rem 2rem;
  box-shadow: 0 8px 19px 0 rgba(0, 0, 0, 0.2);
  position: relative;
}

  @media only screen and (min-width: 1600px) {
    .b-chat__step:after {
      content: '';
      position: absolute;
      top: 50%;
      right: -10rem;
      width: 10rem;
      height: 0px;
    border-bottom: 1px dashed rgba(153, 153, 153, 0.18);
  }
}

  .b-chat__step:last-child {
  margin-right: 2rem;
}

    .b-chat__step:last-child:after {
  display: none;
}

  .b-chat__step--top {
    background: #2c2c2c;
    width: 100%;
    height: 3rem;
  position: relative;
}

  .b-chat__step--top-num {
    position: absolute;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    left: 0px;
    top: 0px;
    transform: translate(-50%, -50%);
    background-image: linear-gradient(234deg, #fad961, #f76b1c);
    box-shadow: 0 8px 19px 0 rgba(245, 119, 7, 0.29);
    font-weight: 700;
    font-size: 2rem;
    color: #fff;
    line-height: 4rem;
  text-align: center;
}

  .b-chat__step--bot {
    width: 100%;
    height: 13rem;
    position: relative;
  background: #202020;
}

  .b-chat__step--bot-text {
    position: absolute;
    top: 15rem;
    text-align: center;
    font-size: 1.3rem;
    color: #838383;
    line-height: 1.6rem;
    left: 50%;
  transform: translateX(-50%);
}

    @media only screen and (min-width: 750px) {
      .b-chat__step--bot-text {
    white-space: nowrap;
  }
}

    .b-chat__step--bot-text a {
      color: #f37521;
  text-decoration: none;
}

.b-table-headers__found {
  font-weight: 400;
  font-size: 1.3rem;
  color: #838383;
  line-height: 2rem;
  margin-bottom: 3rem;
}

  @media only screen and (min-width: 750px) {
    .b-table-headers__found {
      font-size: 1.4rem;
    margin-bottom: 2.5rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-table-headers__found {
    margin-bottom: 2rem;
  }
}

.b-table-headers__table-filters {
  display: none;
  align-items: flex-start;
  padding: 1.5rem 2rem;
}

  @media only screen and (min-width: 1024px) {
    .b-table-headers__table-filters {
    display: flex;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-table-headers__table-filters {
    padding: 2rem 2rem;
  }
}

.b-table-headers__table-filter {
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: #838383;
  display: flex;
  align-items: center;
}

  .b-table-headers__table-filter._active {
  color: #f57707;
}

    .b-table-headers__table-filter._active svg {
  display: block;
}

      .b-table-headers__table-filter._active svg g g {
  fill: url("#base-gradient");
}

  .b-table-headers__table-filter._reversed svg {
  transform: rotate(180deg);
}

  .b-table-headers__table-filter span {
  margin-right: 0.5rem;
}

    @media only screen and (min-width: 1366px) {
      .b-table-headers__table-filter span:hover {
    color: #f57707;
  }
}

  .b-table-headers__table-filter svg {
  display: none;
}

.b-voting__text {
  margin-bottom: 4rem;
}

  .b-voting__text p {
    font-size: 1.4rem;
    color: #838383;
    line-height: 2rem;
  margin-bottom: 2rem;
}

    .b-voting__text p:last-child {
  margin-bottom: 0px;
}

.b-voting__new, .b-voting__now {
  display: none;
}

  .b-voting__new._active-state, .b-voting__now._active-state {
  display: block;
}

.b-voting__new-bottom {
  padding-top: 3rem;
}

  .b-voting__new-bottom .b-btn {
    display: block;
  margin-bottom: 2.5rem;
}

.b-voting__new-block {
  padding-top: 4rem;
}

  @media only screen and (min-width: 750px) {
    .b-voting__new-block {
    padding-top: 6.5rem;
  }
}

.b-voting__new-subtitle {
  font-weight: 300;
  font-size: 1.8rem;
  color: #f1f1f1;
  line-height: 2.2rem;
  margin-bottom: 4rem;
}

.b-voting__now-block {
  border-radius: 3px;
  border: solid 1px #353535;
  padding: 2rem;
  max-width: 54rem;
  width: 100%;
}

  @media only screen and (min-width: 750px) {
    .b-voting__now-block {
    padding: 4rem;
  }
}

  .b-voting__now-block--title {
    font-size: 1.8rem;
    color: #f1f1f1;
    line-height: 2.1rem;
  margin-bottom: 4rem;
}

.b-voting__now-list {
  margin-bottom: 3rem;
}

  @media only screen and (min-width: 750px) {
    .b-voting__now-list {
    margin-bottom: 5rem;
  }
}

.b-voting__now-item {
  margin-bottom: 3rem;
}

  .b-voting__now-item:last-child {
  margin-bottom: 0px;
}

  .b-voting__now-item--title {
    font-weight: 500;
    font-size: 1.4rem;
    color: #f1f1f1;
    line-height: 2rem;
  margin-bottom: 1rem;
}

  .b-voting__now-item--progress {
  display: flex;
}

    .b-voting__now-item--progress div {
      flex: 1 1 auto;
      height: 3rem;
      border-radius: 3px;
      background-color: rgba(216, 216, 216, 0.4);
      position: relative;
  overflow: hidden;
}

      .b-voting__now-item--progress div i {
        position: absolute;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 0%;
        transition: .3s ease-in-out;
  background: linear-gradient(266deg, #f8a03d, #f76b1c);
}

    .b-voting__now-item--progress span {
      flex: 0 0 5rem;
      text-align: right;
      font-size: 1.5rem;
      color: #f1f1f1;
  line-height: 3rem;
}

.b-voting__now-controls .b-btn {
  width: 100%;
  margin-bottom: 1.5rem;
}

  @media only screen and (min-width: 750px) {
    .b-voting__now-controls .b-btn {
      width: auto;
    margin: 0 2rem 0 0;
  }
}

  .b-voting__now-controls .b-btn:last-child {
  margin-bottom: 0px;
}

    @media only screen and (min-width: 750px) {
      .b-voting__now-controls .b-btn:last-child {
    margin-right: 0px;
  }
}

.b-voting__history {
  padding-top: 5rem;
}

  .b-voting__history--title {
    font-weight: 300;
    font-size: 1.8rem;
    color: #f1f1f1;
    line-height: 2.2rem;
  margin-bottom: 2rem;
}

    @media only screen and (min-width: 750px) {
      .b-voting__history--title {
        font-size: 2.5rem;
        line-height: 2.8rem;
    margin-bottom: 3rem;
  }
}

  .b-voting__history--table {
    display: block;
    padding: 0;
    margin: 0;
  list-style: none;
}

  .b-voting__history--filters {
    margin-bottom: 2rem;
    display: flex;
  align-items: center;
}

    @media only screen and (min-width: 750px) {
      .b-voting__history--filters {
    display: none;
  }
}

    .b-voting__history--filters .b-text-filter {
  margin-right: auto;
}

    .b-voting__history--filters .b-filter-icon {
  margin-left: 2rem;
}

      .b-voting__history--filters .b-filter-icon svg path {
  fill: url("#base-gradient");
}

  @media only screen and (min-width: 750px) {
    .b-voting__history--filter-info {
    flex: 1 1 35.7rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-voting__history--filter-info {
    flex: 1 1 63rem;
  }
}

  @media only screen and (min-width: 750px) {
    .b-voting__history--filter-date-from {
    flex: 0 0 15.7rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-voting__history--filter-date-from {
    flex: 0 0 24rem;
  }
}

  @media only screen and (min-width: 750px) {
    .b-voting__history--filter-date-to {
    flex: 0 0 16.7rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-voting__history--filter-date-to {
    flex: 0 0 22.5rem;
  }
}

  .b-voting__history--filter-controls {
  display: none;
}

    @media only screen and (min-width: 1366px) {
      .b-voting__history--filter-controls {
        display: flex;
    flex: 0 0 11rem;
  }
}

  .b-voting__history--item {
    border-radius: 3px;
    background-color: transparent;
    padding: 1.5rem 2rem;
  margin-bottom: 0.5rem;
}

    @media only screen and (min-width: 750px) {
      .b-voting__history--item {
        display: flex;
        flex-wrap: wrap;
    margin-bottom: 0px;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-voting__history--item {
        flex-wrap: nowrap;
    padding: 2.5rem 3rem;
  }
}

    .b-voting__history--item:nth-child(even) {
  background-color: #262626;
}

    .b-voting__history--item:last-child {
  margin-bottom: 0px;
}

  .b-voting__history--item-info, .b-voting__history--item-from, .b-voting__history--item-to {
    margin-bottom: 1.2rem;
    font-size: 1.3rem;
    line-height: 1.6rem;
  color: #fff;
}

    @media only screen and (min-width: 750px) {
      .b-voting__history--item-info, .b-voting__history--item-from, .b-voting__history--item-to {
    padding-right: 2rem;
  }
}

  .b-voting__history--item-info {
  margin-bottom: 3rem;
}

    @media only screen and (min-width: 750px) {
      .b-voting__history--item-info {
        flex: 1 1 35.6rem;
    margin-bottom: 0px;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-voting__history--item-info {
    flex: 1 1 63rem;
  }
}

  .b-voting__history--item-from {
  display: flex;
}

    @media only screen and (min-width: 750px) {
      .b-voting__history--item-from {
        display: block;
    flex: 0 0 15.7rem;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-voting__history--item-from {
    flex: 0 0 24rem;
  }
}

  .b-voting__history--item-to {
  display: flex;
}

    @media only screen and (min-width: 750px) {
      .b-voting__history--item-to {
        display: block;
    flex: 0 0 16.7rem;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-voting__history--item-to {
    flex: 0 0 22.5rem;
  }
}

  .b-voting__history--item-controls {
  margin-top: 2rem;
}

    @media only screen and (min-width: 750px) {
      .b-voting__history--item-controls {
    flex: 0 0 70rem;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-voting__history--item-controls {
        flex: 0 0 11rem;
    margin-top: 0;
  }
}

  .b-voting__history--item-controls-text {
    width: 11rem;
    height: 30px;
  background-color: #4f4f4f;
}

  .b-voting__history--item-name {
    font-size: 1.4rem;
    color: #fff;
    line-height: 2rem;
    margin-bottom: 2rem;
  display: block;
}

  .b-voting__history--item-var {
    display: block;
    font-size: 1.3rem;
    color: #838383;
    line-height: 1.6rem;
  margin-bottom: 1rem;
}

    .b-voting__history--item-var._top-item {
  color: #f37521;
}

    .b-voting__history--item-var:last-child {
  margin-bottom: 0px;
}

  .b-voting__history--item-key {
    flex: 0 0 8.2rem;
    margin-right: 2.7rem;
    font-size: 1.2rem;
    color: #6d6d6d;
  line-height: 1.5rem;
}

    @media only screen and (min-width: 750px) {
      .b-voting__history--item-key {
    display: none;
  }
}

.b-table-headers__found {
  font-weight: 400;
  font-size: 1.3rem;
  color: #838383;
  line-height: 2rem;
  margin-bottom: 3rem;
}

  @media only screen and (min-width: 750px) {
    .b-table-headers__found {
      font-size: 1.4rem;
    margin-bottom: 2.5rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-table-headers__found {
    margin-bottom: 2rem;
  }
}

.b-table-headers__table-filters {
  display: none;
  align-items: flex-start;
  padding: 1.5rem 2rem;
}

  @media only screen and (min-width: 1024px) {
    .b-table-headers__table-filters {
    display: flex;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-table-headers__table-filters {
    padding: 2rem 3rem;
  }
}

.b-table-headers__table-filter {
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: #838383;
  display: flex;
  align-items: center;
}

  .b-table-headers__table-filter._active {
  color: #f57707;
}

    .b-table-headers__table-filter._active svg {
  display: block;
}

      .b-table-headers__table-filter._active svg g g {
  fill: url("#base-gradient");
}

  .b-table-headers__table-filter._reversed svg {
  transform: rotate(180deg);
}

  .b-table-headers__table-filter span {
  margin-right: 0.5rem;
}

    @media only screen and (min-width: 1366px) {
      .b-table-headers__table-filter span:hover {
    color: #f57707;
  }
}

  .b-table-headers__table-filter svg {
  display: none;
}

.b-donation-goals__history--item-controls-text {
  background-color: #4f4f4f;
  height: 3rem;
  width: 14rem;
}

  .b-donation-goals__history--item-controls-text._ended {
  background-color: #389460;
}

.b-donation-goals__text {
  margin-bottom: 4rem;
}

  .b-donation-goals__text p {
    font-size: 1.4rem;
    color: #838383;
    line-height: 2rem;
  margin-bottom: 2rem;
}

    .b-donation-goals__text p:last-child {
  margin-bottom: 0px;
}

.b-donation-goals__wrapper {
  padding-top: 4rem;
}

.b-donation-goals__item {
  border-radius: 3px;
  background-color: #262626;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.01);
  margin-bottom: 1.5rem;
}

  .b-donation-goals__item:last-child {
  margin-bottom: 0px;
}

  .b-donation-goals__item--inner {
  padding: 2.5rem;
}

    @media only screen and (min-width: 750px) {
      .b-donation-goals__item--inner {
        flex-wrap: wrap;
        display: flex;
    align-items: center;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-donation-goals__item--inner {
    flex-wrap: nowrap;
  }
}

.b-donation-goals__history {
  padding-top: 5rem;
}

  .b-donation-goals__history--title {
    font-weight: 300;
    font-size: 1.8rem;
    color: #f1f1f1;
    line-height: 2.2rem;
  margin-bottom: 2rem;
}

    @media only screen and (min-width: 750px) {
      .b-donation-goals__history--title {
        font-size: 2.5rem;
        line-height: 2.8rem;
    margin-bottom: 3rem;
  }
}

  .b-donation-goals__history--table {
    display: block;
    padding: 0;
    margin: 0;
  list-style: none;
}

  .b-donation-goals__history--filters {
    margin-bottom: 2rem;
    display: flex;
  align-items: center;
}

    @media only screen and (min-width: 750px) {
      .b-donation-goals__history--filters {
    display: none;
  }
}

    .b-donation-goals__history--filters .b-text-filter {
  margin-right: auto;
}

    .b-donation-goals__history--filters .b-filter-icon {
  margin-left: 2rem;
}

      .b-donation-goals__history--filters .b-filter-icon svg path {
  fill: url("#base-gradient");
}

  @media only screen and (min-width: 750px) {
    .b-donation-goals__history--filter-info {
    flex: 1 1 32.7rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-donation-goals__history--filter-info {
    flex: 1 1 60rem;
  }
}

  @media only screen and (min-width: 750px) {
    .b-donation-goals__history--filter-date-from {
    flex: 0 0 15.7rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-donation-goals__history--filter-date-from {
    flex: 0 0 24rem;
  }
}

  @media only screen and (min-width: 750px) {
    .b-donation-goals__history--filter-date-to {
    flex: 0 0 16.7rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-donation-goals__history--filter-date-to {
    flex: 0 0 22.5rem;
  }
}

  .b-donation-goals__history--filter-controls {
  display: none;
}

    @media only screen and (min-width: 1366px) {
      .b-donation-goals__history--filter-controls {
        display: flex;
    flex: 0 0 14rem;
  }
}

  .b-donation-goals__history--item {
    border-radius: 3px;
    background-color: transparent;
    padding: 1.5rem 2rem;
  margin-bottom: 0.5rem;
}

    @media only screen and (min-width: 750px) {
      .b-donation-goals__history--item {
        display: flex;
        flex-wrap: wrap;
    margin-bottom: 0px;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-donation-goals__history--item {
        flex-wrap: nowrap;
    padding: 2.5rem 3rem;
  }
}

    .b-donation-goals__history--item:nth-child(even) {
  background-color: #262626;
}

    .b-donation-goals__history--item:last-child {
  margin-bottom: 0px;
}

  .b-donation-goals__history--item-info, .b-donation-goals__history--item-from, .b-donation-goals__history--item-to {
    margin-bottom: 1.2rem;
    font-size: 1.3rem;
    line-height: 1.6rem;
  color: #fff;
}

    @media only screen and (min-width: 750px) {
      .b-donation-goals__history--item-info, .b-donation-goals__history--item-from, .b-donation-goals__history--item-to {
    padding-right: 2rem;
  }
}

  .b-donation-goals__history--item-info {
  margin-bottom: 2rem;
}

    @media only screen and (min-width: 750px) {
      .b-donation-goals__history--item-info {
        flex: 1 1 32.6rem;
    margin-bottom: 0px;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-donation-goals__history--item-info {
    flex: 1 1 60rem;
  }
}

  .b-donation-goals__history--item-from {
  display: flex;
}

    @media only screen and (min-width: 750px) {
      .b-donation-goals__history--item-from {
        display: block;
    flex: 0 0 15.7rem;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-donation-goals__history--item-from {
    flex: 0 0 24rem;
  }
}

  .b-donation-goals__history--item-to {
  display: flex;
}

    @media only screen and (min-width: 750px) {
      .b-donation-goals__history--item-to {
        display: block;
    flex: 0 0 16.7rem;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-donation-goals__history--item-to {
    flex: 0 0 22.5rem;
  }
}

  .b-donation-goals__history--item-controls {
  margin-top: 2rem;
}

    @media only screen and (min-width: 750px) {
      .b-donation-goals__history--item-controls {
    flex: 0 0 70rem;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-donation-goals__history--item-controls {
        flex: 0 0 14rem;
    margin-top: 0;
  }
}

  .b-donation-goals__history--item-name {
    font-size: 1.4rem;
    color: #fff;
    line-height: 2rem;
    margin-bottom: 2rem;
  display: block;
}

  .b-donation-goals__history--item-collected {
    display: flex;
    font-size: 1.3rem;
    color: #838383;
    line-height: 1.6rem;
  margin-bottom: 1rem;
}

    @media only screen and (min-width: 750px) {
      .b-donation-goals__history--item-collected {
    display: block;
  }
}

    .b-donation-goals__history--item-collected._top-item {
  color: #f37521;
}

    .b-donation-goals__history--item-collected:last-child {
  margin-bottom: 0px;
}

    .b-donation-goals__history--item-collected span._key {
      flex: 0 0 8.2rem;
  margin-right: 2.7rem;
}

      @media only screen and (min-width: 750px) {
        .b-donation-goals__history--item-collected span._key {
    margin-right: 0px;
  }
}

    .b-donation-goals__history--item-collected span._value {
  color: #f1f1f1;
}

    .b-donation-goals__history--item-collected._ended span._value {
  color: #f37421;
}

  .b-donation-goals__history--item-key {
    flex: 0 0 8.2rem;
    margin-right: 2.7rem;
    font-size: 1.2rem;
    color: #6d6d6d;
  line-height: 1.5rem;
}

    @media only screen and (min-width: 750px) {
      .b-donation-goals__history--item-key {
    display: none;
  }
}

.b-instream-stats__text {
  margin-bottom: 4rem;
}

  .b-instream-stats__text p {
    font-size: 1.4rem;
    color: #838383;
    line-height: 2rem;
  margin-bottom: 2rem;
}

    .b-instream-stats__text p:last-child {
  margin-bottom: 0px;
}

.b-instream-stats__wrapper {
  padding-top: 4rem;
}

.b-instream-stats__item--info {
  display: block;
}

  @media only screen and (min-width: 0px) and (max-width: 749px) {
    .b-instream-stats__item--info {
    margin-bottom: 2.5rem;
  }
}

  @media only screen and (min-width: 750px) {
    .b-instream-stats__item--info {
      order: 0;
      flex: 1 1 37rem;
    padding-right: 3rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-instream-stats__item--info {
    flex: 0 0 36rem;
  }
}

.b-instream-stats__item--embed {
  overflow: hidden;
  display: flex;
  align-items: center;
}

  @media only screen and (min-width: 0px) and (max-width: 749px) {
    .b-instream-stats__item--embed {
    margin-bottom: 3rem;
  }
}

  @media only screen and (min-width: 750px) {
    .b-instream-stats__item--embed {
      order: 5;
      flex: 1 0 70rem;
    margin: 2.5rem 6rem 0 0;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-instream-stats__item--embed {
      flex: 1 0 35rem;
      order: 1;
    margin-top: 0px;
  }
}

  @media only screen and (min-width: 750px) {
    .b-instream-stats__item--embed:hover {
    cursor: pointer;
  }
}

.b-instream-stats__item--embed-icon {
  flex: 0 0 3.2rem;
}

  .b-instream-stats__item--embed-icon svg path {
  fill: #999;
}

  .b-instream-stats__item--embed-icon ._hide-icon {
  display: none;
}

  ._show-link .b-instream-stats__item--embed-icon ._hide-icon {
  display: block;
}

  ._show-link .b-instream-stats__item--embed-icon ._show-icon {
  display: none;
}

.b-instream-stats__item--embed-show {
  flex: 1 1 auto;
}

  .b-instream-stats__item--embed-show span {
    display: inline-block;
    vertical-align: middle;
    font-weight: 300;
    font-size: 1.4rem;
    color: #999;
    line-height: 1.9rem;
  border-bottom: 1px dashed #999;
}

  ._show-link .b-instream-stats__item--embed-show {
  display: none;
}

  @media only screen and (min-width: 750px) {
    .b-instream-stats__item--embed-show:hover span {
    border-color: transparent;
  }
}

.b-instream-stats__item--embed-link {
  display: none;
  white-space: nowrap;
  flex: 1 1 auto;
  width: calc(100% - 3.2rem);
}

  ._show-link .b-instream-stats__item--embed-link {
    display: inline-block;
  vertical-align: middle;
}

  .b-instream-stats__item--embed-link span {
    font-weight: 300;
    font-size: 1.4rem;
    color: #f1f1f1;
    line-height: 2rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem;
    white-space: nowrap;
    overflow: hidden;
    max-width: calc(100% - 3rem);
  position: relative;
}

    .b-instream-stats__item--embed-link span:after {
      content: '';
      position: absolute;
      right: 0px;
      top: 0px;
      height: 100%;
      width: 6rem;
      background: -moz-linear-gradient(left, transparent 0%, #262626 75%, #262626 100%);
      background: -webkit-linear-gradient(left, transparent 0%, #262626 75%, #262626 100%);
      background: linear-gradient(to right, transparent 0%, #262626 75%, #262626 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#262626', GradientType=1);
}

  .b-instream-stats__item--embed-link ._copy-icon {
    display: inline-block;
  vertical-align: middle;
}

@media only screen and (min-width: 0px) and (max-width: 749px) {
  .b-instream-stats__item--run {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3rem;
    margin-bottom: 1rem;
  }
}

@media only screen and (min-width: 750px) {
  .b-instream-stats__item--run {
    flex: 0 0 13.3rem;
    order: 2;
  }
}

.b-instream-stats__item--run-inner {
  font-size: 0;
  line-height: 0;
  display: inline-block;
  vertical-align: top;
}

  .b-instream-stats__item--run-inner svg {
    display: inline-block;
    vertical-align: middle;
  margin-right: 1.5rem;
}

    .b-instream-stats__item--run-inner svg path {
  fill: url("#base-gradient");
}

  .b-instream-stats__item--run-inner span {
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 2rem;
    text-transform: uppercase;
  color: #f57707;
}

    ._not-ie .b-instream-stats__item--run-inner span {
      background: linear-gradient(265deg, #f59c07, #f57507);
      -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

  @media only screen and (min-width: 750px) {
    .b-instream-stats__item--run-inner:hover {
    cursor: pointer;
  }
}

@media only screen and (min-width: 0px) and (max-width: 749px) {
  .b-instream-stats__item--edit {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2rem 1rem 0;
  }
}

@media only screen and (min-width: 750px) {
  .b-instream-stats__item--edit {
    flex: 0 0 3.8rem;
    order: 3;
  }
}

.b-instream-stats__item--edit-inner {
  display: inline-block;
  vertical-align: top;
}

  .b-instream-stats__item--edit-inner svg {
    display: inline-block;
  vertical-align: middle;
}

    .b-instream-stats__item--edit-inner svg path {
  fill: #838383;
}

  .b-instream-stats__item--edit-inner:hover svg path, .b-instream-stats__item--edit-inner._active-tabs svg path {
  fill: #f1f1f1;
}

  @media only screen and (min-width: 750px) {
    .b-instream-stats__item--edit-inner:hover {
    cursor: pointer;
  }
}

@media only screen and (min-width: 0px) and (max-width: 749px) {
  .b-instream-stats__item--delete {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 1rem;
  }
}

@media only screen and (min-width: 750px) {
  .b-instream-stats__item--delete {
    flex: 0 0 1.8rem;
    order: 4;
  }
}

.b-instream-stats__item--delete-inner {
  display: inline-block;
  vertical-align: top;
}

  .b-instream-stats__item--delete-inner svg {
    display: inline-block;
    vertical-align: middle;
  margin-right: 1.5rem;
}

    @media only screen and (min-width: 750px) {
      .b-instream-stats__item--delete-inner svg {
    margin-right: 0px;
  }
}

    .b-instream-stats__item--delete-inner svg path {
  fill: #838383;
}

  @media only screen and (min-width: 750px) {
    .b-instream-stats__item--delete-inner:hover {
    cursor: pointer;
  }

      .b-instream-stats__item--delete-inner:hover svg path {
    fill: #f1f1f1;
  }
}

.b-instream-stats__item--desc {
  font-size: 1.3rem;
  color: #838383;
  line-height: 2rem;
}

.b-instream-stats__item--title {
  font-weight: 500;
  font-size: 1.4rem;
  color: #f1f1f1;
  line-height: 2rem;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.b-general-settings__block {
  margin-bottom: 5rem;
}

  .b-general-settings__block:last-child {
  margin-bottom: 0px;
}

  .b-general-settings__block .b-title {
  margin-bottom: 3rem;
}

.b-general-settings__sms {
  display: flex;
  align-items: center;
}

  @media only screen and (min-width: 0px) and (max-width: 749px) {
    .b-general-settings__sms {
    flex-wrap: wrap;
  }
}

  @media only screen and (min-width: 750px) {
    .b-general-settings__sms {
    height: 4.5rem;
  }
}

  .b-general-settings__sms--phone {
    display: none;
    vertical-align: middle;
    font-weight: 500;
    font-size: 1.5rem;
    color: #f1f1f1;
    line-height: 2rem;
  margin-right: 2.5rem;
}

    @media only screen and (min-width: 0px) and (max-width: 749px) {
      .b-general-settings__sms--phone {
    margin-bottom: 2rem;
  }
}

    ._connected .b-general-settings__sms--phone {
  display: inline-block;
}

  .b-general-settings__sms--connected {
    font-size: 0;
    line-height: 0;
    background-color: #389460;
    height: 3rem;
    border-radius: 15px;
    padding: 0 1.5rem;
    display: none;
    vertical-align: top;
    flex: 0 0 auto;
  margin-right: 2rem;
}

    @media only screen and (min-width: 0px) and (max-width: 749px) {
      .b-general-settings__sms--connected {
    margin-bottom: 2rem;
  }
}

    ._connected .b-general-settings__sms--connected {
  display: inline-block;
}

    .b-general-settings__sms--connected svg {
      display: inline-block;
      vertical-align: middle;
  margin-right: 1rem;
}

    .b-general-settings__sms--connected span {
      display: inline-block;
      vertical-align: middle;
      font-size: 1.3rem;
      color: #f1f1f1;
  line-height: 3rem;
}

  .b-general-settings__sms--connect {
    font-size: 0;
  line-height: 0;
}

    @media only screen and (min-width: 750px) {
      .b-general-settings__sms--connect {
    flex: 1 0 auto;
  }
}

    ._connected .b-general-settings__sms--connect {
  display: none;
}

    .b-general-settings__sms--connect svg {
      display: inline-block;
      vertical-align: middle;
  margin-right: 1rem;
}

    .b-general-settings__sms--connect span {
      display: inline-block;
      vertical-align: middle;
      font-size: 1.3rem;
      color: #f1f1f1;
      line-height: 2rem;
  border-bottom: 1px dashed rgba(131, 131, 131, 0.5);
}

    @media only screen and (min-width: 750px) {
      .b-general-settings__sms--connect:hover {
    cursor: pointer;
  }

        .b-general-settings__sms--connect:hover span {
    border-color: transparent;
  }
}

  .b-general-settings__sms--disconnect {
    font-size: 0;
    line-height: 0;
    display: none;
  flex: 0 0 auto;
}

    @media only screen and (min-width: 0px) and (max-width: 749px) {
      .b-general-settings__sms--disconnect {
    margin-bottom: 2rem;
  }
}

    ._connected .b-general-settings__sms--disconnect {
  display: block;
}

    .b-general-settings__sms--disconnect span {
      display: inline-block;
      vertical-align: middle;
      font-size: 1.3rem;
      color: #f1f1f1;
      line-height: 2rem;
  border-bottom: 1px dashed rgba(131, 131, 131, 0.5);
}

    @media only screen and (min-width: 750px) {
      .b-general-settings__sms--disconnect:hover {
    cursor: pointer;
  }

        .b-general-settings__sms--disconnect:hover span {
    border-color: transparent;
  }
}

.b-general-settings__email {
  display: flex;
}

  @media only screen and (min-width: 0px) and (max-width: 749px) {
    .b-general-settings__email {
    flex-wrap: wrap;
  }
}

  .b-general-settings__email .b-input {
  width: auto;
}

    @media only screen and (min-width: 0px) and (max-width: 749px) {
      .b-general-settings__email .b-input {
        margin-bottom: 2rem;
        flex: 1 1 75rem;
    max-width: 100%;
  }
}

  .b-general-settings__email--send-again {
    font-size: 0;
    line-height: 0;
  flex: 0 0 auto;
}

    @media only screen and (min-width: 750px) {
      .b-general-settings__email--send-again {
        margin-left: 3rem;
    height: 4.5rem;
  }
}

    .b-general-settings__email--send-again:after {
      content: '';
      display: inline-block;
      vertical-align: middle;
      height: 100%;
  width: 0px;
}

  .b-general-settings__email--send-again-inner {
    display: inline-block;
  vertical-align: middle;
}

    .b-general-settings__email--send-again-inner svg {
      display: inline-block;
      vertical-align: middle;
  margin-right: 1rem;
}

    .b-general-settings__email--send-again-inner span {
      display: inline-block;
      vertical-align: middle;
      font-size: 1.3rem;
      color: #f1f1f1;
      line-height: 2rem;
  border-bottom: 1px dashed rgba(131, 131, 131, 0.5);
}

    @media only screen and (min-width: 750px) {
      .b-general-settings__email--send-again-inner:hover {
    cursor: pointer;
  }

        .b-general-settings__email--send-again-inner:hover span {
    border-color: transparent;
  }
}

  .b-general-settings__email--edit {
    font-size: 0;
    line-height: 0;
  flex: 0 0 auto;
}

    @media only screen and (min-width: 750px) {
      .b-general-settings__email--edit {
        height: 4.5rem;
    margin-left: 3rem;
  }
}

    .b-general-settings__email--edit:after {
      content: '';
      display: inline-block;
      vertical-align: middle;
      height: 100%;
  width: 0px;
}

  .b-general-settings__email--edit-inner {
    display: inline-block;
  vertical-align: middle;
}

    .b-general-settings__email--edit-inner span {
      display: inline-block;
      vertical-align: middle;
      font-size: 1.3rem;
      color: #f1f1f1;
      line-height: 2rem;
  border-bottom: 1px dashed rgba(131, 131, 131, 0.5);
}

    @media only screen and (min-width: 750px) {
      .b-general-settings__email--edit-inner:hover {
    cursor: pointer;
  }

        .b-general-settings__email--edit-inner:hover span {
    border-color: transparent;
  }
}

.b-general-settings__token {
  display: flex;
  align-items: center;
}

  @media only screen and (min-width: 0px) and (max-width: 749px) {
    .b-general-settings__token {
    flex-wrap: wrap;
  }
}

  .b-general-settings__token--show {
    font-size: 0;
    line-height: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
  margin-right: 2rem;
}

    @media only screen and (min-width: 750px) {
      .b-general-settings__token--show {
        flex: 0 0 auto;
    margin-top: 1.2rem;
  }
}

    ._show-token .b-general-settings__token--show {
  display: none;
}

    .b-general-settings__token--show svg {
      display: inline-block;
      vertical-align: middle;
  margin-right: 1rem;
}

      .b-general-settings__token--show svg path {
  fill: url("#base-gradient");
}

    .b-general-settings__token--show span {
      display: inline-block;
      vertical-align: middle;
      font-size: 1.3rem;
      color: #f1f1f1;
      line-height: 2rem;
  border-bottom: 1px dashed rgba(131, 131, 131, 0.5);
}

    @media only screen and (min-width: 750px) {
      .b-general-settings__token--show:hover {
    cursor: pointer;
  }

        .b-general-settings__token--show:hover span {
    border-color: transparent;
  }
}

  .b-general-settings__token--hide {
    font-size: 0;
    line-height: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: none;
  margin-right: 2rem;
}

    @media only screen and (min-width: 750px) {
      .b-general-settings__token--hide {
        flex: 0 0 auto;
    margin-top: 1.2rem;
  }
}

    ._show-token .b-general-settings__token--hide {
  display: block;
}

    .b-general-settings__token--hide svg {
      display: inline-block;
      vertical-align: middle;
      margin-right: 1rem;
      width: 21px;
  height: 21px;
}

      .b-general-settings__token--hide svg path,
      .b-general-settings__token--hide svg use {
  fill: url("#base-gradient");
}

      .b-general-settings__token--hide svg g g path {
  stroke: #1f1f1f;
}

    .b-general-settings__token--hide span {
      display: inline-block;
      vertical-align: middle;
      font-size: 1.3rem;
      color: #f1f1f1;
      line-height: 2rem;
  border-bottom: 1px dashed rgba(131, 131, 131, 0.5);
}

    @media only screen and (min-width: 750px) {
      .b-general-settings__token--hide:hover {
    cursor: pointer;
  }

        .b-general-settings__token--hide:hover span {
    border-color: transparent;
  }
}

  .b-general-settings__token--code {
    font-weight: 300;
    font-size: 1.4rem;
    color: #f1f1f1;
    line-height: 2.1rem;
    margin-right: 3rem;
  display: none;
}

    @media only screen and (min-width: 750px) {
      .b-general-settings__token--code {
        margin-top: 1.2rem;
    flex: 0 0 auto;
  }
}

    ._show-token .b-general-settings__token--code {
  display: block;
}

  .b-general-settings__token--refresh {
    font-size: 0;
    line-height: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
  user-select: none;
}

    @media only screen and (min-width: 750px) {
      .b-general-settings__token--refresh {
        flex: 0 0 auto;
    margin-top: 1.2rem;
  }
}

    .b-general-settings__token--refresh svg {
      display: inline-block;
      vertical-align: middle;
  margin-right: 1rem;
}

    .b-general-settings__token--refresh span {
      display: inline-block;
      vertical-align: middle;
      font-size: 1.3rem;
      color: #f1f1f1;
      line-height: 2rem;
  border-bottom: 1px dashed rgba(131, 131, 131, 0.5);
}

    @media only screen and (min-width: 750px) {
      .b-general-settings__token--refresh:hover {
    cursor: pointer;
  }

        .b-general-settings__token--refresh:hover span {
    border-color: transparent;
  }
}

  .b-general-settings__token--desc {
    font-size: 1.2rem;
    color: #5a5a5a;
    line-height: 2rem;
    max-width: 65.5rem;
  margin-top: -1.5rem;
}

    @media only screen and (min-width: 1366px) {
      .b-general-settings__token--desc {
    margin-top: -1rem;
  }
}

.b-general-settings__connect-item {
  margin-bottom: 2rem;
  position: relative;
}

  @media only screen and (min-width: 750px) {
    .b-general-settings__connect-item {
      width: 65.5rem;
    max-width: 100%;
  }
}

  .b-general-settings__connect-item--platform {
    width: 4rem;
    height: 100%;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0px;
  top: 0px;
}

    .b-general-settings__connect-item--platform._da {
      background: #fad961;
      background: -moz-linear-gradient(top, #fad961 0%, #f76b1c 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fad961), color-stop(100%, #f76b1c));
      background: -webkit-linear-gradient(top, #fad961 0%, #f76b1c 100%);
      background: -o-linear-gradient(top, #fad961 0%, #f76b1c 100%);
      background: -ms-linear-gradient(top, #fad961 0%, #f76b1c 100%);
      background: linear-gradient(to bottom, #fad961 0%, #f76b1c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fad961', endColorstr='#f76b1c', GradientType=0);
}

    .b-general-settings__connect-item--platform._vk {
      background: #0077FF;
}

    .b-general-settings__connect-item--platform._yt {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #fff;
      /* background: #e16741;
      background: -moz-linear-gradient(top, #e16741 0%, #ff3d00 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e16741), color-stop(100%, #ff3d00));
      background: -webkit-linear-gradient(top, #e16741 0%, #ff3d00 100%);
      background: -o-linear-gradient(top, #e16741 0%, #ff3d00 100%);
      background: -ms-linear-gradient(top, #e16741 0%, #ff3d00 100%);
      background: linear-gradient(to bottom, #e16741 0%, #ff3d00 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e16741', endColorstr='#ff3d00',GradientType=0 ); */
}
.b-general-settings__connect-item--platform._yt img {
  width: auto;
  height: 20px;
}

.b-general-settings__connect-item--platform._bty {
  background: #fff;
}

.b-general-settings__connect-item--platform._vkvideolive {
  background: #020C5A;
}

.b-general-settings__connect-item--platform._vkplaylive {
  background: linear-gradient(180deg, #020C5E 0%, #01042A 100%);
}

.b-general-settings__connect-item--platform._tw {
  background: #735caa;
  background: -moz-linear-gradient(top, #735caa 0%, #4b377c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #735caa), color-stop(100%, #4b377c));
  background: -webkit-linear-gradient(top, #735caa 0%, #4b377c 100%);
  background: -o-linear-gradient(top, #735caa 0%, #4b377c 100%);
  background: -ms-linear-gradient(top, #735caa 0%, #4b377c 100%);
  background: linear-gradient(to bottom, #735caa 0%, #4b377c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#735caa', endColorstr='#4b377c', GradientType=0);
}

    .b-general-settings__connect-item--platform._ps {
      background: #40a4c4;
      background: -moz-linear-gradient(top, #3ba7c4 0%, #257a94 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3ba7c4), color-stop(100%, #257a94));
      background: -webkit-linear-gradient(top, #3ba7c4 0%, #257a94 100%);
      background: -o-linear-gradient(top, #3ba7c4 0%, #257a94 100%);
      background: -ms-linear-gradient(top, #3ba7c4 0%, #257a94 100%);
      background: linear-gradient(to bottom, #3ba7c4 0%, #257a94 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3ba7c4', endColorstr='#257a94', GradientType=0);
}

    .b-general-settings__connect-item--platform._dm {
      background: -webkit-linear-gradient(-180deg, rgba(0, 100, 214, 1) 0%, rgba(1, 84, 180, 1) 100%);
      background: -moz-linear-gradient(-180deg, rgba(0, 100, 214, 1) 0%, rgba(1, 84, 180, 1) 100%);
      background: -o-linear-gradient(-180deg, rgba(0, 100, 214, 1) 0%, rgba(1, 84, 180, 1) 100%);
  background: linear-gradient(-180deg, rgba(0, 100, 214, 1) 0%, rgba(1, 84, 180, 1) 100%);
}

.b-general-settings__connect-item--platform._disc {
  background-color: #5865F2;
}

.b-general-settings__connect-item--platform._disc svg path {
  fill: #fff;
}

.b-general-settings__connect-item--platform._appleid {
  background-color: black;
}

.b-general-settings__connect-item--platform._kick {
  background-color: black;
}

.b-general-settings__connect-item[data-tag="new"] .b-general-settings__connect-item--title:after {
  content: 'NEW';
  width: 38px;
  height: 18px;
  margin-left: 1em;
  background-image: linear-gradient(255deg, #f57d07, #f59c07);
  border-radius: 30px;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.b-general-settings__connect-item--platform._wasd {
  background-color: #157BFB;
}

.b-general-settings__connect-item--platform._appleid svg path {
  fill: #fff;
}

    .b-general-settings__connect-item--platform._mx {
      background: -webkit-linear-gradient(-180deg, rgba(29, 180, 230, 1) 0%, rgba(7, 135, 177, 1) 100%);
      background: -moz-linear-gradient(-180deg, rgba(29, 180, 230, 1) 0%, rgba(7, 135, 177, 1) 100%);
      background: -o-linear-gradient(-180deg, rgba(29, 180, 230, 1) 0%, rgba(7, 135, 177, 1) 100%);
  background: linear-gradient(-180deg, rgba(29, 180, 230, 1) 0%, rgba(7, 135, 177, 1) 100%);
}

.b-general-settings__connect-item--platform._inst {
  background: -webkit-linear-gradient(-180deg, rgba(122, 68, 149, 1) 0%, rgba(213, 27, 100, 1) 49%, rgba(237, 130, 39, 1) 100%);
  background: -moz-linear-gradient(-180deg, rgba(122, 68, 149, 1) 0%, rgba(213, 27, 100, 1) 49%, rgba(237, 130, 39, 1) 100%);
  background: -o-linear-gradient(-180deg, rgba(122, 68, 149, 1) 0%, rgba(213, 27, 100, 1) 49%, rgba(237, 130, 39, 1) 100%);
  background: linear-gradient(-180deg, rgba(122, 68, 149, 1) 0%, rgba(213, 27, 100, 1) 49%, rgba(237, 130, 39, 1) 100%);
}

  .b-general-settings__connect-item--platform._trovo {
    background: #5CB67F;

  }

  .b-general-settings__connect-item--platform._telegram {
    background: #34AADF;
  }

  .b-general-settings__connect-item--platform._tt {
    background: #000;
  }

.b-general-settings__connect-item--platform._goodgame {
  background: #263053;
}


.b-general-settings__connect-item--platform._ok {
      background: #ffae36;
      background: -moz-linear-gradient(top, #ffae36 0%, #ff9800 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffae36), color-stop(100%, #ff9800));
      background: -webkit-linear-gradient(top, #ffae36 0%, #ff9800 100%);
      background: -o-linear-gradient(top, #ffae36 0%, #ff9800 100%);
      background: -ms-linear-gradient(top, #ffae36 0%, #ff9800 100%);
      background: linear-gradient(to bottom, #ffae36 0%, #ff9800 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffae36', endColorstr='#ff9800', GradientType=0);
}

    .b-general-settings__connect-item--platform._sc {
      background: #4ea6ff;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRlYTZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMThlZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, #4ea6ff 0%, #218efc 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4ea6ff), color-stop(100%, #218efc));
      background: -webkit-linear-gradient(top, #4ea6ff 0%, #218efc 100%);
      background: -o-linear-gradient(top, #4ea6ff 0%, #218efc 100%);
      background: -ms-linear-gradient(top, #4ea6ff 0%, #218efc 100%);
      background: linear-gradient(to bottom, #4ea6ff 0%, #218efc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ea6ff', endColorstr='#218efc', GradientType=0);
}

    .b-general-settings__connect-item--platform._fb {
      background: #5f78b0;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVmNzhiMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYjVhOTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, #5f78b0 0%, #3b5a98 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5f78b0), color-stop(100%, #3b5a98));
      background: -webkit-linear-gradient(top, #5f78b0 0%, #3b5a98 100%);
      background: -o-linear-gradient(top, #5f78b0 0%, #3b5a98 100%);
      background: -ms-linear-gradient(top, #5f78b0 0%, #3b5a98 100%);
      background: linear-gradient(to bottom, #5f78b0 0%, #3b5a98 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f78b0', endColorstr='#3b5a98', GradientType=0);
}

    .b-general-settings__connect-item--platform svg {
      position: absolute;
      left: 50%;
      top: 50%;
  transform: translate(-50%, -50%) scale(1.4);
}

  .b-general-settings__connect-item--info {
    border-radius: 0 3px 3px 0;
    border: 2px solid #353535;
    border-left: none;
    padding: 1rem 6rem 1.2rem 1.5rem;
  margin-left: 4rem;
}

    @media only screen and (min-width: 750px) {
      .b-general-settings__connect-item--info {
        padding-right: 3rem;
        position: relative;
        display: flex;
    align-items: center;
  }
}

  .b-general-settings__connect-item--text {
  margin-bottom: 1.5rem;
}

    @media only screen and (min-width: 750px) {
      .b-general-settings__connect-item--text {
        margin-bottom: 0px;
    flex: 1 1 auto;
  }
}

  .b-general-settings__connect-item--title {
    font-weight: 500;
    font-size: 1.3rem;
    color: #f1f1f1;
    line-height: 2rem;
    margin-bottom: 0.6rem;
}

  .b-general-settings__connect-item--link {
    font-size: 1.2rem;
    color: #838383;
  line-height: 1.5rem;
}

  .b-general-settings__connect-item--connected {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    border-radius: 50%;
    background-color: #389460;
    width: 3rem;
    height: 3rem;
  display: none;
}

    @media only screen and (min-width: 750px) {
      .b-general-settings__connect-item--connected {
        font-size: 0;
        line-height: 0;
        position: relative;
        top: auto;
        right: auto;
        width: auto;
        border-radius: 15px;
        padding: 0 1.5rem;
        margin-right: 2rem;
    flex: 0 0 auto;
  }
}

    ._connected .b-general-settings__connect-item--connected {
  display: block;
}

    @media only screen and (min-width: 0px) and (max-width: 749px) {
      .b-general-settings__connect-item--connected svg {
        position: absolute;
        top: 50%;
        left: 50%;
    transform: translate(-50%, -50%);
  }
}

    @media only screen and (min-width: 750px) {
      .b-general-settings__connect-item--connected svg {
        display: inline-block;
        vertical-align: middle;
    margin-right: 1rem;
  }
}

    .b-general-settings__connect-item--connected span {
  display: none;
}

      @media only screen and (min-width: 750px) {
        .b-general-settings__connect-item--connected span {
          display: inline-block;
          vertical-align: middle;
          font-size: 1.3rem;
          color: #f1f1f1;
    line-height: 3rem;
  }
}

  .b-general-settings__connect-item--connect {
    font-size: 0;
  line-height: 0;
}

    @media only screen and (min-width: 750px) {
      .b-general-settings__connect-item--connect {
    flex: 0 0 auto;
  }
}

    ._connected .b-general-settings__connect-item--connect {
  display: none;
}

    .b-general-settings__connect-item--connect svg {
      display: inline-block;
      vertical-align: middle;
  margin-right: 1rem;
}

    .b-general-settings__connect-item--connect span {
      display: inline-block;
      vertical-align: middle;
      font-size: 1.3rem;
      color: #f1f1f1;
      line-height: 2rem;
  border-bottom: 1px dashed rgba(131, 131, 131, 0.5);
}

    @media only screen and (min-width: 750px) {
      .b-general-settings__connect-item--connect:hover {
    cursor: pointer;
  }

        .b-general-settings__connect-item--connect:hover span {
    border-color: transparent;
  }
}

.b-general-settings__connect-item--connected-link {
  padding: 0;
  background-color: transparent;
}

.b-general-settings__connect-item--connected-link svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
}

.b-general-settings__connect-item--connected-link svg path {
  fill: url(#base-gradient);
}

.b-general-settings__connect-item--connected-link span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.3rem;
  color: #f1f1f1;
  line-height: 2rem;
  border-bottom: 1px dashed rgba(131, 131, 131, 0.5);
  margin: 5px 0;
}

  .b-general-settings__connect-item--disconnect {
    font-size: 0;
    line-height: 0;
  display: none;
}

    @media only screen and (min-width: 750px) {
      .b-general-settings__connect-item--disconnect {
    flex: 0 0 auto;
  }
}

    ._connected .b-general-settings__connect-item--disconnect {
  display: block;
}

    .b-general-settings__connect-item--disconnect span {
      display: inline-block;
      vertical-align: middle;
      font-size: 1.3rem;
      color: #f1f1f1;
      line-height: 2rem;
  border-bottom: 1px dashed rgba(131, 131, 131, 0.5);
}

    @media only screen and (min-width: 750px) {
      .b-general-settings__connect-item--disconnect:hover {
    cursor: pointer;
  }

        .b-general-settings__connect-item--disconnect:hover span {
    border-color: transparent;
  }
}

.b-general-settings__words--wrapper .b-input {
  margin-bottom: 1.5rem;
}

.b-general-settings__words--wrapper p {
  font-size: 1.2rem;
  color: #6d6d6d;
  line-height: 2rem;
  display: block;
}

  @media only screen and (min-width: 750px) {
    .b-general-settings__words--wrapper p {
    font-size: 1.3rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-general-settings__words--wrapper p {
    font-size: 1.2rem;
  }
}

.b-general-settings__words--list {
  font-size: 0;
  line-height: 0;
}

.b-general-settings__words--item {
  font-size: 0;
  line-height: 0;
  display: inline-block;
  vertical-align: top;
  height: 3.2rem;
  border-radius: 3px;
  background-color: #6d6d6d;
  margin: 0 1rem 1rem 0;
  padding: 0 1.5rem;
}

  .b-general-settings__words--item:last-child {
  margin-right: 0px;
}

  .b-general-settings__words--item span {
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    font-size: 1.3rem;
    color: #f1f1f1;
    line-height: 3.2rem;
  margin-right: 2rem;
}

.b-general-settings__words--delete {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background: url("/img/close.svg") center no-repeat;
}

  @media only screen and (min-width: 750px) {
    .b-general-settings__words--delete:hover {
    cursor: pointer;
  }
}

.b-table-headers__found {
  font-weight: 400;
  font-size: 1.3rem;
  color: #838383;
  line-height: 2rem;
  margin-bottom: 3rem;
}

  @media only screen and (min-width: 750px) {
    .b-table-headers__found {
      font-size: 1.4rem;
    margin-bottom: 2.5rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-table-headers__found {
    margin-bottom: 2rem;
  }
}

.b-table-headers__table-filters {
  display: none;
  align-items: flex-start;
  padding: 1.5rem 2rem;
}

  @media only screen and (min-width: 1024px) {
    .b-table-headers__table-filters {
    display: flex;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-table-headers__table-filters {
    padding: 2rem 3rem;
  }
}

.b-table-headers__table-filter {
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: #838383;
  display: flex;
  align-items: center;
}

  .b-table-headers__table-filter._active {
  color: #f57707;
}

    .b-table-headers__table-filter._active svg {
  display: block;
}

      .b-table-headers__table-filter._active svg g g {
  fill: url("#base-gradient");
}

  .b-table-headers__table-filter._reversed svg {
  transform: rotate(180deg);
}

  .b-table-headers__table-filter span {
  margin-right: 0.5rem;
}

    @media only screen and (min-width: 1366px) {
      .b-table-headers__table-filter span:hover {
    color: #f57707;
  }
}

  .b-table-headers__table-filter svg {
  display: none;
}

.b-payouts__block {
  margin-bottom: 5rem;
}

  .b-payouts__block:last-child {
  margin-bottom: 0px;
}

.b-payouts__list {
  padding-top: 2rem;
}

  @media only screen and (min-width: 750px) {
    .b-payouts__list {
      font-size: 0;
      line-height: 0;
    padding-top: 3rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-payouts__list {
    padding-top: 4rem;
  }
}

  .b-payouts__list--item {
    margin-bottom: 2rem;
    position: relative;
    flex: 1 1 32rem;
  order: 1;
}

    @media only screen and (min-width: 750px) {
      .b-payouts__list--item {
        display: inline-block;
        vertical-align: top;
        margin: 0 2rem 2.5rem 0;
    flex: 0 0 auto;
  }
}

    .b-payouts__list--item:first-child .b-payouts__list--item-priority {
  display: inline-block;
}

    .b-payouts__list--item._moving {
  opacity: 1;
}

      @media only screen and (min-width: 750px) {
        .b-payouts__list--item._moving {
          cursor: -webkit-grabbing;
    cursor: grabbing;
  }
}

    .b-payouts__list--item:hover {
  color: red;
}

      @media only screen and (min-width: 750px) {
        .b-payouts__list--item:hover .b-payouts__list--item-platform svg {
    display: none;
  }

        .b-payouts__list--item:hover .b-payouts__list--item-platform:before {
          content: '';
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          width: 2rem;
          height: 2rem;
    background: url("/img/move.svg") center no-repeat;
  }
}

    .b-payouts__list--item._item-new {
  order: 2;
}

      .b-payouts__list--item._item-new:first-child + div .b-payouts__list--item-priority {
  display: inline-block;
}

  .b-payouts__list--item-platform {
    width: 4rem;
    height: 100%;
    border-radius: 3px 0 0 3px;
    position: absolute;
    left: 0px;
  top: 0px;
}

    .b-payouts__list--item-platform._qiwi {
      background: #ff8c00;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOGMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmODczMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, #ff8c00 0%, #f87300 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff8c00), color-stop(100%, #f87300));
      background: -webkit-linear-gradient(top, #ff8c00 0%, #f87300 100%);
      background: -o-linear-gradient(top, #ff8c00 0%, #f87300 100%);
      background: -ms-linear-gradient(top, #ff8c00 0%, #f87300 100%);
      background: linear-gradient(to bottom, #ff8c00 0%, #f87300 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8c00', endColorstr='#f87300', GradientType=0);
}

    .b-payouts__list--item-platform._webmoney {
      background: #0087e0;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODdlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZjYjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, #0087e0 0%, #006cb3 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0087e0), color-stop(100%, #006cb3));
      background: -webkit-linear-gradient(top, #0087e0 0%, #006cb3 100%);
      background: -o-linear-gradient(top, #0087e0 0%, #006cb3 100%);
      background: -ms-linear-gradient(top, #0087e0 0%, #006cb3 100%);
      background: linear-gradient(to bottom, #0087e0 0%, #006cb3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0087e0', endColorstr='#006cb3', GradientType=0);
}

    .b-payouts__list--item-platform svg {
      position: absolute;
      left: 50%;
      top: 50%;
  transform: translate(-50%, -50%);
}

      ._moving .b-payouts__list--item-platform svg {
  display: none;
}

    ._moving .b-payouts__list--item-platform:before {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 2rem;
      height: 2rem;
  background: url("/img/move.svg") center no-repeat;
}

  .b-payouts__list--item-info {
    border-radius: 0 3px 3px 0;
    border: 2px solid #353535;
    border-left: none;
    padding: 1.5rem;
  margin-left: 4rem;
}

    @media only screen and (min-width: 750px) {
      .b-payouts__list--item-info {
        padding-right: 13rem;
    position: relative;
  }
}

    ._active-item .b-payouts__list--item-info {
  background-color: #353535;
}

    ._item-error .b-payouts__list--item-info {
  border-color: #da4545;
}

  .b-payouts__list--item-text {
  margin-bottom: 1.5rem;
}

    @media only screen and (min-width: 750px) {
      .b-payouts__list--item-text {
    margin-bottom: 0px;
  }
}

  .b-payouts__list--item-title {
  margin-bottom: 1rem;
}

    @media only screen and (min-width: 750px) {
      .b-payouts__list--item-title {
    white-space: nowrap;
  }
}

  .b-payouts__list--item-name {
    font-weight: 500;
    font-size: 1.3rem;
    color: #f1f1f1;
    line-height: 1.3rem;
    text-transform: uppercase;
    display: inline-block;
  vertical-align: middle;
}

  .b-payouts__list--item-priority {
    font-size: 1.2rem;
    color: #f37521;
    line-height: 1.3rem;
    margin-left: 1rem;
    display: none;
  vertical-align: middle;
}

    ._item-error .b-payouts__list--item-priority {
  display: none !important;
}

  .b-payouts__list--item-error {
    font-size: 1.2rem;
    color: #da4545;
    line-height: 1.3rem;
    margin-left: 1rem;
    display: none;
  vertical-align: middle;
}

    ._item-error .b-payouts__list--item-error {
  display: inline-block;
}

    @media only screen and (min-width: 750px) {
      .b-payouts__list--item-error:hover {
    cursor: pointer;
  }
}

  .b-payouts__list--item-desc {
    font-size: 1.2rem;
    color: #838383;
  line-height: 1.2rem;
}

    @media only screen and (min-width: 750px) {
      .b-payouts__list--item-desc {
    white-space: nowrap;
  }
}

  .b-payouts__list--item-controls {
    font-size: 0;
  line-height: 0;
}

    @media only screen and (min-width: 750px) {
      .b-payouts__list--item-controls {
        position: absolute;
        right: 1.5rem;
        top: 50%;
    transform: translateY(-50%);
  }
}

  .b-payouts__list--item-edit {
  margin-right: 1.5rem;
}

  .b-payouts__list--item-edit, .b-payouts__list--item-delete {
    display: inline-block;
  vertical-align: middle;
}

    @media only screen and (min-width: 750px) {
      .b-payouts__list--item-edit:hover, .b-payouts__list--item-delete:hover {
    cursor: pointer;
  }

        .b-payouts__list--item-edit:hover svg path, .b-payouts__list--item-delete:hover svg path {
    fill: #f1f1f1;
  }
}

  .b-payouts__list--item-new {
    font-size: 0;
    line-height: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    padding: 0 2.2rem;
    border: 2px dashed #353535;
    border-radius: 3px;
    transition: .2s ease-in-out;
  height: 6.9rem;
}

    .b-payouts__list--item-new:before {
      content: '';
      width: 0px;
      height: 100%;
      display: inline-block;
  vertical-align: middle;
}

    .b-payouts__list--item-new svg {
      display: inline-block;
      vertical-align: middle;
  margin-right: 2rem;
}

    .b-payouts__list--item-new span {
      max-width: 180px;
      display: inline-block;
      vertical-align: middle;
      font-weight: 500;
      font-size: 1.3rem;
      color: #838383;
      line-height: 1.5rem;
      text-transform: uppercase;
  transition: .2s ease-in-out;
}

      @media only screen and (min-width: 430px) {
        .b-payouts__list--item-new span {
          max-width: none;
        }
      }

    @media only screen and (min-width: 750px) {
      .b-payouts__list--item-new:hover {
        cursor: pointer;
    border-color: #f1f1f1;
  }

        .b-payouts__list--item-new:hover svg path {
    fill: #f1f1f1;
  }

        .b-payouts__list--item-new:hover span {
    color: #f1f1f1;
  }
}

.b-payouts__history--title {
  font-weight: 300;
  font-size: 1.8rem;
  color: #f1f1f1;
  line-height: 2.2rem;
  margin-bottom: 2rem;
}

  @media only screen and (min-width: 750px) {
    .b-payouts__history--title {
      font-size: 2.5rem;
      line-height: 2.8rem;
    margin-bottom: 3rem;
  }
}

.b-payouts__history--table {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
}

.b-payouts__history--filters {
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
}

  @media only screen and (min-width: 750px) {
    .b-payouts__history--filters {
    display: none;
  }
}

  .b-payouts__history--filters .b-text-filter {
  margin-right: auto;
}

  .b-payouts__history--filters .b-filter-icon {
  margin-left: 2rem;
}

    .b-payouts__history--filters .b-filter-icon svg path {
  fill: url("#base-gradient");
}

@media only screen and (min-width: 750px) {
  .b-payouts__history--filter-id {
    flex: 1 0 8rem;
  }
}

@media only screen and (min-width: 1366px) {
  .b-payouts__history--filter-id {
    flex: 1 0 12rem;
  }
}

@media only screen and (min-width: 750px) {
  .b-payouts__history--filter-recipient {
    flex: 1 0 12.5rem;
  }
}

@media only screen and (min-width: 1366px) {
  .b-payouts__history--filter-recipient {
    flex: 1 0 18rem;
  }
}

@media only screen and (min-width: 750px) {
  .b-payouts__history--filter-sum {
    flex: 1 0 12.5rem;
  }
}

@media only screen and (min-width: 1366px) {
  .b-payouts__history--filter-sum {
    flex: 1 0 16rem;
  }
}

@media only screen and (min-width: 750px) {
  .b-payouts__history--filter-system {
    flex: 1 0 9.3rem;
  }
}

@media only screen and (min-width: 1366px) {
  .b-payouts__history--filter-system {
    flex: 1 0 17.1rem;
  }
}

@media only screen and (min-width: 750px) {
  .b-payouts__history--filter-date {
    flex: 1 0 15.5rem;
  }
}

@media only screen and (min-width: 1366px) {
  .b-payouts__history--filter-date {
    flex: 1 0 18.9rem;
  }
}

@media only screen and (min-width: 750px) {
  .b-payouts__history--filter-controls {
    flex: 0 0 11rem;
  }
}

@media only screen and (min-width: 1366px) {
  .b-payouts__history--filter-controls {
    flex: 0 0 12rem;
  }
}

.b-payouts__history--item {
  border-radius: 3px;
  background-color: transparent;
  padding: 2rem;
}

  @media only screen and (min-width: 0px) and (max-width: 749px) {
    .b-payouts__history--item {
    flex-wrap: wrap;
  }
}

  @media only screen and (min-width: 750px) {
    .b-payouts__history--item {
      display: flex;
      padding: 1.5rem;
    align-items: center;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-payouts__history--item {
      flex-wrap: nowrap;
    padding: 1.5rem 3rem 1.5rem 3rem;
  }
}

  .b-payouts__history--item:nth-child(even) {
  background-color: #262626;
}

.b-payouts__history--item-id, .b-payouts__history--item-recipient, .b-payouts__history--item-system, .b-payouts__history--item-date {
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: #fff;
  margin-bottom: 1.5rem;
}

  @media only screen and (min-width: 750px) {
    .b-payouts__history--item-id, .b-payouts__history--item-recipient, .b-payouts__history--item-system, .b-payouts__history--item-date {
      margin-bottom: 0px;
    padding-right: 2rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-payouts__history--item-id, .b-payouts__history--item-recipient, .b-payouts__history--item-system, .b-payouts__history--item-date {
      font-size: 1.4rem;
    line-height: 1.7rem;
  }
}

.b-payouts__history--item-id {
  order: 1;
  color: #838383;
}

  @media only screen and (min-width: 750px) {
    .b-payouts__history--item-id {
    flex: 1 0 8rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-payouts__history--item-id {
    flex: 1 0 12rem;
  }
}

.b-payouts__history--item-recipient {
  order: 4;
}

  @media only screen and (min-width: 750px) {
    .b-payouts__history--item-recipient {
      order: 2;
    flex: 1 0 12.5rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-payouts__history--item-recipient {
    flex: 1 0 18rem;
  }
}

.b-payouts__history--item-sum {
  font-size: 0;
  line-height: 0;
  order: 3;
}

  @media only screen and (min-width: 0px) and (max-width: 749px) {
    .b-payouts__history--item-sum {
    margin-bottom: 1.5rem;
  }
}

  @media only screen and (min-width: 750px) {
    .b-payouts__history--item-sum {
    flex: 1 0 12.5rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-payouts__history--item-sum {
    flex: 1 0 16rem;
  }
}

.b-payouts__history--money-value {
  font-weight: 500;
  font-size: 1.3rem;
  color: #f37521;
  line-height: 1.6rem;
  margin-right: 0.7rem;
  display: inline-block;
  vertical-align: middle;
}

  @media only screen and (min-width: 1366px) {
    .b-payouts__history--money-value {
      font-size: 1.5rem;
      line-height: 1.8rem;
    margin-right: 1rem;
  }
}

.b-payouts__history--money-fee {
  font-size: 1.2rem;
  color: #838383;
  line-height: 1.6rem;
  display: inline-block;
  vertical-align: middle;
}

  @media only screen and (min-width: 1366px) {
    .b-payouts__history--money-fee {
    font-size: 1.3rem;
  }
}

.b-payouts__history--item-system {
  order: 5;
}

  @media only screen and (min-width: 750px) {
    .b-payouts__history--item-system {
      order: 4;
    flex: 1 0 9.3rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-payouts__history--item-system {
    flex: 1 0 17.1rem;
  }
}

.b-payouts__history--item-date {
  order: 2;
}

  @media only screen and (min-width: 750px) {
    .b-payouts__history--item-date {
      order: 5;
    flex: 1 0 15.5rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-payouts__history--item-date {
    flex: 1 0 18.9rem;
  }
}

.b-payouts__history--item-controls {
  order: 6;
}

  @media only screen and (min-width: 750px) {
    .b-payouts__history--item-controls {
    flex: 0 0 11rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-payouts__history--item-controls {
    flex: 0 0 12rem;
  }
}

.b-payouts__history--item-control {
  font-size: 0;
  line-height: 0;
  padding: 0;
  width: 11rem;
  height: 3rem;
}

  @media only screen and (min-width: 1366px) {
    .b-payouts__history--item-control {
    width: 12rem;
  }
}

  .b-payouts__history--item-control._success {
  background-color: #389460;
}

  .b-payouts__history--item-control._error {
    background-color: #943838;
  transition: .2s ease-in-out;
}

    @media only screen and (min-width: 750px) {
      .b-payouts__history--item-control._error:hover {
        cursor: pointer;
    background-color: #da4545;
  }
}

.b-payouts__history--item-key {
  flex: 0 0 8.2rem;
  margin-right: 2.7rem;
  font-size: 1.2rem;
  color: #6d6d6d;
  line-height: 1.5rem;
}

  @media only screen and (min-width: 750px) {
    .b-payouts__history--item-key {
    display: none;
  }
}

.b-media__buttons {
  margin-bottom: 4rem;
}

.b-media__btn {
  margin-right: 2rem;
  margin-bottom: 2rem;
}

  .b-media__btn:last-child {
    margin-right: 0;
  margin-bottom: 0;
}

  .b-media__btn._stroke svg path {
  fill: url("#base-gradient");
}

.b-media__title {
  margin: 5.5rem 0 4rem;
}

.b-media__embed-link {
  font-size: 0;
  line-height: 0;
}

  @media only screen and (min-width: 750px) {
    .b-media__embed-link {
      margin-right: 4rem;
      cursor: pointer;
      display: inline-block;
    vertical-align: middle;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-media__embed-link {
    margin-right: 5rem;
  }
}

  .b-media__embed-link span {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: inline-block;
    vertical-align: middle;
    font-weight: 300;
    font-size: 1.3rem;
    color: #999999;
    line-height: 2.2rem;
  border-bottom: 1px dashed #838383;
}

  .b-media__embed-link svg {
    display: inline-block;
    vertical-align: middle;
  margin-right: 1.2rem;
}

  @media only screen and (min-width: 750px) {
    .b-media__embed-link:hover span {
    border-color: transparent;
  }
}

.b-media__embed-info {
  margin-top: 2rem;
}

.b-media__group--embed-layout-container {
  display: flex;
  align-items: center;
}

.b-media__embed-layout {
  display: flex;
}

.b-media__embed-info-text {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 300;
  color: #f1f1f1;
  max-width: 330px;
  overflow: hidden;
  position: relative;
    white-space: nowrap;
}

.b-media__embed-info-text:after {
      content: '';
  display: block;
      position: absolute;
  width: 100px;
  right: 0;
  bottom: 0;
  top: 0;
  pointer-events: none;
  background-image: linear-gradient(to right, rgba(32, 32, 32, 0), rgba(32, 32, 32, 1));
}

.b-media__group-embed-warning {
  margin-left: 12px;
  display: flex;
  align-items: center;
  padding: 5px 10px;
  background-color: #303030;
  border-radius: 5px;
  font-size: 13px;
  line-height: 1.38;
  letter-spacing: -0.5px;
  color: #ffffff;
}

.b-media__group-embed-warning-icon {
  margin-right: 4px;
  line-height: 1;
}

.b-media__embed-layout {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}

  .b-media__embed-layout:last-child {
  margin-bottom: 0;
}

.b-media__embed-copy {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2.2rem;
  flex: 0 0 1.7rem;
}

@media only screen and (max-width: 750px) {
  .b-media__embed-layout {
    flex-direction: column;
    align-items: flex-start;
  }

  .b-media__group-embed-warning {
    margin-left: 0;
    margin-top: 12px;
  }

  .b-media__embed-info-text {
    max-width: 230px;
  }
}

  @media only screen and (min-width: 750px) {
    .b-media__embed-copy:hover {
    cursor: pointer;
  }
}

.b-media__embed-text {
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.62;
  letter-spacing: normal;
  color: #838383;
}

.b-media__embed-service {
  color: #f1f1f1;
}

  @media only screen and (min-width: 750px) {
    .b-media__embed-service:hover {
    cursor: pointer;
  }
}

.b-media__embed-note {
  font-size: 1.3rem;
  line-height: 1.6rem;
  margin-top: 2rem;
  color: #818181;
}

  .b-media__embed-note strong {
  font-weight: bold;
}

.b-media__save {
  margin-top: 4rem;
}

.b-media .irs-single {
  display: none;
}

@media only screen and (min-width: 1366px) {
  .b-donation-page__main-title {
    margin-bottom: 3rem;
  }
}

.b-donation-page__main-subtitle {
  margin-bottom: 2.5rem;
}

.b-donation-page__alternate {
  font-size: 1.2rem;
  line-height: 1.67;
  color: #5a5a5a;
  max-width: 60rem;
}

  @media only screen and (min-width: 750px) {
    .b-donation-page__alternate {
    font-size: 1.3rem;
  }
}

  .b-donation-page__alternate a {
    border-bottom: 1px dashed rgba(131, 131, 131, 0.5);
  color: #f1f1f1;
}

    @media only screen and (min-width: 750px) {
      .b-donation-page__alternate a:hover {
    border-color: transparent;
  }
}

.b-donation-page__design-title {
  margin: 6.5rem 0 2rem 0;
}

.b-donation-page__sums-title {
  margin-bottom: 1.6rem;
  margin-top: 5rem;
}

  @media only screen and (min-width: 750px) {
    .b-donation-page__sums-title {
    margin-bottom: 2rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-donation-page__sums-title {
    margin-top: 6rem;
  }
}

.b-donation-page__sums-subtitle {
  margin-bottom: 2.5rem;
}

  @media only screen and (min-width: 750px) {
    .b-donation-page__sums-subtitle {
    bottom: 3rem;
  }
}

.b-donation-page__save-btn {
  display: flex;
  width: 100%;
}

  @media only screen and (min-width: 750px) {
    .b-donation-page__save-btn {
      display: inline-flex;
    width: auto;
  }
}

.b-donation-page__embed-link {
  font-size: 0;
  line-height: 0;
}

  @media only screen and (min-width: 750px) {
    .b-donation-page__embed-link {
      margin-right: 4rem;
      cursor: pointer;
      display: inline-block;
    vertical-align: middle;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-donation-page__embed-link {
    margin-right: 5rem;
  }
}

  .b-donation-page__embed-link span {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: inline-block;
    vertical-align: middle;
    font-weight: 300;
    font-size: 1.3rem;
    color: #999999;
    line-height: 2.2rem;
  border-bottom: 1px dashed #838383;
}

  .b-donation-page__embed-link svg {
    display: inline-block;
    vertical-align: middle;
  margin-right: 1.2rem;
}

.b-donation-page__embed-info {
  margin-top: 2rem;
}

.b-donation-page__embed-layout {
  display: flex;
}

.b-donation-page__embed-info-text {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 300;
  color: #f1f1f1;
  vertical-align: middle;
  flex: 0 1 auto;
  max-width: calc(100% - 3.2rem);
  overflow: hidden;
}

  .b-donation-page__embed-info-text span {
    display: block;
    max-width: 100%;
    white-space: nowrap;
  position: relative;
}

.b-donation-page__embed-layout {
  margin-bottom: 1.5rem;
}

  .b-donation-page__embed-layout:last-child {
  margin-bottom: 0;
}

.b-donation-page__embed-copy {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2.2rem;
  flex: 0 0 1.7rem;
}

  @media only screen and (min-width: 750px) {
    .b-donation-page__embed-copy:hover {
    cursor: pointer;
  }
}

.b-donation-page__embed-text {
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.62;
  letter-spacing: normal;
  color: #838383;
}

.b-donation-page__embed-service {
  color: #f1f1f1;
}

  @media only screen and (min-width: 750px) {
    .b-donation-page__embed-service:hover {
    cursor: pointer;
  }
}

.b-donation-page__embed-note {
  font-size: 1.3rem;
  line-height: 1.6rem;
  margin-top: 2rem;
  color: #818181;
}

  .b-donation-page__embed-note strong {
  font-weight: bold;
}

.b-user-link {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 69rem;
  border: 1px solid #2d2d2d;
  padding: 1.8rem 2rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  border-radius: 3px;
}

  @media only screen and (min-width: 750px) {
    .b-user-link {
      padding: 0 0 0 2rem;
      height: 5.6rem;
  }
}

  .b-user-link__text {
    font-size: 1.4rem;
    line-height: 1.7rem;
    color: #f1f1f1;
  order: 0;
}

  .b-user-link__value {
    width: 100%;
    color: #f57707;
    font-size: 1.4rem;
    line-height: 1.7rem;
    font-weight: 400;
    margin: 1.7rem 0 0 0;
    order: 1;
    flex: 1 0 auto;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
}

    ._not-ie .b-user-link__value {
      background: linear-gradient(265deg, #f59c07, #f57507);
      -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

    @media only screen and (min-width: 750px) {
      .b-user-link__value {
        margin: 0 0 0 5rem;
        width: auto;
        min-width: 0;
        flex-basis: 0;
  }
}

    .b-user-link__value:after {
      content: '';
      position: absolute;
      right: 0px;
      top: 0px;
      height: 100%;
      width: 6rem;
      background: -moz-linear-gradient(left, transparent 0%, #1f1f1f 75%, #1f1f1f 100%);
      background: -webkit-linear-gradient(left, transparent 0%, #1f1f1f 75%, #1f1f1f 100%);
      background: linear-gradient(to right, transparent 0%, #1f1f1f 75%, #1f1f1f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1f1f1f', GradientType=1);
}

  .b-user-link__btn {
    align-self: stretch;
    flex: 0 0 5.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
  order: 0;
}

    @media only screen and (min-width: 750px) {
      .b-user-link__btn {
        border-left: 1px solid #2d2d2d;
        margin-left: auto;
    order: 3;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-user-link__btn {
    cursor: pointer;
  }
}

    .b-user-link__btn svg path {
  fill: url("#base-gradient");
}

.b-table-headers__found {
  font-weight: 400;
  font-size: 1.3rem;
  color: #838383;
  line-height: 2rem;
  margin-bottom: 3rem;
}

  @media only screen and (min-width: 750px) {
    .b-table-headers__found {
      font-size: 1.4rem;
    margin-bottom: 2.5rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-table-headers__found {
    margin-bottom: 2rem;
  }
}

.b-table-headers__table-filters {
  display: none;
  align-items: flex-start;
  padding: 1.5rem 2rem;
}

  @media only screen and (min-width: 1024px) {
    .b-table-headers__table-filters {
    display: flex;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-table-headers__table-filters {
    padding: 2rem 2rem;
  }
}

.b-table-headers__table-filter {
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: #838383;
  display: flex;
  align-items: center;
}

  .b-table-headers__table-filter._active {
  color: #f57707;
}

    .b-table-headers__table-filter._active svg {
  display: block;
}

      .b-table-headers__table-filter._active svg g g {
  fill: url("#base-gradient");
}

  .b-table-headers__table-filter._reversed svg {
  transform: rotate(180deg);
}

  .b-table-headers__table-filter span {
  margin-right: 0.5rem;
}

    @media only screen and (min-width: 1366px) {
      .b-table-headers__table-filter span:hover {
    color: #f57707;
  }
}

  .b-table-headers__table-filter svg {
  display: none;
}

.b-subscribers__settings {
  margin-top: 32px;
  width: 100%;
  max-width: 800px;
  margin-bottom: 4rem;
  display: flex;
  flex-direction: column;
}

  @media only screen and (min-width: 750px) {
    .b-subscribers__settings {
      margin-bottom: 4rem;
  }
}

.b-subscribers__settings-row {
  font-size: 1.4rem;
  line-height: 1.7rem;
  display: grid;
  grid-template-columns: 3fr 2fr 1fr;
  padding-bottom: 16px;
  padding-top: 16px;
  border-bottom: 1px solid #ffffff08;
}

  @media only screen and (max-width: 750px) {
    .b-subscribers__settings-row {
      grid-template-columns: 1fr;
      grid-gap: 18px;
  }
}

  .b-subscribers__settings-row:last-child {
  margin-bottom: 0;
}

.b-subscribers__settings-name {
  display: flex;
  align-items: center;
  gap: 12px;
}

  @media only screen and (min-width: 0px) and (max-width: 749px) {
    .b-subscribers__settings-name {
  }
}

.b-subscribers__settings-name-icon {
  width: 40px;
  display: flex;
  justify-content: center;
}

.b-subscribers__settings-name-icon._tw svg {
  width: auto;
  height: 20px;
}

  .b-subscribers__settings-name-icon._tw svg path {
  fill: #735ca9;
}

.b-subscribers__settings-name-icon._kick svg {
  width: auto;
  height: 20px;
}

.b-subscribers__settings-name-icon._vk svg {
  width: auto;
  height: 20px;
}

  .b-subscribers__settings-name-icon._vk svg path {
  /* fill: #259cdd; */
}

  .b-subscribers__settings-name-icon._yt img {
    height: 20px;
}

.b-subscribers__settings-name-icon._bty svg {
  width: auto;
  height: 20px;
}

.b-subscribers__settings-name-icon svg {

}

  .b-subscribers__settings-name span {
    color: #f1f1f1;
    font-size: 1.4rem;
  line-height: 1.7rem;
}



.b-subscribers__settings-link {
  display: flex;
  align-items: center;
  color: #f1f1f1;
}

  @media only screen and (min-width: 0px) and (max-width: 749px) {
    .b-subscribers__settings-link {
  }
}

  .b-subscribers__settings-link--wrapper {
  min-width: 24rem;
}

@media only screen and (min-width: 0px) and (max-width: 749px) {
  .b-subscribers__settings-link--wrapper{
    padding-left: 48px;
  }
}

.b-subscribers__settings-link-text {
  font-size: 1.4rem;
  line-height: 1.7rem;
  border-bottom: dashed 1px rgba(131, 131, 131, 0.5);
  transition: .1s ease-out;
}

  @media only screen and (min-width: 750px) {
    .b-subscribers__settings-link-text:hover {
    border-bottom-color: transparent;
    display: table-cell;
  }
}

  ._done .b-subscribers__settings-link-text {
    border-bottom: 0;
  color: #f57707;
}

  ._disabled .b-subscribers__settings-link-text {
  color: #838383;
}

.b-subscribers__settings-icon {
  margin-right: 1rem;
}

  ._done .b-subscribers__settings-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 15px;
  background-image: linear-gradient(234deg, #fa9d3e, #f76b1c);
}

.b-subscribers__settings-more {
  display: table-cell;
  /* align-items: center; */
}

@media only screen and (max-width: 749px) {
  .b-subscribers__settings-more {
    padding-left: 48px;
  }
}

  @media only screen and (min-width: 750px) {
    .b-subscribers__settings-more:hover {
    cursor: pointer;
  }

      .b-subscribers__settings-more:hover span {
    color: #f1f1f1;
  }

      .b-subscribers__settings-more:hover svg path {
    fill: #f1f1f1;
  }
}

  .b-subscribers__settings-more span {
    color: #838383;
    font-size: 1.4rem;
    line-height: 1.7rem;
  transition: .2s ease-in-out;
}

  .b-subscribers__settings-more svg {
    vertical-align: middle;
  margin-right: 1rem;
}

.b-subscribers__filters {
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
}

  @media only screen and (min-width: 750px) {
    .b-subscribers__filters {
    display: none;
  }
}

  .b-subscribers__filters .b-text-filter {
  margin-right: auto;
}

  .b-subscribers__filters .b-filter-icon {
  margin-left: 2rem;
}

    .b-subscribers__filters .b-filter-icon svg path {
  fill: url("#base-gradient");
}

    .b-subscribers__filters .b-filter-icon ._active svg path {
  fill: #f1f1f1;
}

@media only screen and (min-width: 0px) and (max-width: 749px) {
  .b-subscribers__time-btn:first-of-type {
    margin-bottom: 1rem;
  }
}

.b-subscribers__select {
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
  width: 100%;
}

  @media only screen and (min-width: 750px) {
    .b-subscribers__select {
      margin: 0 1rem;
    width: auto;
  }
}

.b-subscribers__search {
  flex: 1 0 auto;
  width: 100%;
  height: 4.5rem;
}

  @media only screen and (min-width: 750px) {
    .b-subscribers__search {
      flex: 0 0 auto;
    width: auto;
  }
}

@media only screen and (min-width: 750px) {
  .b-subscribers__found {
    order: 2;
  }
}

.b-subscribers__checkers-list {
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: #838383;
  margin-bottom: 0.7rem;
}

  .b-subscribers__checkers-list span {
  margin-right: 1rem;
}

.b-subscribers__checkers-link {
  display: inline-block;
  vertical-align: top;
  margin-right: 1rem;
  border-bottom: dashed 1px rgba(131, 131, 131, 0.5);
  color: #f1f1f1;
  margin-bottom: 1.3rem;
}

.b-subscribers__checkbox {
  display: block;
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 750px) {
  .b-subscribers__filter-type {
    flex: 0 0 19.8rem;
    padding-left: 3.6rem;
  }
}

@media only screen and (min-width: 1366px) {
  .b-subscribers__filter-type {
    flex: 0 0 44.2rem;
    padding-left: 8.8rem;
  }
}

@media only screen and (min-width: 750px) {
  .b-subscribers__filter-name {
    flex: 1 0 34.5rem;
  }
}

@media only screen and (min-width: 1366px) {
  .b-subscribers__filter-name {
    flex: 1 1 61.6rem;
  }
}

@media only screen and (min-width: 750px) {
  .b-subscribers__filter-date {
    flex: 0 0 13.5rem;
  }
}

.b-subscriber {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  border-radius: 3px;
}

  @media only screen and (min-width: 750px) {
    .b-subscriber {
      flex-direction: row;
      padding: 2rem 2rem 2.5rem 2rem;
    align-items: flex-start;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-subscriber {
    padding: 1.8rem 3rem 2.4rem 3.2rem;
  }
}

  .b-subscriber:nth-child(odd) {
  background-color: #262626;
}

    @media only screen and (min-width: 750px) {
      .b-subscriber:nth-child(odd) {
    background-color: transparent;
  }
}

  @media only screen and (min-width: 750px) {
    .b-subscriber:nth-child(even) {
    background-color: #262626;
  }
}

  .b-subscriber__from {
    font-size: 1.3rem;
    line-height: 1.6rem;
    color: #f1f1f1;
    margin-bottom: 2rem;
    display: flex;
  align-items: center;
}

    @media only screen and (min-width: 750px) {
      .b-subscriber__from {
        flex: 0 0 19.8rem;
        padding-right: 4rem;
    margin-bottom: 0;
  }
}

    @media only screen and (min-width: 1366px) {
      .b-subscriber__from {
        flex: 0 0 44.2rem;
    padding-right: 4rem;
  }
}

    .b-subscriber__from._tw svg path {
  fill: #735ca9;
}

.b-subscriber__from._yt img {
  margin-right: 6.3rem;
  width: 2.5rem;
}

    .b-subscriber__from._yt svg path {
  /* fill: #ff0000; */
}

    .b-subscriber__from._paid {
  color: #f37521;
}

    .b-subscriber__from svg {
  margin-right: 1.3rem;
}

      @media only screen and (min-width: 750px) {
        .b-subscriber__from svg {
          margin-right: 2.1rem;
    width: 2rem;
  }
}

      @media only screen and (min-width: 1366px) {
        .b-subscriber__from svg {
          margin-right: 6.3rem;
    width: 2.5rem;
  }
}

  .b-subscriber__name {
    font-size: 1.3rem;
    line-height: 1.6rem;
    display: inline-block;
    vertical-align: top;
    margin-right: 1rem;
    color: #fff;
  margin-bottom: 1.5rem;
}

    @media only screen and (min-width: 750px) {
      .b-subscriber__name {
    margin-bottom: 0;
  }
}

  .b-subscriber__note {
    font-size: 1.2rem;
    line-height: 1.5rem;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 1.5rem;
  color: #5a5a5a;
}

    @media only screen and (min-width: 750px) {
      .b-subscriber__note {
    margin-bottom: 0;
  }
}

  .b-subscriber__message {
    font-size: 1.3rem;
    line-height: 1.6rem;
    margin-bottom: 2rem;
  color: #838383;
}

    @media only screen and (min-width: 750px) {
      .b-subscriber__message {
        margin-bottom: 0;
    margin-top: 2rem;
  }
}

  @media only screen and (min-width: 750px) {
    .b-subscriber__inner {
    flex: 1 0 34.5rem;
  }
}

  @media only screen and (min-width: 1366px) {
    .b-subscriber__inner {
    flex: 1 1 61.6rem;
  }
}

  .b-subscriber__date {
    font-size: 1.3rem;
    line-height: 1.6rem;
  color: #838383;
}

    @media only screen and (min-width: 750px) {
      .b-subscriber__date {
    flex: 0 0 13.5rem;
  }
}

/*# sourceMappingURL=stylesheet.css.map*/

.linkselect {
  color: #fb8c2b;
  font-size: 12px;
  cursor: pointer;
  line-height: normal;
  display: inline-block;
  padding: 5px;
  position: relative;
}

.linkselect a {
  font-size: 12px;
  color: #f5f5f5;
}

.linkselect a:hover {
  color: #f57707;
}

.linkselect div {
  position: absolute;
  background: #555555;
  right: 0;
  top: 20px;
  padding: 5px;
  text-align: center;
  z-index: 1;
}

.b-header-streamer__verified svg {
	display: block;
	width:  10px;
	height: 10px;
	fill: #262626;
}

.b-header-streamer__verified {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	padding: 2px;
	box-sizing: border-box;
	background: #F57D07;
	position: absolute;
	border: 3px solid #262626;
	top: 10px;
	left: 45px;
}

@media only screen and (min-width: 750px) {
	.b-header-streamer__verified {
		padding: 5px;
		position: relative;
		border: 0;
		top: auto;
		left: auto;
    margin-right: 10px;
	}

	.b-header-streamer__verified:before,
	.b-header-streamer__verified:after {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		display: block;
		position: absolute;
		transition: all .2s;
	}

	.b-header-streamer__verified:hover:before,
	.b-header-streamer__verified:hover:after {
		opacity: 1;
		visibility: visible;
	}

	.b-header-streamer__verified:before {
		content: '';
		width: 0;
		height: 0;
		border-top:    5px solid transparent;
		border-right:  5px solid transparent;
		border-bottom: 5px solid #131313;
		border-left:   5px solid transparent;
		left: 5px;
		top: 15px;
	}

	.b-header-streamer__verified:after {
		content: attr(data-desc);
		right: 0;
		top: 25px;
		color: #fff;
		background-color: #131313;
		font-size: 12px;
		line-height: 1.5;
		font-weight: 500;
		white-space: nowrap;
		transform: translate(20px, 0);
		padding: 4px 10px;
		border-radius: 3px;
	}
}

.preview-audio-msg {
  display: inline-block;
}

.preview-audio-msg audio {
  display: none;
}

.preview-audio-msg-time {
  color: #6d6d6d;
  vertical-align: middle;
  margin-left: 10px;
  cursor: default;
  user-select: none;
}

.preview-audio-msg-btn {
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 28px;
  background-color: #393939;
  border-radius: 8px;
  border: 0;
  cursor: pointer;
}

.preview-audio-msg-btn_disabled {
  opacity: .5;
  pointer-events: none;
}

.preview-audio-msg-btn:hover {
  background-color: #444;
}

.preview-audio-msg-btn img {
  display: none;
}

.preview-audio-msg-btn .preview-audio-msg__play {
  display: block;
  margin: 0 0 0 8px;
}

.preview-audio-msg-btn .preview-audio-msg__stop {
  margin: 0 auto;
}

.preview-audio-msg-btn_active .preview-audio-msg-btn .preview-audio-msg__play {
  display: none;
}

.preview-audio-msg-btn_active .preview-audio-msg-btn .preview-audio-msg__stop {
  display: block;
}

.b-main-menu__boosty-link {
  font-size: 14px;
  /* background-color: red; */
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 18px 20px;
}

@media only screen and (min-width: 960px) {
  .b-main-menu__boosty-link {
    display: none;
  }
}

.b-main-menu__boosty-link a {
  color: #838383;
}

.b-header-boosty-link svg,
.b-main-menu__boosty-link svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.b-header-boosty-link,
.b-main-menu__boosty-link span {
  vertical-align: middle;
}


.b-header-boosty-link {
  display: none;
  font-size: 14px;
  color: #838383;
  flex: 0 0 auto;
  align-items: center;
  margin-right: 20px;
}

@media only screen and (min-width: 960px) {
  .b-header-boosty-link {
    display: flex;
  }
}

.b-header-boosty-link a {
  color: #838383;
  display: block;
  border-radius: 20px;
  border: 1px solid #303030;
  padding: 5px 20px;
  transition: all .2s;
  background-color: #303030;
}

.b-header-boosty-link a:hover {
  border-color: #f57e06;
  color: #f57e06;
}


.editor-toolbar button {
  color: #838383;
  border: 1px solid transparent;
}

.editor-toolbar button:hover {
  color: rgba(245, 125, 7, 1);
  border-color: transparent !important;
  background-color: #111 !important;
}

.editor-toolbar button.active {
  color: rgba(245, 125, 7, 1);
  border-color: rgba(245, 125, 7, 1) !important;
  background-color: #111 !important;
}

.filemanager-section-container-wrapper {
  position: relative;
  height: 35rem;
  overflow: hidden;
}

@media only screen and (min-width: 750px) {
  .filemanager-section-container-wrapper {
    height: 100%;
  }
}

.b-quizzy_pixel {
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
}

.b-quizzy_link {
  position: relative;
  width: 100%;
  min-height: 1px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  color: #fff;
  overflow: hidden;
  background-image: linear-gradient(266.33deg, rgba(94, 183, 194, 0.94) 20.34%, rgba(23, 93, 183, 0.94) 73.79%);
  border-radius: 8px;
}

@media only screen and (min-width: 1024px) {
  .b-quizzy_link {
    font-size: 20px;
  }
}

.b-quizzy_link__content {
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 50px;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 750px) {
  .b-quizzy_link__content {
    padding-right: 20px;
  }
}

.b-quizzy_link__text {
  align-self: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.b-quizzy_link__text-top {
  display: inline-block;
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  color: #FFFFFF;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
}

.b-quizzy_link__text-bottom {
  margin-top: 7px;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #FFFFFF;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
}

.b-quizzy_icon {
  margin-left: auto;
  width: 75px;
  height: 75px;
}

.b-quizzy_images {
  position: absolute;
  z-index: 1;
  right: 140px;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  height: 100%;
}

@media only screen and (max-width: 750px) {
  .b-quizzy_images {
    right: 10%;
  }
}

.b-quizzy_image.img-l {
  height: 100%;
}

.b-quizzy_image.img-r {
  height: 100%;
}

@media only screen and (max-width: 750px) {
  .b-quizzy_images {
    align-self: center;
    margin-left: 0;
    margin-top: 20px;
  }
}

.b-quizzy_link__cross {
  position: absolute;
  z-index: 3;
  top: 10px;
  right: 10px;
  cursor: pointer;
  border: 0;
  background-color: transparent;
  opacity: .7;
  transition: opacity .2s;
}

.b-quizzy_link__cross:hover {
  opacity: 1;
}

.b-quizzy_link__cross img {
  display: block;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes image-shake {
  0% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(3px);
  }
}

.b-da-studio-link {
  position: relative;
  width: 100%;
  min-height: 1px;
  margin-bottom: 1.5rem;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  color: #fff;
  overflow: hidden;
}

@media only screen and (min-width: 1024px) {
  .b-da-studio-link {
    font-size: 20px;
  }
}

.b-da-studio-link__content {
  display: block;
  background: linear-gradient(270deg, #F59C07 0%, #F57507 100%);
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: inherit;
}

.b-da-studio-link__text {
  padding: 20px;
}

.b-da-studio-link__text span {
  display: block;
}

.b-da-studio-link__text span:nth-child(2) {
  font-size: 1.2em;
  margin-top: 5px;
}

.b-da-studio-link__qr {
  width: 80px;
  height: 80px;
  background: #FFFFFF;
  border-radius: 8px;
  margin-right: 40px;
  padding: 10px;
  display: none;
}

@media only screen and (min-width: 750px) {
  .b-da-studio-link__qr {
    display: block;
  }
}

.b-da-studio-link__qr img {
  display: block;
  width: 100%;
}

.b-da-img {
  position: relative;
  padding-top: 10px;
}

.b-da-img img {
  position: relative;
  display: block;
  z-index: 2;
}

.b-da-img:before,
.b-da-img:after {
  display: block;
  content: '';
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-55%, -50%);
  border-radius: 50%;
  width: 1em;
  height: 1em;
  background: rgba(255, 255, 255, 0.2);
  opacity: 1;
  z-index: 1;
}

.b-da-img:before {
  animation: ripple 3s linear infinite;
}

.b-da-img:after {
  animation: ripple 3s linear 1.5s infinite;
}

@keyframes ripple {
  0% {
    transform: translate(-55%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(-55%, -50%) scale(15);
    opacity: 0;
  }
}

.b-da-studio-link__cross {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  border: 0;
  background-color: transparent;
  opacity: .7;
  transition: opacity .2s;
}

.b-da-studio-link__cross:hover {
  opacity: 1;
}

.b-da-studio-link__cross img {
  display: block;
}

.b-chaos-tricks {
  position: relative;
  width: 100%;
  min-height: 1px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  color: #fff;
  overflow: hidden;
  background: url(/img/dashboard/chaos-tricks-bg.png);
  background-size: cover;
  background-position: 80%;
  border-radius: 8px;
  padding: 0 40px 0 20px;
}

@media only screen and (max-width: 750px) {
  .b-chaos-tricks {
    padding-right: 14px;
  }
}

.b-chaos-tricks-link {
  display: flex;
  align-items: center;
}

.b-chaos-tricks-link__content {
  padding: 20px 0 20px;
}

.b-chaos-tricks-link__content-text {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #FFFFFF;
}

.b-chaos-tricks-link__content-title {
  margin-top: 14px;
}

.b-chaos-tricks-link__icon {
  width: 76px;
  height: 76px;
  flex-shrink: 0;
  margin-left: auto;
  background-image: url('/img/dashboard/chaos-tricks-logo@1x.png');
  background-size: contain;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
  .b-chaos-tricks-link__icon {
    background-image: url('/img/dashboard/chaos-tricks-logo@2x.png');
  }
}

.b-chaos-tricks__cross {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  border: 0;
  background-color: transparent;
  opacity: .7;
  transition: opacity .2s;
}

.b-chaos-tricks__cross:hover {
  opacity: 1;
}

.b-chaos-tricks__cross img {
  display: block;
}

.b-vk-play {
  position: relative;
  width: 100%;
  min-height: 1px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  color: #fff;
  overflow: hidden;
  background: right / contain no-repeat url('/img/dashboard/banners/vk-play/background.svg'),
    linear-gradient(180deg, #00041D 0%, #0716B1 100%);
  border-radius: 8px;
}

.b-vk-play:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  width: 174px;
  height: 158px;
  left: -106px;
  top: -79px;
  background: #0047FF;
  filter: blur(69px);
}

@media only screen and (max-width: 750px) {
  .b-vk-play {
    padding-right: 14px;
  }
}

.b-vk-play-link {
  display: flex;
  align-items: center;
}

.b-vk-play-link__content {
  padding: 20px 0 20px 20px;
  position: relative;
  z-index: 2;
  flex-shrink: 0;
}

.b-vk-play-link__content-logo {
  width: 130px;
}

.b-vk-play-link__content-text {
  margin-top: 14px;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: 0.02em;
  color: #FFFFFF;
}

.b-vk-play-link__images {
  margin-left: auto;
  flex: 0 0 auto;
  width: 400px;
  position: relative;
  align-self: flex-start;
}

.b-vk-play-link__image {
  position: absolute;
}

.b-vk-play-link__image.image-1 {
  width: 153px;
  right: 211px;
  top: 0;
}

.b-vk-play-link__image.image-2 {
  width: 265px;
  right: 0px;
  top: 0;
}

@media only screen and (max-width: 400px) {
  .b-vk-play-link__content {
    width: 100%;
  }

  .b-vk-play-link__image {
    display: none;
  }
}

.b-vk-play__cross {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  border: 0;
  background-color: transparent;
  opacity: .7;
  transition: opacity .2s;
}

.b-vk-play__cross:hover {
  opacity: 1;
}

.b-vk-play__cross img {
  display: block;
}

.payout_message {
  position: relative;
  max-width: 630px;
  background-color: #191919;
  padding: 14px 14px 14px 19px;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  margin-bottom: 40px;
}

.payout_message:before {
  content: '';
  display: block;
  position: absolute;
  width: 5px;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(245, 156, 7, 1), rgba(245, 117, 7, 1));
}

.payout_message__icon {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 12px 12px 0;
  flex: none;
}

.payout_message__icon img {
  display: block;
  width: 100%;
}

.payout_message__text {
  color: #F1F1F1;
  font-size: 13px;
  line-height: 18px;
}

.new__commission {
  color: #fff;
}

.automatic-payouts-container > p {
  color: #939393;
}

div:not(.hidden-scroll, .custom-scroll)::-webkit-scrollbar, ul:not(.hidden-scroll, .custom-scroll)::-webkit-scrollbar, textarea:not(.hidden-scroll, .custom-scroll)::-webkit-scrollbar, select:not(.hidden-scroll, .custom-scroll)::-webkit-scrollbar {
  width: 6px;
}
div:not(.hidden-scroll, .custom-scroll)::-webkit-scrollbar:hover, ul:not(.hidden-scroll, .custom-scroll)::-webkit-scrollbar:hover, textarea:not(.hidden-scroll, .custom-scroll)::-webkit-scrollbar:hover, select:not(.hidden-scroll, .custom-scroll)::-webkit-scrollbar:hover {
  background: rgba(0, 0, 0, 0.1);
}
div:not(.hidden-scroll, .custom-scroll)::-webkit-scrollbar-track, ul:not(.hidden-scroll, .custom-scroll)::-webkit-scrollbar-track, textarea:not(.hidden-scroll, .custom-scroll)::-webkit-scrollbar-track, select:not(.hidden-scroll, .custom-scroll)::-webkit-scrollbar-track {
  opacity: 0;
}
div:not(.hidden-scroll, .custom-scroll)::-webkit-scrollbar-thumb, ul:not(.hidden-scroll, .custom-scroll)::-webkit-scrollbar-thumb, textarea:not(.hidden-scroll, .custom-scroll)::-webkit-scrollbar-thumb, select:not(.hidden-scroll, .custom-scroll)::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 3px;
}
div:not(.hidden-scroll, .custom-scroll):hover::-webkit-scrollbar-thumb, ul:not(.hidden-scroll, .custom-scroll):hover::-webkit-scrollbar-thumb, textarea:not(.hidden-scroll, .custom-scroll):hover::-webkit-scrollbar-thumb, select:not(.hidden-scroll, .custom-scroll):hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
}

.user-block-message {
  padding: 20px;
  border-radius: 8px;
  background-color: #F1F4F6;
  display: flex
}

.user-block-message a {
  color: #6c6ed3;
}

.user-block-message ul {
  padding-left: 20px;
  margin: 0;
}

.user-block-message svg {
  margin-right: 16px;
  flex: none;
}

.user-block-message svg {
  display: block;
  fill: #FB7575;
}

.user-block-message p {
  margin: .25em 0;
}