/*!
 * Bootstrap Grid v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --fill-red: rgba(255, 0, 0, 0.74);
  --fill-red-hover: #f00;
}
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}
*,
::after,
::before {
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.row-cols-1 > * {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.row-cols-2 > * {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.row-cols-3 > * {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.row-cols-4 > * {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.row-cols-5 > * {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
.row-cols-6 > * {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  -ms-flex-order: -1;
  order: -1;
}
.order-last {
  -ms-flex-order: 13;
  order: 13;
}
.order-0 {
  -ms-flex-order: 0;
  order: 0;
}
.order-1 {
  -ms-flex-order: 1;
  order: 1;
}
.order-2 {
  -ms-flex-order: 2;
  order: 2;
}
.order-3 {
  -ms-flex-order: 3;
  order: 3;
}
.order-4 {
  -ms-flex-order: 4;
  order: 4;
}
.order-5 {
  -ms-flex-order: 5;
  order: 5;
}
.order-6 {
  -ms-flex-order: 6;
  order: 6;
}
.order-7 {
  -ms-flex-order: 7;
  order: 7;
}
.order-8 {
  -ms-flex-order: 8;
  order: 8;
}
.order-9 {
  -ms-flex-order: 9;
  order: 9;
}
.order-10 {
  -ms-flex-order: 10;
  order: 10;
}
.order-11 {
  -ms-flex-order: 11;
  order: 11;
}
.order-12 {
  -ms-flex-order: 12;
  order: 12;
}
.offset-1 {
  margin-left: 8.333333%;
}
.offset-2 {
  margin-left: 16.666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.333333%;
}
.offset-5 {
  margin-left: 41.666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.333333%;
}
.offset-8 {
  margin-left: 66.666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.333333%;
}
.offset-11 {
  margin-left: 91.666667%;
}
.w-full {
  width: 100%;
}
.p-x-25 {
  padding: 0 25px;
}
@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-sm-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-md-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-lg-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-xl-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: -ms-flexbox;
  display: flex;
}
.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}
.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}
.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}
.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}
.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}
.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}
.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}
.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}
.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}
.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}
.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}
.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}
.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}
.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}
.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}
.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}
.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}
.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}
.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}
.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}
.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}
.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}
@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
.m-0 {
  margin: 0 !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.mt-3,
.my-3 {
  margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}
.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.mt-5,
.my-5 {
  margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}
.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.pt-3,
.py-3 {
  padding-top: 1rem !important;
}
.pr-3,
.px-3 {
  padding-right: 1rem !important;
}
.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
  padding-left: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.pt-5,
.py-5 {
  padding-top: 3rem !important;
}
.pr-5,
.px-5 {
  padding-right: 3rem !important;
}
.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
  padding-left: 3rem !important;
}
.m-n1 {
  margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}
.m-n2 {
  margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}
.m-n3 {
  margin: -1rem !important;
}
.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}
.m-n4 {
  margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}
.m-n5 {
  margin: -3rem !important;
}
.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto,
.my-auto {
  margin-top: auto !important;
}
.mr-auto,
.mx-auto {
  margin-right: auto !important;
}
.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
  margin-left: auto !important;
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
/*# sourceMappingURL=bootstrap-grid.min.css.map */

.bannerHref {
  padding-top: 20px !important;
}
.bannerHref table {
  margin: 0 0 0 45px !important;
}
img {
  border: none;
}
a {
  outline: none;
}
/* Branding */
html,
body {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: "Manrope", Arial, sans-serif;
  font-weight: 500;
  color: #333;
}
#level0 {
  min-height: 700px;
}
/* branding banners */
.image-left,
.image-right,
.image-left-ru,
.image-right-ru {
  position: fixed;
  display: none;
  top: 0;
  height: 100%;
  z-index: 998;
}
.image-left span,
.image-right span,
.image-left span a,
.image-right span a,
.image-left-ru span,
.image-right-ru span,
.image-left-ru span a,
.image-right-ru span a {
  display: block;
  width: 100%;
  height: 100%;
}
.imageBodyBg {
  background-color: #000000 !important;
  background-image: none !important;
}

/* //branding banners */

.flags {
  list-style: none;
  padding: 25px 0 0 8px;
  margin: 0;
}
.flags-el {
  margin-right: 4px;
}
.flags-el a {
  text-decoration: none;
}
.flags-el a span {
  opacity: 0.6;
  transition: all 0.1s ease;
}
.flags-el a:hover span {
  opacity: 1;
}
.flags-el:before {
  display: none;
}
.flags-el span {
  display: block;
  width: 20px;
  height: 13px;
  background-image: url("../images/flagsheader.png");
  background-repeat: no-repeat;
}
.flag-russian {
  background-position: 0 0;
}
.flag-english {
  background-position: 0 -13px;
}
/* update flags */
.header__flags {
  position: relative;
  display: flex;
  justify-content: flex-end;
  padding-left: 16px;
  flex-shrink: 0;
}

a.sel-lang, a.sel-lang:hover {
  color: #333;
}
a.sel-lang {
  background-image: url("../images/two-check-ico.svg");
  background-size: 20px;
  background-position: 8px 6px;
  background-repeat: no-repeat;
  padding-left: 30px;
}
button[class*="flag-"] {
  padding: 0 0 0 0;
  margin: 0;
  cursor: pointer;
  width: auto;
  height: 20px;
  background-color: transparent;
  background-image: url("../images/main-flags1.png?up");
  background-repeat: no-repeat;
  border: 0;
  display: flex;
  align-items: center;
}
.flags-title div {
  display: none;
}
.--en .title-en,
.--ru .title-ru,
.--kz .title-kz,
.--uz .title-uz,
.--tr .title-tr {
  display: block;
}
.header__flags .flag-ru {
  background-position: 0 0;
}
.header__flags .flag-en {
  background-position: 0 -17px;
}
.header__flags .flag-uz {
  background-position: 0 -34px;
}
.header__flags .flag-kz {
  background-position: 0 -51px;
}
.header__flags .flag-tr {
  background-position: 0 -68px;
}
button.flag-world {
  /* background-image: url("../images/flag-world-2.svg");
  background-size: 18px;
  background-position: 2px 1px; */
  background-image: none;
}
.flag-world__ico {
  width: 18px;
  height: 18px;
}
.flag-world__ico, .flags-arrow path {
  transition: all 0.3s ease 0s;
  fill: #E7E7E7;
  opacity: 0.8;
}
.header__flag-btn:hover .flag-world__ico, .header__flag-btn:hover .flags-arrow path {
  opacity: 1;
}
.header__flag-btn:focus-visible, .header__flag-btn:focus {
  outline: none;
}
.flags-title {
  padding: 0 4px;
}
.footer-li-flags {
  display: none;
}
.footer-li-flags .flags {
  padding-top: 4px;
}
#footer ul li.footer-li-flags:before {
  display: none;
}

._container,
._container * {
  box-sizing: border-box;
}
.header__wrapper {
  background-color: transparent;
  height: 100%;
}
.header__wrapper._container {
  padding: 0;
}
.header {
  width: 100%;
  position: fixed;
  height: 44px;
  z-index: 99999;
  top: 0;
  /* background-color: #ffffff; */
  box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.05);
  background-color: hsl(217, 18%, 23%);
}
.header-head {
  position: relative;
  display: flex;
  align-items: center;
  height: 30px;
  background-color: #282b41;
  background-image: linear-gradient(to bottom, #212229, #212229);
  display: none;
}
.header-right {
  position: relative;
  margin-left: auto;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  height: 100%;
  padding-right: 10px;
}

.header-body {
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  /* background-image: linear-gradient(to bottom, #3067ab, #366095);
  background-image: linear-gradient(to bottom, #fafafa, #eeeeee); */
}
.header__anchor {
  position: relative;
  display: flex;
  padding-right: 12px;
}
/* .header__anchor::after {
  content: '';
  position: absolute;
  right: 0;
  top: 5px;
  height: 24px;
  width: 1px;
  background-color: hsla(0, 0%, 100%, 0.1);
} */
.header__anchor a {
  display: flex;
  width: 82px;
  height: 32px;
  text-indent: -999em;
  background-image: url("../images/header-logo-xs.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  opacity: 0.9;
  transition: all 0.3s ease 0s;
}
.header__anchor a:hover {
  opacity: 1;
}
.header__menu {
  height: 100%;
  display: flex;
  flex: 1 1 100%;
  margin-left: 0;
}
.header-head {
  padding: 0 10px;
}
.header-body {
  padding: 0;
}
._container {
  max-width: 990px;
  margin: 0 auto;
  padding: 0 10px;
}
.header__search {
  position: relative;
  justify-self: end;
  display: flex;
  align-items: center;
  margin-left: auto;
}
.header__search-btn {
  margin: 0 0 0 12px;
  padding-left: 6px;
  display: flex;
  align-items: center;
}
.header__search-text {
  padding-left: 4px;
}
.header__search-text, .flags-title {
  font-size: 14px;
  font-family: "Manrope";
  color: #fff;
  font-weight: 400;
  opacity: 0.8;
  transition: all 0.3s ease 0s;
}
.header__search-btn:hover .header__search-text, .header__flag-btn:hover .flags-title {
  opacity: 1;
}
.header__search-btn:focus-visible {
  outline: none;
}
.msg-to-admin {
  display: flex;
  position: relative;
  margin-right: 4px;
}
.msg-to-admin svg {
  width: 26px;
  height: 26px;
}
.msg-to-admin__num {
  position: absolute;
  left: -1px;
  top: 0;
  color: #fff;
  width: 26px;
  height: 26px;
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.header-admin {
  margin: 0;
  display: flex;
  transition: all 0.3s ease 0s;
}
.header-admin__support {
  margin-right: 6px;
}
.header-admin svg {
  height: 24px;
  width: 21px;
}
.header-admin__support img {
  height: 24px;
}
.header__search-btn,
.header-admin {
  padding: 0;
  border: none;
  cursor: pointer;
  background-color: transparent;
}
.header__search-btn svg {
  fill: #E7E7E7;
  height: 16px;
  width: 16px;
  transition: all 0.1s ease-in;
  opacity: 0.8;
}
.header__search-btn:hover svg {
  /* fill: #5fafff; */
  opacity: 1;
}
.forum-header {
  display: flex;
  width: 100%;
  margin-bottom: 8px;
}
.header__msg {
  display: grid;
  margin-left: 0;
  position: relative;
  grid-template-columns: 440px;
}
.msg-history-user .announce-container {
  background: linear-gradient(0deg, hsl(207deg 35.38% 30%) 0%, hsl(207deg 35.38% 22%) 100%);
}
.msg-history-admin .announce-container {
  margin-left: 0;
  background: linear-gradient(0deg, hsl(165deg 35.38% 30%) 0%, hsl(165deg 35.38% 22%) 100%);
}

.announce-container {
  height: 30px;
  background: linear-gradient(0deg, rgba(47,67,83,1) 0%, rgba(39,59,79,1) 100%);
}

.header-admin:hover {
  opacity: 0.7;
}
.flags-modal {
  top: 25px;
  left: 6px;
}
.search-modal {
  top: 27px;
  right: -1rem;
}
.search-modal,
.flags-modal {
  position: absolute;
  z-index: 999;
  
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease 0s;
  transform: translate(0px, 10px);
  border-radius: 6px;
  box-shadow: 0px 10px 18px 0px rgba(34, 60, 80, 0.5);
}
.search-modal {
  padding: 20px 15px 13px;
  width: 330px;
}
.flags-modal {
  padding: 8px 0 8px;
  width: 118px;
}
.flags-arrow {
  width: 10px;
}
.flags-link {
  display: flex;
  width: 100%;
  padding: 5px 0 5px 30px;
  transition: background 0.2s ease-in;
  font-size: 15px;
}
.flags-link:hover {
  background-color: #e8edf3;
}
.flags-link i {
  display: block;
  width: 25px;
  height: 17px;
  background-image: url("../images/main-flags1.png");
  background-repeat: no-repeat;
}
.search-modal.open,
.flags-modal.open {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
}
.modal-body {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.search-modal .form-control {
  height: 30px;
  border-radius: 4px 0 0 4px;
  border: 1px solid #cfcfcf;
  color: #777;
  font-size: 13px;
}
.search-modal .form-control:focus {
  border-color: rgba(82, 168, 236, 0.8);
}
.search-modal .btn {
  padding: 2px 15px;
  border-radius: 0 4px 4px 0;
  box-shadow: none;
  font-size: 13px;
}
.search-modal .form-check-label {
  font-size: 11px;
}

.search-modal .input-group {
  margin-bottom: 2px;
}
.search-modal .form-check-inline {
  margin-right: 0.7rem;
  margin-left: 0.15rem;
}

.menu__link-store {
  display: flex;
}
.menu__link-store span {
  color: #FFF3DF;
}
.menu-cups {
  position: relative;
  top: 2px;
  margin: 0 5px 0 0;
  padding: 0;
  width: 18px;
  height: 18px;
  background-image: url("/templates/images/shopp/cups.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}
/* navigation */
.menu__list {
  list-style: none;
  padding: 0 0 0;
  margin: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.menu__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  padding: 0;
  /* border-right: 1px solid #0000001a;
  border-right: 1px solid #d9d9d9; */
}
.menu__item, .menu__link, .menu__link::before {
  cursor: pointer;
}
/* li.menu__item:not(:last-child) .menu__link {
  padding-right: 9px;
}
li.menu__item .menu__link {
  padding-left: 9px;
} */
.menu__link {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  color: hsla(0, 0%, 100%, 0.9);
  transition: color 0.3s ease 0s;
}
.menu__link span {
  position: relative;
  z-index: 2;
}
.menu__link::before {
  position: absolute;
  z-index: 1;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgb(64,84,99);
  background: linear-gradient(0deg, hsla(217, 18%, 26%, 1) 0%, hsla(217, 18%, 24%, 1) 60%);
  opacity: 0;
  transition: all 0.3s ease 0s;
}
.menu__sub-list {
  list-style: none;
  position: relative;
  padding: 11px 0;
  margin: 0;
  flex: 1 1 100%;
}
.menu__sub-item {
  position: relative;
  display: flex;
  transition: background 0.1s ease-in;
}
.menu__sub-item:not(:last-child) {
  margin: 0 0 0 0;
}
.menu__sub-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 22px;
  height: 32px;
  width: 100%;
  color: hsla(0, 0%, 97%, 1);
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}
.menu__sub-link:hover {
  color: hsla(0, 0%, 100%, 1);
  text-decoration: none;
}
.menu__arrow {
  pointer-events: auto;
  position: absolute;
  top: 10px;
  right: 0;
  width: 18px;
  height: 18px;
  margin: 1px 0 0 2px;
  border: none;
  transition: all 0.3s ease 0s;
  display: none;
}
.menu__sub-item > .menu__arrow {
  width: 12px;
  height: 12px;
}
.menu__arrow svg,
.menu__sub-item svg {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease 0s;
}

.menu__arrow svg path {
  stroke: hsla(0, 0%, 100%, 0.4);
}

.menu__sub-item > .menu__arrow {
  display: block;
  transform: rotate(-90deg);
}
/* .menu__sub-item:hover > span svg, .menu__item:hover > span svg {
			fill: #d33a2c;
		} */

.menu__sub-item > .menu__sub-list {
  top: -11px;
  left: 160px;
}
.menu__sub-list.sub-list__rules {
  min-width: 205px;
}
@media (any-hover: hover) {
  .menu__item:hover .menu__link {
    color: hsla(0, 0%, 100%, 1);
    /* color: hsla(0, 0%, 100%, 0.7);
    color: hsla(5, 80%, 64%, 1); */
  }
  .menu__item:hover .menu__link::before {
    opacity: 1;
  }
  .menu__sub-item:hover {
    background-color: rgba(140, 144, 156, 0.15);
  }
  .menu__item:hover > .menu__sub-list,
  .menu__sub-item:hover > .menu__sub-list {
    /* -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); */
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .menu__link:hover {
    text-decoration: none;
  }
}

/* main */
.main {
  display: grid;
  grid-template-columns: calc(650 / 990 * 100%) calc(340 / 990 * 100%);
  grid-template-areas:
               "info online"
               "streams streams"
               "left right"
               "left right";
  width: 100%;
  padding-top: 0;
}
.stream-outer {
  display: flex;
  flex-wrap: wrap;
  grid-area: streams;
  background-color: #f7f9fa;
}
.stream-outer > div {
  width: 100%;
}
.stream-outer .main-left {
  width: calc(650 / 990 * 100%);
}
.stream-outer .main-right {
  width: calc(340 / 990 * 100%);
}
.stream-slide {
  display: flex;
  width: 100%;
}
.stream-toggled + .stream-footer, .stream-toggled + .stream-footer + .stream-footer {
  padding-top: 20px !important;
}
.main-left,
.main-left *,
.main-right,
.main-right * {
  box-sizing: border-box;
}
.main-left {
  display: flex;
  flex-wrap: wrap;
  border-right: 1px solid #ededf1;
}
.main-left,
.main-right {
  padding: 20px 10px 0;
  align-items: flex-start;
  flex-wrap: wrap;
}
.main-right__column {
  display: flex;
  flex-wrap: wrap;
}

.widget {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 0 0;
  margin-bottom: 20px;
  border-radius: 5px;
  border-top: 2px solid #a2bfdc;
  background-color: #fafafa;
  color: #333;
}
.widget__header {
  display: flex;
  align-items: center;
  height: 40px;
  background-color: #e9eff5;
  width: 100%;
  font-size: 16px;
  padding: 0 0 0 15px;
}

.user-message {
  position: relative;
  display: flex;
  width: 415px;
  max-width: 440px;
  z-index: 9997;
  margin: 0;
  padding: 0;
  height: 100%;
  border-radius: 0;
}
.user-message__body {
  display: flex;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  text-align: center;
  align-items: center;
  font-size: 13px;
  line-height: 24px;
  color: #d4d4d4 !important;
  flex: 1 1 100%;
}
.user-message__body a img {
  top: 1px;
}
.main-cat-body .user-message {
  width: 420px;
}
.main-cat-body .user-message p {
  padding: 0 0 0 45px !important;
  width: 370px;
}
.main-cat-body .user-message-icon {
  top: 0;
}
.user-message-icon > button {
  opacity: 1;
  background-color: transparent;
  border: none;
}
.main-cat-body .user-message__body {
  width: 250px;
  text-overflow: ellipsis;
}
.message-login {
  padding: 0 5px 0 0;
  color: #ffffff !important;
}
.main-cat-body #message-icon {
  cursor: default !important;
}
.user-message p a,
.msg-text a {
  text-decoration: none;
  color: #89ddff;
}
.user-message input {
  margin: 0;
  padding: 0;
  width: 355px;
  border: none;
  background: transparent;
  height: 24px;
  font-size: 13px;
  line-height: 24px;
  color: #d4d4d4 !important;
  text-align: center;
}
a.user-message-add {
  top: 0px;
  right: 2px;
  cursor: pointer;
  flex: 0 0 20px;
  height: 28px;
  text-decoration: none;
  text-indent: -999em;
  background: linear-gradient(#b0c7d5, #b0c7d5), linear-gradient(#b0c7d5, #b0c7d5), transparent;
  background-position: center;
  background-size: 10px 2px, 2px 10px;
  background-repeat: no-repeat;
  opacity: 0.7;
  transition: opacity 0.1s ease-in;
}
a.user-message-add:hover {
  opacity: 0.9;
}
a.user-message-add:focus,
a.user-message-add:active {
  color: #656565;
}
.user-message-icon {
  position: relative;
  left: 0;
  top: 0;
  float: left;
  padding: 0 8px 0 0;
  color: #e9ae52;
  font-size: 13px;
}
.user-message-icon span {
  padding: 2px 0 0 5px;
}
.icon1,
.icon2,
.icon3,
.icon4,
.icon5,
.icon6,
.icon7,
.icon8,
.icon9,
.icon10,
.icon11,
.icon12,
.icon13,
.icon14,
.icon15,
.icon16,
.icon17,
.icon18,
.icon19,
.icon20,
.icon21,
.icon22,
.icon23,
.icon24,
.icon25,
.icon26,
.icon27,
.icon28,
.icon29,
.icon30,
.icon31,
.icon32,
.icon33,
.icon34,
.icon35,
.icon36,
.icon37,
.icon38,
.icon39,
.icon40 {
  float: left;
  border: none;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  width: 33px;
  height: 30px;
  background-image: url("../images/icon-panda.png?19112024");
  background-repeat: no-repeat;
}
.icon29 {
  width: 30px;
  height: 28px;
}
.icon1 {
  background-position: 0 1px;
}
.icon2 {
  background-position: 0 -29px;
}
.icon3 {
  background-position: 0 -60px;
}
.icon4 {
  background-position: 0 -92px;
}
.icon5 {
  background-position: 0 -121px;
}
.icon6 {
  background-position: 0 -151px;
}
.icon7 {
  background-position: 0 -181px;
}
.icon8 {
  background-position: 0 -211px;
}
.icon9 {
  background-position: 0 -241px;
}
.icon10 {
  background-position: 0 -271px;
}
.icon11 {
  background-position: 0 -302px;
}
.icon12 {
  background-position: 0 -332px;
}
.icon13 {
  background-position: 0 -362px;
}
.icon14 {
  background-position: 0 -392px;
}
.icon15 {
  background-position: 0 -423px;
}
.icon16 {
  background-position: 0 -457px;
}
.icon17 {
  background-position: 0 -490px;
}
.icon18 {
  background-position: 0 -525px;
}
.icon19 {
  background-position: 0 -560px;
}
.icon20 {
  background-position: 0 -591px;
}
.icon21 {
  background-position: 0 -621px;
}
.icon22 {
  background-position: 0 -655px;
}
.icon23 {
  background-position: 0 -686px;
}
.icon24 {
  background-position: 0 -715px;
}
.icon25 {
  background-position: 0 -744px;
}
.icon26 {
  background-position: 0 -776px;
}
.icon27 {
  background-position: 0 -807px;
}
.icon28 {
  background-position: 0 -839px;
}
.icon29 {
  background-position: -2px -873px;
}
.icon30 {
  background-position: 0 -909px;
}
.icon31 {
  background-position: 0 -937px;
}
.icon32 {
  background-position: 0 -967px;
}
.icon33 {
  background-position: 0 -1001px;
}
.icon34 {
  background-position: 0 -1037px;
}
.icon35 {
  background-position: 0 -1071px;
}
.icon36 {
  background-position: 0 -1105px;
}
.icon37 {
  background-position: 0 -1139px;
}
.icon38 {
  background-position: 0 -1174px;
}
.icon39 {
  background-position: 0 -1207px;
}
.icon40 {
  background-position: 0 -1239px;
}

.announce-icons span, .announce-icons div {
  display: flex;
  cursor: pointer;
  outline: none;
  height: 28px;
  width: 34px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.announce-icons {
  align-items: center;
}

.icon-alarm {
  background-image: url("../images/announce/icon-alarm.webp");
  width: 29px;
  height: 30px;
}
.icon-attention {
  background-image: url("../images/announce/icon-attention.webp");
  width: 28px;
  height: 28px;
}
.icon-attention2 {
  background-image: url("../images/announce/icon-attention2.webp");
  width: 30px;
  height: 28px;
}
.icon-bulb {
  background-image: url("../images/announce/icon-bulb.webp");
  width: 22px;
  height: 30px;
}
.icon-chat-upd {
  background-image: url("../images/announce/icon-chat.webp");
  width: 27px;
  height: 28px;
}
.icon-cart {
  background-image: url("../images/announce/icon-cart.webp");
  width: 34px;
  height: 28px;
}
.icon-bell {
  background-image: url("../images/announce/icon-bell.webp");
  width: 25px;
  height: 28px;
}
.icon-chat2 {
  background-image: url("../images/announce/icon-chat2.webp");
  width: 32px;
  height: 26px;
}
.icon-check-upd {
  background-image: url("../images/announce/icon-check.webp");
  width: 27px;
  height: 30px;
}
.icon-check2 {
  background-image: url("../images/announce/icon-check2.webp");
  width: 29px;
  height: 30px;
}
.icon-coffee {
  background-image: url("../images/announce/icon-coffee.webp");
  width: 22px;
  height: 28px;
}
.icon-cup {
  background-image: url("../images/announce/icon-cup.webp");
  width: 30px;
  height: 28px;
}
.icon-cup2 {
  background-image: url("../images/announce/icon-cup2.webp");
  width: 32px;
  height: 28px;
}
.icon-faq {
  background-image: url("../images/announce/icon-faq.webp");
  width: 31px;
  height: 27px;
}
.icon-joystick {
  background-image: url("../images/announce/icon-joystick.webp");
  width: 34px;
  height: 29px;
}
.icon-looksee {
  background-image: url("../images/announce/icon-looksee.webp");
  width: 40px;
  height: 20px;
}
.icon-plane {
  background-image: url("../images/announce/icon-plane.webp");
  width: 33px;
  height: 26px;
}
.icon-question2 {
  background-image: url("../images/announce/icon-question.webp");
  width: 33px;
  height: 28px;
}
.icon-rocket {
  background-image: url("../images/announce/icon-rocket.webp");
  width: 37px;
  height: 21px;
}
.icon-rocketcolor {
  background-image: url("../images/announce/icon-rocketcolor.webp");
  width: 29px;
  height: 28px;
}
.icon-sale {
  background-image: url("../images/announce/icon-sale.webp");
  width: 31px;
  height: 28px;
}
.icon-search {
  background-image: url("../images/announce/icon-search.webp");
  width: 31px;
  height: 28px;
}
.icon-shield {
  background-image: url("../images/announce/icon-shield.webp");
  width: 27px;
  height: 28px;
}
.icon-star-upd {
  background-image: url("../images/announce/icon-star.webp");
  width: 30px;
  height: 28px;
}
.icon-star2 {
  background-image: url("../images/announce/icon-star2.webp");
  width: 28px;
  height: 28px;
}
.icon-store {
  background-image: url("../images/announce/icon-store.webp");
  width: 31px;
  height: 28px;
}
.icon-support {
  background-image: url("../images/announce/icon-support.webp");
  width: 28px;
  height: 28px;
}
.icon-support2 {
  background-image: url("../images/announce/icon-support2.webp");
  width: 32px;
  height: 28px;
}
.icon-support3 {
  background-image: url("../images/announce/icon-support3.webp");
  width: 30px;
  height: 28px;
}
.icon-supportman {
  background-image: url("../images/announce/icon-supportman.webp");
  width: 26px;
  height: 28px;
}
.icon-target {
  background-image: url("../images/announce/icon-target.webp");
  width: 31px;
  height: 30px;
}
.icon-ufo {
  background-image: url("../images/announce/icon-ufo.webp");
  width: 36px;
  height: 22px;
}


.add-plus-error {
  position: absolute;
  left: -21px;
  top: 0;
  padding-left: 20px;
  width: 100%;
  height: 29px;
  z-index: 9999;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #d4d4d4;
  font-size: 13px;
  line-height: 29px;
  text-align: center;
}
.msg-history {
  flex-shrink: 0;
  display: flex;
  margin: 6px 8px 0 0;
  padding: 0 0 0 8px;
  text-indent: -999em;
  transition: opacity 0.1s ease-in;
}
.msg-history svg {
  fill: #9eb2be;
  width: 6px;
}
.msg-history:hover svg {
  fill: #b0c7d5;
}
.active-link {
  opacity: 1;
}
.history-list {
  visibility: hidden;
  opacity: 0;
  z-index: 999999;
  position: absolute;
  top: 100%;
  left: -22px;
  border: 2px solid #d3d3d3;
  width: calc(100% + 22px);
  border-radius: 6px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 10px 18px 0px rgba(34, 60, 80, 0.5);
}
.open-history {
  visibility: visible;
  opacity: 1;
}
.history-content {
  width: 100%;
  border-radius: 3px 3px 0 0;
}

.single-msg {
  box-sizing: border-box;
  padding: 0;
  width: 100%;
  height: 35px;
  padding-left: 16px;
  font-size: 13px;
  color: #c6c6c6;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  transition: all 0.15s ease 0s;
}
.single-msg > span:first-child {
  margin-left: 3px;
}

.single-msg span {
  cursor: default;
}
.msg-likes {
  color: #e9ae52;
  font-weight: 700;
}
.msg-likes,
.single-msg .msg-text {
  padding: 0 0 0 6px;
}
.single-msg span:first-child {
  opacity: 0.9;
}
.msg-footer {
  width: 100%;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.msg-history-user .history-content {
  border-top: 3px solid hsla(207, 27%, 15%);
  background-color: hsla(207, 27%, 15%);
}
.msg-history-user .msg-footer {
  background: linear-gradient(hsla(207, 27%, 14%) 0%, hsla(207, 27%, 11%) 100%);
}
.msg-history-user .single-msg:hover {
  background-color: hsla(207, 27%, 19%);
}
.msg-history-user .single-msg {
  border-bottom: 1px solid hsla(207, 27%, 25%);
}

.msg-history-admin .history-content {
  border-top: 3px solid hsla(180, 27%, 14%);
  background-color: hsla(180, 27%, 14%);
}
.msg-history-admin .msg-footer {
  background: linear-gradient(hsla(180, 27%, 13%) 0%, hsla(180, 27%, 10%) 100%);
}
.msg-history-admin .single-msg:hover {
  background-color: hsla(180, 27%, 18%);
}
.msg-history-admin .single-msg {
  border-bottom: 1px solid hsla(180, 27%, 24%);
}

.msg-footer a:hover {
  background-color: hsla(207, 27%, 17%);
}
.msg-footer a {
  width: 100%;
  height: 25px;
  background: url("../images/ico-more-list.png") no-repeat center 6px;
}
.u-msg-login {
  padding-right: 5px;
}
.u-msg-flag {
  padding-right: 3px;
}
.u-msg-flag a {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.u-msg-text,
.u-msg-link {
  padding-right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.msg-text {
  max-width: calc(100% - 100px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* new */
.topBarSnow {
  position: absolute;
  width: 100%;
  height: 11px;
  left: 0;
  top: 22px;
  background: url("../images/topBarSnow.png") repeat-x;
  z-index: 5;
}
/* // top bar */
.user_auth {
  position: absolute;
}
#level0 {
  margin: 0 auto;
  padding: 44px 0 30px 0;
  background-color: #fff;
}

/* footer */
#footer {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 20px;
}
.footer-logo {
  padding: 15px 25px 0 30px;
}
.footer-logo a {
  display: block;
  width: 56px;
  height: 76px;
  background: url("../images/footer-logo.png") no-repeat;
  text-indent: -999em;
}
.footer-links {
  position: relative;
  z-index: 999;
  margin: 0;
  width: 600px;
  list-style: none;
}
.footer-links li {
  float: left;
  padding: 0 0 14px 0;
  width: 190px;
  font-size: 15px;
}
.footer-links li a,
.footer-privacy a {
  cursor: pointer;
  text-decoration: none;
}
.footer-privacy {
  width: 100%;
  display: block;
}
.footer-social {
  font-size: 15px;
  display: block;
}
.footer-vk,
.footer-discord,
.footer-discord-en,
.footer-discord2,
.footer-youtube,
.footer-tg {
  position: relative;
  z-index: 999;
  display: flex;
  text-indent: -999em;
  float: left;
  padding-top: 8px;
  margin-right: 5px;
}
.footer-vk a,
.footer-discord a,
.footer-discord-en a,
.footer-discord2 a,
.footer-youtube a,
.footer-tg a {
  display: block;
  float: left;
  height: 48px;
  width: 42px;
  transition: opacity 0.3s ease;
}

.footer-line {
  position: absolute;
  top: 50px;
  left: 20px;
  width: 950px;
  height: 2px;
  background-color: #454a52;
}
/* // Branding */
.user-name {
  float: left;
  padding: 25px 0 4px 23px;
  width: 57px;
  color: #bdbdbd;
  font-size: 0.7em;
  font-weight: 700;
}
#u-nl {
  text-decoration: none;
}
.search .left input {
  width: 49px;
  height: 17px;
  padding-bottom: 4px;
  cursor: pointer;
  background: url("../images/login.gif") no-repeat;
  border: none;
}

.beta-version {
  background: url("../images/beta-version.png") no-repeat;
  width: 43px;
  height: 28px;
  position: absolute;
  left: 418px;
  top: 39px;
}

.error-message {
  color: darkred !important;
}

/* event-block */

/* event-block */
.stroke-wrapper {
  position: relative;
  width: 100%;
  padding: 0 0 8px 0;
  z-index: 1;
  border: 1px solid #c9daeb;
  border-radius: 5px;
  background-color: hsl(195, 40%, 98%);
}
.shadow-after {
  position: absolute;
  bottom: -3px;
  left: 2px;
  z-index: 0;
  content: '';
  width: calc(100% - 4px);
  height: 10px;
  background-color: hsl(195, 27%, 96%);
  border-radius: 0 0 6px 6px;
}
.event-block {
  position: relative;
  width: calc(100% - 20px);
  margin: 10px 0 0 10px;
  padding: 0;
  display: flex;
}
.event-block div {
  text-align: center;
}
.event-block div p {
  margin: 0;
}

.event-name {
  padding: 8px 0 0 0;
  font-size: 18px;
  color: #333333;
}
.event-name a {
  outline: none;
  text-decoration: none;
  color: #1848a2;
}
.event-name a:hover {
  text-decoration: none;
  color: #d33a2c;
}
.event-time {
  position: relative;
  top: -1px;
  padding-left: 8px;
  font-size: 0.8em;
  color: #333333;
}
.replaced-width {
  position: relative;
}
#replaced-time {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  text-align: center;
}
.red-color {
  color: red;
}

/* // event block */
/*video-bg*/
.lvl-4 .info {
  padding: 0;
  margin: 0;
  float: left;
  width: 128px;
  height: 22px;
  border: 1px solid #cecece;
  border-top: none;
  background: url("../../../../templates/images/video-bg.gif") repeat-x;
}

/**********************VIDEO********************/
.video-block {
  float: left;
  width: 100%;
}
.profile-vid {
  float: left;
  padding: 10px 41px 10px 2px;
}
.profile-vid h1 {
  padding: 0 0 6px 0;
  margin: 0;
  font-size: 0.7em;
  color: #313030;
  letter-spacing: 1px;
}
.profile-vid h1 a {
  color: #313030;
  text-decoration: none;
}
.profile-vid h1 a:hover,
.profile-photos h3 a {
  text-decoration: underline;
}
.profile-vid h2 {
  padding: 0 0 6px 0;
  margin: 0;
}
.profile-vid h2 a img {
  width: 120px;
  height: 80px;
  border: 1px solid #393939;
}
.profile-vid h3 {
  padding: 0 0 3px 0;
  margin: 0;
  font-size: 0.7em;
  color: #313030;
}
.profile-vid h3 a {
  color: #000000;
}
.profile-vid h3 a:hover {
  text-decoration: none;
}

/*******************REPLAYS********************/
.field9 {
  float: left;
  padding: 0 0 0 5px;
  font-size: 0.8em;
  color: #313030;
  letter-spacing: 0.2px;
}
.field9 a {
  color: #313030;
  text-decoration: underline;
}
.field9 a:hover {
  text-decoration: none;
}
.field10 {
  float: left;
  padding-top: 2px;
  font-size: 0.55em;
}
.field10 a {
  color: #424242;
  text-decoration: none;
  outline: none;
}
.field11 a:hover {
  text-decoration: underline;
}
.field11 {
  float: left;
  padding-top: 2px;
  font-size: 0.7em;
  color: #313030;
}
.field11 a {
  color: #525252;
  text-decoration: none;
}

.d-1,
.d-2,
.d-3 {
  float: left;
  height: 14px;
}
.d-1 {
  width: 2px;
  background: url("../images/d-1.png") no-repeat;
}
.d-2 {
  width: 2px;
  background: url("../images/d-2.png") no-repeat;
}
.d-3 {
  padding: 0 2px 0 2px;
  background: url("../images/d-3.png") repeat-x;
}
/*****************MATCHES INSIDE*************/
.gamers {
  width: 100%;
  float: left;
  padding: 0 0 30px 0;
}
.player1 {
  float: left;
  width: 50%;
}
.player2 {
  float: right;
  width: 50%;
}
.gamers h2 {
  padding: 4px 0 0 2px;
  margin: 0;
  float: left;
  font-size: 0.7em;
  color: #5a5a5a;
  letter-spacing: 1px;
}
.gamers h3 {
  padding: 10px 0 0 1px;
  margin: 0;
  float: left;
}
.gamers h3 a {
  outline: none;
}
.gamers h3 img {
  border: 1px solid #000000;
}
.gamers ul {
  list-style: none;
  margin: 0;
  float: left;
}
.gamers ul li {
  font-size: 0.7em;
  color: #5a5a5a;
  letter-spacing: 1px;
  height: 22px;
  float: left;
  clear: both;
  width: 100%;
}
.left10 {
  padding: 10px 0 0 10px;
  text-align: left;
  width: 50%;
}
.left10 img {
  float: left;
  padding: 0 7px 0 0;
}
.right10 {
  padding: 10px 10px 0 0;
  text-align: right;
  width: 54.4%;
}
.right10 img {
  float: right;
  padding: 0 0 0 7px;
}
.field2 .field2in {
  width: 34px;
  padding: 2px;
  margin: 0 3px 0 3px;
  border: 1px solid #d2d3d5;
  background: #fafafa;
  font-size: 1em;
  color: #434343;
}
.field2 .field2rad {
  float: left;
  width: 29px;
}
.field2ie {
  float: left;
  padding-top: 1px;
}
* html .field2ie {
  padding-top: 3px;
}

/*******************CLANWARS*******************/

input:focus {
  outline: none;
}
.banner-static {
  height: 110px;
  padding-top: 10px;
}
.banner-static img {
  border: none;
}
/*reklama*/
.reklama {
  list-style: none;
  padding: 2px 0 0 0;
  margin: 0;
  float: left;
}
.reklama li {
  padding: 6px 0 6px 2px;
  width: 320px;
  background: url("/templates/images/separator.gif") no-repeat bottom center;
}
/*icons-flag*/
.flag-def {
  float: left;
  padding-top: 1px;
}
.flag-1,
.flag-2,
.flag-3,
.flag-4,
.flag-5,
.flag-6,
.flag-7,
.flag-8,
.flag-9,
.flag-10,
.flag-11,
.flag-12,
.flag-13,
.flag-14 {
  width: 23px;
  height: 19px;
  float: left;
  position: relative;
  bottom: 2px;
}
.flag-13,
.flag-2,
.flag-10 {
  bottom: 3px;
}
.flag-8 {
  bottom: 4px;
}
.flag-12 {
  bottom: 5px;
}
.commnt-nck {
  float: left;
  padding: 0 0 0 5px;
}
/*menu-window-flag*/
.menu-window-flag {
  width: 605px;
  padding: 3px 0 3px 0;
  position: absolute;
  visibility: hidden;
  background: #dee6ef;
  z-index: 999;
  border: 1px solid #899098;
}

/*menu-window-c*/
.menu-window-c {
  width: 605px;
  padding: 3px 0 3px 0;
  position: absolute;
  visibility: hidden;
  background: #dee6ef;
  z-index: 999;
}
/*icons*/
form {
  padding: 0;
  margin: 0;
}
.close-window {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 18px;
  height: 18px;
  outline: none;
  background: url("/templates/images/close-window.png") 0 -18px;
}
.close-window:hover {
  background: url("/templates/images/close-window.png") 0 0;
}
.menu-window-new fieldset,
.menu-window-flag fieldset {
  border: none;
  padding: 8px 0 0 6px;
  margin: 0;
}
.menu-window-new fieldset input,
.icons-separator,
.icons-submit,
.magic-help {
  float: left;
}
.menu-window-flag fieldset .legend,
.icons-help,
.magic-help {
  font-size: 0.7em;
  color: #181818;
}
.menu-window-new fieldset .legend,
.menu-window-flag fieldset .legend,
.upload-js {
  text-transform: uppercase;
}
.menu-window-new fieldset .legend,
.menu-window-flag fieldset .legend {
  padding: 0 0 9px 5px;
  float: left;
}
.progress {
  float: left;
  background: transparent url("/templates/images/progress-bar/progress.gif") no-repeat scroll 450% 0;
}
.progress img {
  margin: 5px 0 0 0;
}
.progress-outer,
.upload-info,
.upload-js,
.icons-help,
.upload-help {
  width: 100%;
  float: left;
}
.progress-text {
  float: left;
  padding: 4px 0 0 4px;
}
#upload {
  padding: 0 0 0 6px;
  float: left;
}
.icons-help,
.upload-help,
.upload-info,
.upload-js {
  padding: 0 0 0 6px;
}
.upload-js a {
  color: #186296;
}
.icons-separator {
  width: 100%;
  padding: 8px 0 0 0;
}
.icons-submit {
  padding: 0 0 9px 6px;
}
.flag1,
.flag2,
.flag3,
.flag4,
.flag5,
.flag6,
.flag7,
.flag8,
.flag9,
.flag10,
.flag11,
.flag12,
.flag13,
.flag14,
.menu-window-new fieldset label {
  width: 35px;
  height: 19px;
  float: left;
}
.flag1,
.flag-1 {
  background: url("/templates/images/flags/flag1.png") no-repeat;
}
.flag2,
.flag-2 {
  background: url("/templates/images/flags/flag2.png") no-repeat;
}
.flag3,
.flag-3 {
  background: url("/templates/images/flags/flag3.png") no-repeat;
}
.flag4,
.flag-4 {
  background: url("/templates/images/flags/flag4.png") no-repeat;
}
.flag5,
.flag-5 {
  background: url("/templates/images/flags/flag5.png") no-repeat;
}
.flag6,
.flag-6 {
  background: url("/templates/images/flags/flag6.png") no-repeat;
}
.flag7,
.flag-7 {
  background: url("/templates/images/flags/flag7.png") no-repeat;
}
.flag8,
.flag-8 {
  background: url("/templates/images/flags/flag8.png") no-repeat;
}
.flag9,
.flag-9 {
  background: url("/templates/images/flags/flag9.png") no-repeat;
}
.flag10,
.flag-10 {
  background: url("/templates/images/flags/flag10.png") no-repeat;
}
.flag11,
.flag-11 {
  background: url("/templates/images/flags/flag11.png") no-repeat;
}
.flag12,
.flag-12 {
  background: url("/templates/images/flags/flag12.png") no-repeat;
}
.flag13,
.flag-13 {
  background: url("/templates/images/flags/flag13.png") no-repeat;
}
.flag14,
.flag-14 {
  background: url("/templates/images/flags/flag14.png") no-repeat;
}

/*spell*/
.comment-highlight {
  color: #333333;
  font-size: 0.813em;
  line-height: 1.538em;
  font-style: italic;
  font-weight: 700;
}
/*block-blue*/
.block-blue {
  width: 100%;
  float: left;
  padding: 20px 0 5px 0;
}
.block-blue div {
  font-size: 1.3em;
  color: #0366b4;
}
.block-blue div a {
  color: #0366b4;
}
.reg-text {
  padding-top: 5px;
  font-size: 0.8em;
  line-height: 1.3em;
  color: #181818;
}
form {
  padding: 0;
  margin: 0;
}
.no-content {
  font-size: 0.8em;
  color: #313030;
  padding: 5px 0 0 2px;
}
.roarClose {
  position: absolute;
  right: 6px;
  top: 6px;
  width: 10px;
  height: 10px;
  background: url("../images/roarClose.png") no-repeat top;
  z-index: 1003;
}
.roar-body {
  position: absolute;
  text-align: left;
  z-index: 9999;
  left: 744px;
}
body:last-child:not(:root:root) .style {
  background: #f00;
}
.roar {
  width: 242px;
  border-radius: 5px;
  border: 1px solid #899098;
}
.roar-body-ugly .roar {
  background-color: #333;
}
.roar-body-ugly .roar-bg {
  display: none;
}
.roar h3 {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative;
  padding: 2px 10px 0 23px;
  z-index: 1002;
  margin: 0;
  height: 18px;
  background: url("../images/hint-bg.gif") repeat-x;
  font-size: 0.8em;
  color: #384b5f;
}
.roar p {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin: 0;
  position: relative;
  padding: 20px;
  font-size: 0.7em;
  color: #343f4a;
  background: url("../images/hint-bg2.gif") repeat top;
  z-index: 1002;
}
.roar .krestik {
  position: absolute;
  z-index: 1002;
  top: 0;
  width: 19px;
  height: 18px;
  float: left;
  background: url("../images/hint-att.gif") no-repeat right bottom;
}
/*magic*/
.bumbon4ik {
  color: gray !important;
}
.krujo4ek {
  height: 16px;
  background: transparent url("../images/loading19.gif") no-repeat center;
}
.magic-c .krujo4ek {
  margin-bottom: 0;
}

.magic-c {
  float: right;
  padding: 0 20px 0 0;
  position: relative;
  font-size: 0.7em;
}
.magic-link .textMagic,
.magic- div {
  float: left;
}
.magic-link a {
  text-decoration: none;
  cursor: pointer;
}
.magic-link a .textMagic {
  background: url("../images/mArrow.png") no-repeat 100% 9px;
  padding: 4px 9px 2px 0;
  text-decoration: none;
  border-bottom: 1px dotted #9e9e9e;
  color: #9e9e9e;
  outline: none;
  float: left;
}
.magic-link a:hover .textMagic {
  background-image: url("../images/mArrowHover.png");
  border-bottom: 1px dotted #616161;
  color: #505050;
}
.magic-link .imageMagic {
  background: url("../images/magic.png") no-repeat -1px 0;
  width: 22px;
  height: 21px;
  float: left;
}

.menu-magic {
  height: 0;
  width: 0;
  position: absolute;
  top: 24px;
  min-width: 176px;
  min-height: 28px;
}
.menu-window {
  width: 174px;
  position: absolute;
  background: #dee6ef;
  border: 1px solid #899098;
  z-index: 999;
}
.magic-c .menu-nenick,
.menu-window .magicSpan {
  width: 100%;
}
.magic-c .menu-nenick {
  padding: 3px 0;
}
.menu-window .magicSpan {
  display: block;
  float: left;
  color: #505e68;
}
.menu-window .magicSpan a {
  color: #343f4a;
  float: left;
  outline: medium none;
  padding: 3px 5px 3px 9px;
  text-decoration: none;
  width: 160px;
}
.menu-window .magicSpan a:hover {
  background-color: #cedbe6;
}

.menu-window-new {
  padding: 3px 0;
}
.menu-window-new {
  position: absolute;
  top: 0;
  background: #dee6ef;
  border: 1px solid #899098;
  z-index: 999;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* menuSelfOptions */

.menuSelfOptions {
  position: absolute;
  background: #dee6ef;
  border: 1px solid #899098;
  z-index: 999;
  width: 160px;
}
.menuTitle {
  background: url("../images/hint-bg.gif") repeat-x;
  font-size: 0.8em;
  color: #384b5f;
  padding: 1px 0 0 8px;
  height: 18px;
}
.menuUser {
  padding: 2px 0;
  float: left;
}
.menuUser span {
  font-size: 0.7em;
}
.menuUser span a {
  color: #343f4a;
  display: block;
  outline: medium none;
  padding: 4px 0 4px 28px;
  text-decoration: none;
  width: 132px;
}
.menuUser span a:hover {
  background-color: #cedbe6;
}
.profileIconSelf a {
  background: url("/templates/images/menu/s-0.png") no-repeat 6px 1px;
}
.profileIconGaming a {
  background: url("/templates/images/menu/s-2.png") no-repeat 6px 5px;
}
.profileIconFriend a {
  background: url("/templates/images/menu/s-4.png") no-repeat 6px 1px;
}

/* // menuSelfOptions */

.krujo4ek {
  float: left;
  clear: both;
  margin-bottom: 5px;
}

/**********************/
.empty-msg,
.empty-msg2 {
  padding: 12px 0 12px 0;
  font-size: 0.7em;
  color: #313131;
  text-align: center;
  border: 1px solid #dbdee1;
  background: #f2f2f2;
}
.empty-msg a {
  color: #186296;
}
.empty-msg a:hover {
  color: #c83a13;
  text-decoration: underline;
}
.lolteam,
.lolmap {
  display: block;
  white-space: nowrap;
  overflow: hidden;
}
.lolmap {
  width: 115px;
}
/*new-standart*/
.mprof {
  padding: 20px 0 0 0;
  float: left;
  width: 100%;
}
.mblock {
  width: 100%;
  float: left;
}
.mblock .ness {
  padding: 15px 0 15px 0;
  float: left;
  width: 100%;
  font-size: 0.7em;
  color: #313030;
  text-align: center;
}
.mblock h1 {
  padding: 2px 0 0 1px;
  margin: 0;
  float: left;
  width: 265px;
  font-size: 0.8em;
  color: #313030;
}
* html .mblock h1 {
  padding: 3px 0 0 1px;
}
* + html .mblock h1 {
  padding: 4px 0 0 1px;
}
.mrblock {
  float: left;
  padding: 0 0 12px 0;
}
* html .mrblock {
  padding: 0 0 10px 0;
}
* + html .mrblock {
  padding: 0 0 10px 0;
}
.mrblock h2 {
  padding: 0;
  margin: 0;
}
.mblock h2 span {
  float: left;
  display: block;
  padding: 0 10px 0 0;
}
.mblock h2 .rround {
  font-size: 0.5em;
  color: #313030;
}
.mblock h2 .rround div {
  padding-top: 3px;
}
* + html .mblock h2 .rround div {
  padding-top: 8px;
}
* html .mblock h2 .rround div {
  padding-top: 8px;
}
.mrblock .rroundp span {
  height: 25px;
}
.mrblock h3 {
  padding: 5px 0 0 0;
  margin: 0;
}
.mrblock h3 input {
  padding: 0;
  margin: 0;
  width: 13px;
  height: 13px;
}
.mrblock h2 textarea,
.mrblock h2 input {
  padding: 1px 3px 2px 3px;
  width: 330px;
  border: 1px solid red;
  border: 1px solid #d1d3d5;
  background: #fafafa;
  font-size: 0.55em;
  color: #313030;
}
.mrblock .mrbin input {
  width: 330px;
}
.mrblock h2 textarea {
  height: 130px;
}
.mrblock h2 input {
  height: 16px;
}
.mblock .bttnsr {
  float: right;
  padding: 8px 16px 8px 0;
}
.mblw {
  width: 605px !important;
}
.mrblock h4 {
  padding: 0;
  margin: 0;
  width: 340px;
  font-size: 0.7em;
  color: #a3a3a3;
}
/*end-standart*/
/******************TOURNEYS******************/
/*button-newstyle*/
.buttonsreg {
  width: 100%;
  float: right;
}
.bttnsr {
  float: right;
  padding: 0 0 0 10px;
}
.bttnsr .bttn-left,
.bttnsr .bttn-bg,
.bttnsr .bttn-right {
  padding: 0;
  margin: 0;
  float: left;
}
.bttnsr .bttn-left {
  height: 31px;
  width: 2px;
  overflow: hidden;
  background: url("../images/buttonfstyle.png") 100% 0%;
}
.bttnsr .bttn-bg {
  height: 31px;
  background: url("../images/buttonfstyle.png") 100% 50%;
  font-size: 1.2em;
}
.bttnsr .bttn-right {
  height: 31px;
  width: 2px;
  background: url("../images/buttonfstyle.png") 100% 100%;
}
.bttnsr .bttn-bg span,
.bttnsr .bttn-bg a {
  padding: 3px 10px 3px 10px;
  float: left;
  outline: none;
  text-decoration: none;
}
.bttnsr .bttn-bg span {
  color: #9ca2a6;
}
.bttnsr .bttn-bg a {
  color: #5f656a;
}
.bttnsr .bttn-bg a:hover {
  color: #7f868d;
}
.bttnsr .bttn-bg input {
  padding-top: 2px;
  overflow: visible;
  height: none;
  width: none;
  float: left;
  cursor: pointer;
  font-size: 1em;
  color: #5f656a;
  text-decoration: none;
  border: none;
  background: transparent;
}
.bttnsr .bttn-bg input:hover {
  color: #7f868d;
}
* html .bttnsr .bttn-bg input {
  padding: 0 9px 0 9px;
}
* + html .bttnsr .bttn-bg input {
  padding: 0 9px 0 9px;
}
/*nado izbavica postepenno*/
.bttnsr h1,
.bttnsr h2,
.bttnsr h3 {
  padding: 0;
  margin: 0;
  float: left;
}
.bttnsr h1 {
  height: 31px;
  width: 2px;
  overflow: hidden;
  background: url("../images/buttonfstyle.png") 100% 0%;
}
.bttnsr h2 {
  height: 31px;
  background: url("../images/buttonfstyle.png") 100% 50%;
  font-size: 1.2em;
}
.bttnsr h2 span,
.bttnsr h2 a {
  padding: 3px 10px 3px 10px;
  float: left;
  outline: none;
  text-decoration: none;
}
.bttnsr h2 span {
  color: #9ca2a6;
}
.bttnsr h2 a {
  color: #5f656a;
}
.bttnsr h2 a:hover {
  color: #7f868d;
}
.bttnsr h2 input {
  padding-top: 2px;
  overflow: visible;
  height: none;
  width: none;
  float: left;
  cursor: pointer;
  font-size: 1em;
  color: #5f656a;
  text-decoration: none;
  border: none;
  background: transparent;
}
.bttnsr h2 input:hover {
  color: #7f868d;
}
@media all and (-webkit-min-device-pixel-ratio: 10000),
  not all and (-webkit-min-device-pixel-ratio: 0) {
  .bttnsr h2 input {
    padding: 3px 9px 0 9px;
  }
}
* html .bttnsr h2 input {
  padding: 0 9px 0 9px;
}
* + html .bttnsr h2 input {
  padding: 0 9px 0 9px;
}
.bttnsr h3 {
  height: 31px;
  width: 2px;
  background: url("../images/buttonfstyle.png") 100% 100%;
}
/*end izbavlenie*/
/*********/
.ttlprofile {
  float: left;
  width: 100%;
  padding: 15px 0 0 0;
  border-bottom: 1px solid #d1d1d2;
}
.ttlprofile h1 {
  padding: 0;
  margin: 0;
  float: left;
  font-size: 1.2em;
  font-size: 1.5em;
  color: #313030;
  letter-spacing: 0.2px;
}
.ttlprofile h1 a {
  color: #313030;
  text-decoration: none;
}
.ttlprofile .tdisable {
  color: #666666 !important;
}
.ttlprofile h2 {
  padding: 0;
  margin: 0;
  float: right;
}
.ttlprofile h2 a {
  width: 12px;
  height: 12px;
  margin: 13px 3px 0 0;
  display: block;
  outline: none;
  overflow: hidden;
}
.ttlprofile .ttlbt a {
  background: url("../images/ttlbottom.png");
}
.ttlprofile .ttltp a {
  background: url("../images/ttltop.png");
}
/*ttl*/
.right-main div a {
  outline: none;
}
.right-main div a img {
  border: none;
}
/*c-t*/
.listt {
  float: left;
  padding: 10px 0 0;
  width: 100%;
}
.link-game {
  float: left;
  padding: 10px 10px 0 0;
}
* html .link-game {
  padding-top: 7px;
}
.lstlv0 .right {
  padding-top: 6px;
}
.lstlv0 .sc,
.lstlv0 .wc,
.lstlv0 .dota,
.lstlv0 .cs,
.lstlv0 .all,
.lstlv0 .sc2 {
  float: left;
  width: 30px;
  height: 14px;
}
.lstlv0 .sc2 {
  background: url("../images/sc2.gif") no-repeat bottom left;
}
.lstlv0 .sc {
  background: url("../images/sc.gif") no-repeat bottom left;
}
.lstlv0 .wc {
  background: url("../images/wc.gif") no-repeat bottom left;
}
.lstlv0 .dota {
  background: url("../images/dota.gif") no-repeat bottom left;
}
.lstlv0 .cs {
  background: url("../images/cs.gif") no-repeat bottom left;
}
.lstlv0 h1 {
  padding: 0;
  margin: 0;
  float: left;
  font: normal 1.5em/1.4em Times;
}
.lstlv0 h1 a {
  color: #313030;
  text-decoration: none;
}
.lstlv1 {
  width: 100%;
  border-top: 1px solid #a5a5a8;
}
.lstlv1 h1 {
  width: 39%;
}
.lstlv1 h1 a,
.lstlv1 h2 a {
  color: #313030;
  text-decoration: underline;
}
.lstlv1 h1 a:hover,
.lstlv1 h2 a:hover {
  text-decoration: none;
}
.lstlv1 h1,
.lstlv1 h2 {
  margin: 0;
  padding: 0 0 0 5px;
  float: left;
}
.lstlv1 h1,
.lstlv1 h2 {
  font-size: 0.8em;
  color: #313030;
}
.lv1-1,
.lv1-2 {
  float: left;
  padding: 8px 0 8px 0;
  width: 100%;
}
.lv1-1 {
  background: #f4f4fb;
}
.lv1-2 {
  background: #eaeaea;
}
/***********/
html {
  height: 100%;
}

table {
  border-collapse: collapse;
}
table td {
  padding: 0;
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
}
#body_right {
  position: relative;
  z-index: 999;
}
#body_right,
#body_left {
  width: 998px;
  margin: 0 auto;
}

#level0,
#footer {
  position: relative;
  width: 990px;
}
#level0 {
  z-index: 9999;
}
#footer {
  z-index: 9998;
}
/*********head1*********/

.primary-section,
.primary-section * {
  box-sizing: border-box;
}
.primary-section {
  width: 100%;
  height: 142px;
  position: relative;
  display: grid;
  grid-template-columns: minmax(100px, 124px) 320px 1fr;
  align-items: center;
}
.logotype {
  position: relative;
  z-index: 4;
  margin-top: 7px;
  padding: 0 4px 0 0;
  width: 91px;
  height: 130px;
  display: flex;
  justify-self: end;
}

.logotype-shield {
  display: flex;
  width: 91px;
  height: 120px;
  background: url('../images/logotype-sm.png') no-repeat;
}
.logotype-season {
  position: absolute;
  bottom: 0;
  left: calc(50% - 32px);
  display: flex;
  justify-content: center;
  color: #51212F;
  align-items: center;
  font-family: "Firasans";
  font-size: 26px;
  width: 64px;
  height: 55px;
  background: url('../images/season.png?v62') no-repeat;
}

/* old logotype */
/* .logotype a {
  display: block;
  width: 91px;
  height: 120px;
}
.logotype-0 {
  padding: 0;
}
.logotype-0 a {
  display: block;
  width: 315px;
  height: 46px;
  outline: none;
  cursor: pointer;
} */

.menu-id {
  width: 220px !important;
}
* html .menu-id {
  width: 210px !important;
}
* + html .menu-id {
  width: 210px !important;
}

/***********menu0************/
#menu0 {
  height: 24px;
  width: 100%;
  box-sizing: content-box;
}
#menu0 #lvl-0,
#menu0 #lvl-0 *,
.search-center {
  box-sizing: content-box;
}
#menu0 .m-s {
  width: 3px;
  height: 22px;
}
#lvl-0 .m-a {
  background-image: url("../images/menu-a.gif");
  background-repeat: no-repeat;
  background-position: 140px 8px;
}
#lvl-0 {
  float: left;
  margin: 0;
  padding: 0 0 0 100px;
  width: 647px;
  list-style: none;
}
#lvl-0 ul {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
  z-index: 999;
}
.menu-lvl2,
.menu-lvl3 {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#lvl-0 li,
#lvl-0 ul {
  float: left;
}
#lvl-0 li {
  position: relative;
}
#lvl-0 .link0 a,
.noneLink {
  display: block;
  height: 19px;
  padding: 5px 11px 0 11px;
  outline: none;
  font-size: 0.7em;
  color: #eeeef0;
  text-decoration: none;
  /* new */
  position: relative;
  z-index: 2;
}
.noneLink {
  cursor: default;
}
#lvl-0 .link1 a,
#lvl-0 li ul li ul a {
  height: 15px;
  width: 130px;
  padding: 4px 14px 2px 14px;
  display: block;
  font-size: 0.7em;
  color: #d9d9d9;
  text-decoration: none;
}
.colorOverlay a {
  color: #9f9f9f !important;
}
#lvl-0 li ul {
  width: 160px;
  position: absolute;
  left: -999em;
  padding: 0;
}

#lvl-0 .menu-lvl2 {
  border-top: none;
  z-index: 999999;
}
.menu-lvl3 li:first-child {
  padding-top: 5px;
  border-radius: 5px 5px 0 0;
  border-top: 1px solid #424242;
}
.menu-lvl2 li:last-child {
  padding-bottom: 10px;
  border-radius: 0 0 5px 5px;
}
.f2f2f {
  width: 158px;
}
.ovhe {
  height: 5px;
  overflow: hidden;
}
#lvl-0 .menu-lvl3 li .sos,
#lvl-0 .menu-lvl2 li p {
  padding: 0;
  margin: 0 auto;
  width: 136px;
  overflow: hidden;
  height: 0;
}
#lvl-0 li ul ul {
  margin: -20px 0 0 140px;
}
#lvl-0 li:hover ul ul,
#lvl-0 li.ie-h ul ul {
  left: -999em;
}
#lvl-0 li:hover ul,
#lvl-0 li li:hover ul,
#lvl-0 li.ie-h ul,
#lvl-0 li li.ie-h ul {
  left: auto;
  display: block;
  opacity: 1;
}
.mainTopBanner {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  background: #000000;
}
.mainTopBanner a {
  display: flex;
}
.mainTopBanner img {
  border: none;
}

/*online*/
.s-main h1,
.c-main h1,
.w-main h1,
.d-main h1,
.sc2-main h1 {
  float: left;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font-size: 0.55em;
  color: #6f6f6f;
  letter-spacing: -0.1em;
}
.s-main h1,
.c-main h1,
.w-main h1,
.d-main h1,
.sc2-main h1 {
  width: 58px;
  float: right;
}
/*chrome*/
@media all and (-webkit-min-device-pixel-ratio: 0) {
  body:first-of-type .s-main h1,
  .c-main h1,
  .w-main h1,
  .d-main h1 {
    letter-spacing: -0.2em;
  }
}
.s-main h1 {
  padding-right: 6px;
}
.c-main h1 {
  padding-right: 5px;
}
.w-main h1 {
  padding-right: 5px;
}
.d-main h1 {
  padding-right: 5px;
}
.sc2-main h1 {
  padding-right: 5px;
}
.s-main h1 .onln,
.c-main h1 .onln,
.w-main h1 .onln,
.d-main h1 .onln,
.s-main h1 .summ,
.c-main h1 .summ,
.w-main h1 .summ,
.d-main h1 .summ,
.sc2-main h1 .summ {
  display: block;
}
.s-main h1 .onln,
.c-main h1 .onln,
.w-main h1 .onln,
.d-main h1 .onln,
.sc2-main h1 .onln {
  float: left;
}
.s-main h1 .summ,
.c-main h1 .summ,
.w-main h1 .summ,
.d-main h1 .summ,
.sc2-main h1 .summ {
  float: right;
}
/**********main**********/
#main {
  padding: 0 0 0 0;
  margin: 0;
  width: 100%;
  float: left;
  background: #ffffff;
}

#left {
  padding: 0;
  margin: 0;
  float: left;
  width: 640px;
}
/*********************GLOBAL****************************/
.font-07 {
  font-size: 0.6em;
  color: #313030;
  padding: 0 5px 0 5px;
}
.view-all-mess {
  width: 100%;
  float: left;
  text-align: center;
  padding-top: 18px;
}
.view-all-mess a {
  font-size: 1.2em;
  color: #434343;
  text-decoration: underline;
}
.view-all-mess a:hover {
  text-decoration: none;
}
.field13 {
  float: left;
  padding-top: 5px;
  font-size: 0.7em;
  color: #999999;
}
.field13 a {
  text-decoration: none;
  color: #434343;
  padding: 0 2px 0 2px;
}
.field13 a:hover {
  text-decoration: underline;
}
.o-l,
.o-r {
  width: 2px;
  height: 13px;
  float: left;
}
.o-l {
  background: url("../images/o-l.png") no-repeat bottom;
}
.o-bg {
  background: url("../images/o-bg.png") repeat-x bottom;
  height: 13px;
  float: left;
  padding: 0 3px 0 3px;
}
.o-bg a {
  text-decoration: none !important;
  color: #f2f2f2 !important;
}
.o-r {
  background: url("../images/o-r.png") no-repeat bottom;
}
/*redaktor*/
.zagolovok1,
.zagolovokbottom10 {
  font-size: 1.6em;
  color: #181818;
}
.zagolovok1 a {
  text-decoration: underline;
  color: #313030 !important;
}
.zagolovok1 a:hover {
  text-decoration: none;
}
.zagolovokbottom10 {
  padding: 0 0 10px 0;
}
.zagolovokbottom10 a,
.small-font a,
.normal-font-pad a {
  text-decoration: underline;
  color: #313030 !important;
}
.zagolovokbottom10 a:hover,
.small-font a:hover,
.normal-font-pad a:hover {
  text-decoration: none;
}
.normal-font,
.normal-font-pad {
  font-size: 1em;
}
.normal-font-pad {
  padding: 8px 0 0 0 !important;
  margin: 0 !important;
}
.small-font {
  font-size: 0.8em;
}
.padding-none,
.zagolovok1,
.normal-font,
.small-font {
  padding: 0 !important;
  margin: 0 !important;
}

.tablica1 td {
  border: 1px solid #d8d7d7;
  padding: 4px 8px 4px 8px;
}

.big-font {
  font: normal 1.3em Times;
  color: #181818;
}
.td-bg-1 {
  background: #f0f0f0;
}
.td-bg-2 {
  background: #e7e7e7;
}
.td-bg-3 {
  background: #eee5e5;
}
.td-bg-4 {
  background: #e0e0e0;
}
.italic-type {
  font-style: italic;
}
.normal-bold {
  font-weight: 700;
}
.text-gray {
  color: gray;
}
.text-blue {
  color: #1848a2;
}
.text-green {
  color: green;
}
.text-red,
.text-warning {
  color: #c7353b;
}
.img-fleft {
  margin: 5px 10px 0 0;
  float: left;
}
.img-fright {
  margin: 5px 0 0 10px;
  float: right;
}
a:hover {
  text-decoration: none;
}
/***********/
.empty {
  padding: 0 0 0 1px;
}
.section-menu h3 {
  padding: 3px 0 0 0;
  margin: 0;
  float: right;
  font-size: 1.1em;
  color: #333;
}
.section-menu h3 a {
  color: #333;
  text-decoration: underline;
}
.section-menu h3 a:hover {
  text-decoration: none;
}
/*rForm*/
.rightForm {
  padding: 0;
  margin: 0;
}
.rightForm textarea {
  width: 303px;
  padding: 6px;
  margin: 0;
  height: 70px;
  border: 1px solid #d2d3d5;
  background: #fafafa;
  font-size: 12px;
  color: #434343;
}
.textareaHelper {
  position: absolute;
  right: 1px;
  bottom: 4px;
  display: block;
  font-size: 11px;
  color: #555;
  background-color: #eee;
  padding: 2px;
  margin: 0;
  border-top: 1px solid #d2d3d5;
  border-left: 1px solid #d2d3d5;
}
@-moz-document url-prefix() {
  .textareaHelper {
    bottom: 2px;
  }
}

.rightForm .right {
  padding: 0 3px 0 0;
}
/*edit team*/
.prof-inp .prist {
  font: normal 0.7em Times;
  color: #434343;
  float: left;
}
.prof-inp .input .p-inpt {
  padding: 2px 15px 5px 0;
  margin: 0;
  width: 380px;
  font-size: 0.7em;
  color: #a3a3a3;
  line-height: 1.2em;
}
* html .prof-inp .prist {
  padding-top: 5px;
}
* html .op-inpt {
  width: 326px !important;
}
.op-inpt {
  width: 320px !important;
}
/*sdsd*/
.c-a3 {
  color: #2c2e87 !important;
  float: left;
  width: 29px;
}
.c-green3 {
  color: #037239 !important;
  padding: 0 0 0 3px;
}
.colored3 {
  color: #c1595d !important;
  padding: 0 0 0 3px;
}
.b-arrow2 {
  margin: 0;
  width: 50px;
  height: 33px;
  overflow: hidden;
  float: left;
  background: url("../images/f-arrow.gif") no-repeat bottom center;
}

.colorblue {
  color: blue !important;
}
.nm-l,
.nm-r,
.nm-bg,
.nm-l2,
.nm-r2,
.nm-bg2 {
  float: left;
}
.nm-l,
.nm-r,
.nm-l2,
.nm-r2 {
  width: 2px;
  height: 15px;
  overflow: hidden;
}
.nm-l {
  background: url("../images/nm-l.gif") no-repeat;
}
.nm-r {
  background: url("../images/nm-r.gif") no-repeat;
}
.nm-l2 {
  background: url("../images/nm-l2.gif") no-repeat;
}
.nm-r2 {
  background: url("../images/nm-r2.gif") no-repeat;
}
.nm-bg,
.nm-bg2 {
  padding: 1px 6px 0 6px;
  height: 15px;
  border-radius: 3px;
}
.nm-bg {
  background: #dfdfe1;
}
.nm-bg2 {
  background: #ececed;
}
.lvl-3 {
  width: 280px;
  height: 1px;
  margin: 0 auto;
  overflow: hidden;
  background: url("/templates/images/separator.gif") no-repeat;
}
/*levelforumsSECTIONS*/
.topicDesc {
  font-size: 0.7em;
  color: #555555;
  overflow: hidden;
  max-width: 250px;
  max-height: 250px;
  padding: 5px;
}
.zagF {
  float: left;
  padding: 0 0 3px 0;
}
.lvl-7 {
  padding: 3px 0 5px 2px;
  float: left;
  width: 99%;
}
.lvl-7 h2,
.lvl-7 h5,
.lvl-7 h4 {
  padding: 0;
  margin: 0;
}
.lvl-7 h2,
.lvl-7 h2 img,
.lvl-7 h4 img {
  float: left;
}
.lvl-7 h5,
.lvl-7 h5 img,
.lvl-7 h4,
.lvl-7 h5 a {
  float: right;
}
.lvl-7 h5 img {
  padding: 1px 0 0 5px;
}
.lvl-7 h2 img {
  padding: 1px 5px 0 0;
}
.lvl-7 h4 img {
  padding: 0 0 0 5px;
}
.paddingF {
  padding: 0 0 15px 2px;
}
.paddingF2 {
  padding: 0 0 15px 20px;
}
/*********************/
.prof-inp .descc {
  float: left;
  padding: 15px 0 0 0;
  text-align: center;
  font-size: 0.7em;
  color: #313030;
  line-height: 1.5em;
}
.colored {
  color: #bf1f24 !important;
}
.center {
  text-align: center;
}
.bdt {
  border-top: 1px solid #dddcdc;
}
.corr,
.corr h1,
.corr h3 {
  float: left;
}
.corr h1,
.corr h2,
.corr h3 {
  margin: 0;
}
.corr h2 {
  padding: 0;
}
.corr h3 {
  width: 325px;
  font-size: 0.7em;
  color: #181818;
}
.sel {
  background: #dadada;
}
/*levelforumsSECTIONS*/
.lvl-7 {
  padding: 3px 0 5px 2px;
  float: left;
  width: 99%;
}
.lvl-7 h2,
.lvl-7 h2 img,
.lvl-7 h4 img {
  float: left;
}
.lvl-7 h5,
.lvl-7 h5 img,
.lvl-7 h4,
.lvl-7 h5 a {
  float: right;
}
.lvl-7 h5 img {
  padding: 1px 0 0 5px;
}
.lvl-7 h2 img {
  padding: 1px 5px 0 0;
}
.lvl-7 h4 img {
  padding: 0 0 0 5px;
}
.paddingF {
  padding: 0 0 15px 2px;
}
.paddingF2 {
  padding: 0 0 15px 20px;
}
/************************buttons**************************/
.button,
.button2,
.button22 {
  margin: 0;
}
.button-l,
.button-r,
.button-bg {
  float: left;
  height: 32px;
}
.button-l {
  width: 9px;
  background: url("../images/button-l.gif") no-repeat;
}
.button-r {
  width: 9px;
  background: url("../images/button-r.gif") no-repeat;
}
.button-bg {
  background: url("../images/button-bg.gif") repeat-x;
}
.button-bg input {
  font: normal 0.9em Times;
  letter-spacing: 0.4px;
  padding: 0;
  width: none;
  overflow: visible;
  height: 28px;
  color: #313030;
  cursor: pointer;
  background: transparent;
  border: none;
}
* html .button-bg input {
  height: 30px;
  padding: 2px 3px 0 3px;
}
* + html .button-bg input {
  height: 30px;
  padding: 2px 3px 0 3px;
}
.button2-l,
.button2-r,
.button2-bg,
.button22-l,
.button22-r,
.button22-bg,
.button3-l,
.button3-r,
.button3-bg {
  height: 21px;
  float: left;
}
.button2-l,
.button22-l {
  width: 6px;
  background: url("../images/button2-l.gif") no-repeat;
}
.button3-l {
  width: 6px;
  background: url("../images/button3-l.gif") no-repeat;
}
.button2-r,
.button22-r {
  width: 6px;
  background: url("../images/button2-r.gif") no-repeat;
}
.button3-r {
  width: 6px;
  background: url("../images/button3-r.gif") no-repeat;
}
.button2-bg,
.button22-bg {
  background: url("../images/button2-bg.gif") repeat-x;
}
.button3-bg {
  background: url("../images/button3-bg.gif") repeat-x;
}
.button2-bg input,
.button3-bg input {
  padding: 0;
  height: 18px;
  width: none;
  overflow: visible;
  color: #313030;
  cursor: pointer;
  background: transparent;
  border: none;
}
* html .button2-bg input,
* html .button3-bg input {
  height: 20px;
  padding: 0 3px 0 3px;
}
* + html .button2-bg input,
* + html .button3-bg input {
  height: 20px;
  padding: 0 3px 0 3px;
}
.button22-bg a {
  padding: 2px 0 0 0;
  display: block;
  font-size: 1em;
  color: #444444 !important;
}
.button3-bg a {
  padding: 2px 0 0 0;
  display: block;
  color: #313131 !important;
  text-decoration: none;
}
.button3-bg a:hover {
  color: #505050 !important;
}
.margin15right {
  margin-top: 15px;
  float: right;
}
.button-right {
  padding-top: 20px;
  float: left;
  width: 603px;
  font-size: 1.2em;
}

/* smile select */

.smile-select {
  float: left;
  padding: 8px 6px 0 10px;
}
.smile-select a {
  display: block;
  outline: none;
}
#com-smiles {
  float: left;
  width: 612px;
  margin: 8px 0 0 0;
  padding: 12px 0 9px 10px;
  border: 1px solid #899098;
  background: #dee6ef;
  list-style: none;
}
#com-smiles li {
  display: block;
  float: left;
  width: 55px;
  padding-bottom: 1px;
  text-align: center;
}
#com-smiles li a {
  outline: none;
}
#com-smiles li a img {
  border: none;
}
.display-none {
  display: none;
}
/* // smile select */

/********************NEWS********************/
.link-game {
  float: left;
  padding: 10px 10px 0 0;
}
#news {
  margin: 0 auto;
  padding: 5px 0 100px 0;
}
#news {
  width: 620px;
}
.cl {
  width: 100%;
}
.cl-left {
  float: left;
  width: 604px;
  height: 33px;
  padding: 0 0 0 8px;
  background: #ececec url("../images/cl-left.gif") no-repeat left;
}
#news .cl-left2 {
  padding-left: 5px;
}
.news-body img {
  max-width: 600px;
}
.cl-left2 {
  float: left;
  width: 604px;
  padding: 5px 0 0 18px;
}
.cl-left2 h2,
.cl-left h1,
.cl-left2 h1,
.cl .desc,
.cl-right,
.cl .desc img,
.com-inf h1,
.com-inf h2,
.com-inf h3,
.com-inf ul li,
.com-set,
.com-set h1,
.com-set h2,
.com-form p,
.com-but,
.com-but li,
.com-but li a {
  float: left;
}
.cl-left2 h2,
.cl-left h1,
.cl-left2 h1,
.com-inf h1,
.com-inf h2,
.com-inf h3,
.com-inf ul,
.com-set h1,
.com-set h2,
.com-form p,
.com-but,
#idreply {
  margin: 0;
}
.cl-left2 h2,
.cl-left h1,
.cl-left2 h1,
.com-inf ul,
.com-set h1 {
  padding: 0;
}
.cl-left h1,
.cl-left2 h1,
.cl-left2 h2 {
  font-size: 1.5em;
  line-height: 1.4em;
  color: #313030;
  width: 87%; /*e*/
}
.cl-left2 h1 a,
.cl-left2 h2 a {
  color: #313030;
  text-decoration: none;
  outline: none; /*e*/
}
.cl-left h1 a {
  color: #313030;
  text-decoration: underline;
  outline: none; /*e*/
}
.cl-left h1 a:hover,
.cl-left2 h1 a:hover {
  text-decoration: none;
}
.cl-right {
  width: 8px;
  height: 33px;
  background: url("../images/cl-right.gif") no-repeat;
}
.cl .desc {
  line-height: 14px;
  margin: 7px 6px 0 0;
  background: #d9d9d9;
  font-size: 0.7em;
  color: #5d5d5d;
}
.cl .desc img {
  padding: 2px 4px 2px 2px;
}

/* news */

/* fonts */
.news-body p,
.news-body ul,
#idreply,
.blog-text ul,
.tbl-u,
.group-bracket,
.st-quoting,
.opros,
.places,
.news-body .spoiler-outer,
.blog-text p,
.blog-text .spoiler-outer,
.read-more {
  font-size: 0.75em;
  color: #181818;
}
/* // fonts */

/* // news */

.com-set {
  padding: 0;
  margin: 0;
  list-style: none;
  float: right;
}
.com-set li {
  display: inline;
  padding: 0 8px 0 0;
  font-size: 0.7em;
}
.com-set li a,
.com-set li a:hover {
  text-decoration: none;
}
.com-set li a {
  color: #597cbc;
}
.com-set li a:hover {
  color: #1848a2;
}

.com-set h2 {
  padding: 0 7px 0 7px;
  font-size: 0.8em;
  color: #68798e;
}

.com-form p {
  padding: 5px 0 0 0;
}
.com-form p textarea {
  width: 593px;
  height: 100px;
  padding: 3px;
  border: 1px solid #d4d4d4;
  background: #fdfdfd;
  font-size: 0.7em;
  color: #181818;
}
.com-but {
  padding: 12px 0 0 0;
  list-style: none;
}
.com-but li {
  display: block;
  padding: 0 6px 0 0;
}
.com-but li a {
  height: 16px;
  padding: 0 7px 0 7px;
  outline: none;
  display: block;
  background: url("../images/com-but.gif") repeat-x;
  font-size: 0.8em;
  color: #181818;
  text-decoration: none;
  border: 1px solid #cfd1d0;
}
.icq-a {
  padding: 15px 0 10px 0;
  float: right;
  font-size: 0.7em;
  color: #535353;
}
.icq-a input {
  height: 13px;
  width: 13px;
  display: block;
  float: left;
  margin: 1px 0 0 7px;
}
#obertka {
  padding-top: 20px;
}

/*--- SPOILER+QUOTE ---*/
.spoiler-outer .spoiler {
  color: #1848a2;
  font-size: 15px;
  cursor: pointer;
  transition: color 0.1s linear;
}
.spoiler:hover {
  color: #d33a2c;
}
.spoiler-text {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in;
}
.spoiler-text,
.quotemain {
  padding: 0;
  border: 1px solid hsl(0, 0%, 78%);
  border-radius: 5px;
  background: hsl(0, 0%, 92%);
  padding: 6px;
}
.spoiler-content {
  margin-top: 2px;
  padding: 0 15px;
}
.comment-body > .quotetop,
.comment-body > .quotemain,
.spoiler-text,
.spoiler-outer {
  color: #333333;
  font-size: 0.813em;
  line-height: 1.538em;
}
.spoiler-content p {
  padding: 0;
  margin: 10px 0;
}
.quotemain p:last-child {
  margin-bottom: 0;
}
.spoiler-opened {
  opacity: 1;
  visibility: visible;
}
.spoiler-block .spoiler-block {
  padding-bottom: 10px !important;
}
/*--- //SPOILER+QUOTE ---*/

.com-form h1 {
  padding: 10px 0 15px 0;
  margin: 0;
  float: left;
  font-size: 0.9em;
  color: #181818;
}
.com-form h1 a {
  color: #535353;
}
.com-syn {
  padding: 5px;
  margin: 0 !important;
  overflow: hidden;
  list-style: none;
  border: 1px dotted #ccc;
  background: #f8f8f8;
}
.com-syn li {
  padding: 1px 0 5px 0;
  color: #434343;
  font-size: 13px;
}
.com-syn li a {
  color: #000000;
  text-decoration: underline;
}
.com-syn li a:hover {
  text-decoration: none;
}

/*comments*/

#comments {
  float: left;
  padding: 0 10px 15px 10px;
  width: 607px;
}
.comments img {
  max-width: 100%;
}
#wall-comments {
  position: relative;
}
#wall-comments .row {
  margin-left: 0;
  margin-right: 0;
}
#wall-comments .col-12 {
  padding-left: 0;
  padding-right: 0;
}
#wall-comments .comment-form h3, #comments .comment-form {
  margin-top: 0.25rem !important;
}
.preloader {
  background-image: url("/templates/images/preloader.gif");
  background-repeat: no-repeat;
  background-position: center center;
}
.comments-head {
  overflow: hidden;
  width: 100%;
  padding-bottom: 10px;
}
#comments-num {
  float: left;
  padding: 10px 0 10px 10px;
  color: #4d4d4d;
  font-size: 1.125em;
}

.reply-1,
.reply-1n {
  margin-left: 34px;
}
.reply-2,
.reply-2n {
  margin-left: 68px;
}
.reply-3,
.reply-3n {
  margin-left: 102px;
}
.reply-4,
.reply-4n {
  margin-left: 136px;
}
.reply-5,
.reply-5n {
  margin-left: 170px;
}
.comment-full,
.com-del {
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #e5e5e5;
  clear: left;
}
.com-del {
  font-size: 0.813em;
  line-height: 1.538em;
}
.comment-full header {
  position: relative;
  width: 100%;
}
.comment-body {
  margin-left: 29px;
  overflow: hidden;
}
.comment-body ul {
  float: right;
  margin: 0;
  padding-top: 6px;
  text-align: right;
  list-style: none;
}
.comment-body li {
  display: inline;
  padding-right: 10px;
  font-size: 0.688em;
}
.comment-body li,
.comment-body li a {
  color: #a8a8a8;
}

.comment-body > p,
.comment-body .f-text-center {
  margin: 0 0 7px 0;
  color: #333333;
  font-size: 0.813em;
  line-height: 1.538em;
}
.last-comment {
  display: inline-block;
  margin-bottom: 0;
}
.publisher-meta {
  display: inline-block;
}
.publisher-meta {
  float: left;
  font-size: 0.688em;
  color: #a8a8a8;
}
.publisher-meta span {
  float: left;
}
.publisher-avatar {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  padding-right: 12px;
  height: 22px;
}
.publisher-avatar img {
  max-width: 22px;
  border-radius: 3px;
}
.comment-num,
.comment-data {
  padding-top: 1px;
}
.comment-num {
  padding: 0 5px 0 29px;
}
.elite-status .publisher-nick,
.elite-status .comment-body p,
.elite-status .field2 a,
.msghr.elite-status h2 a,
.elite-status .profile-view-link,
.elite-status .comment-body .f-text-center {
  font-weight: 700;
}
.publisher-nick {
  padding-right: 4px;
}
.publisher-nick a {
  float: left;
}
.publisher-nick img {
  padding-top: 1px;
  padding-right: 4px;
}
.comment-rating {
  float: right;
}
.comment-rating a {
  display: block;
  float: left;
  margin-right: 3px;
  width: 18px;
  height: 18px;
  background-image: url("../images/rate.png");
  opacity: 0.4;
}
.comment-rating a.rate-up {
  background-position: 0 0;
}
.comment-rating a.rate-down {
  background-position: 0 -18px;
}
.comment-rating span {
  float: left;
  padding: 2px 0 0 5px;
  color: #a8a8a8;
  font-size: 0.813em;
}
.comment-rating span.minus {
  color: #ff0000;
}
.comment-rating span.plus {
  color: #59a80f;
}

.deleted-comment {
  display: inline-block;
  padding-top: 8px;
  color: #333333;
  font-size: 0.938em;
}
#comments .comment-form {
  margin-bottom: 15px;
  padding-bottom: 25px;
}

.comment-full .magic-c {
  top: -2px;
}
.comment-form {
  float: left;
  width: 100%;
}
.comment-form h3 {
  width: 100%;
  margin-bottom: 10px;
  color: #4d4d4d;
  font: normal 1.125em Arial;
}
.form-tarea {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 10px;
}
.form-tarea textarea {
  padding-bottom: 40px;
}
.form-actions {
  position: absolute;
  bottom: 2px;
  left: 3px;
  width: calc(100% - 16px);
  padding-top: 2px;
  flex-wrap: wrap;
  background: rgba(247, 247, 247, 1);
  background: -moz-linear-gradient(
    left,
    rgba(247, 247, 247, 1) 0%,
    rgba(247, 247, 247, 1) 92%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(247, 247, 247, 1)),
    color-stop(92%, rgba(247, 247, 247, 1)),
    color-stop(100%, rgba(255, 255, 255, 1))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(247, 247, 247, 1) 0%,
    rgba(247, 247, 247, 1) 92%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(247, 247, 247, 1) 0%,
    rgba(247, 247, 247, 1) 92%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(247, 247, 247, 1) 0%,
    rgba(247, 247, 247, 1) 92%,
    rgba(255, 255, 255, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(247, 247, 247, 1) 0%,
    rgba(247, 247, 247, 1) 92%,
    rgba(255, 255, 255, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff', GradientType=1 );
  border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.e-smile {
  width: 18px;
  height: 18px;
}
.e-smile #face {
  fill: #fff;
}
.active .e-smile #face {
  fill: #fbd971;
}
.e-smile #face-stroke {
  fill: #777;
}
.active .e-smile #face-stroke {
  fill: #555;
}
.e-smile #face,
.e-smile #face-stroke,
.e-text #e-text-fill,
.e-indent-text svg path,
.e-list svg path, 
.e-heading svg path {
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.e-bold-text svg,
.e-italic-text svg,
.e-center svg,
.e-text svg,
.e-underline-text svg,
.e-strike-text svg,
.e-link svg,
.e-spoiler svg {
  width: 16px;
  height: 16px;
  fill: #878787;
}
.e-indent-text svg {
  width: auto;
  height: 16px;
}
.e-indent-text svg path, .e-heading svg path {
  fill: #878787;
}
.e-list svg {
  width: 17px;
  height: 15px;
}
.e-heading svg {
  width: 15px;
  height: 16px;
}

.text-h2-editor, .text-h3-editor {
  width: 22px;
  height: 22px;
  display: block;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 1px;
}
.text-h2-editor:hover, .text-h3-editor:hover {
  background-color: #dee0e2;
}
.text-h2-editor {
  background-image: url("/templates/images/editor-heading2.svg");
  border-bottom: 1px solid #ccc;
}
.text-h3-editor {
  background-image: url("/templates/images/editor-heading3.svg");
}
.modal-heading .modal-content {
  padding: 2px;
}

.e-text #e-text-fill,
.e-youtube-link #youtube,
.e-image-plus path {
  fill: #878787;
}

.form-action a svg,
.e-youtube-link #youtube,
.e-preview, .e-image-plus path {
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.form-action a:hover svg,
.preview-btn:hover svg,
.e-smile:hover #face-stroke,
.e-text:hover #e-text-fill,
.e-text.active #e-text-fill,
.e-youtube-link:hover #youtube,
.e-indent-text:hover svg path,
.e-list:hover svg path,
.e-heading:hover svg path,
.e-image-plus:hover path {
  fill: #444;
}

.themePost h2 {
  font-size: 24px;
}
.themePost h3 {
  font-size: 20px;
  margin-bottom: 0;
}

.e-youtube-link svg {
  position: relative;
  top: -3px;
  width: 21px;
  height: 21px;
}
.e-image svg,
.e-audio svg,
.e-smile svg {
  position: relative;
  top: -1px;
  width: 18px;
  height: 18px;
  fill: #878787;
}
.e-smile svg {
  width: 19px;
  height: 19px;
}
.e-preview {
  width: 28px;
  height: 28px;
  fill: #878787;
}
.text-red-editor,
.text-blue-editor,
.text-green-editor {
  width: 20px;
  height: 20px;
  display: block;
}
.text-red-editor {
  background-color: red;
}
.text-blue-editor {
  background-color: blue;
}
.text-green-editor {
  background-color: green;
}

.e-list-item {
  display: flex;
  width: 100%;
  margin-bottom: 8px;
  margin-top: 8px;
}
.e-list-item + p {
  display: none;
}
.e-list-num {
  display: flex;
  color: #55656f;
  background-color: #dae2e7;
  width: 20px;
  height: 20px;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin-right: 8px;
  font-size: 12px;
  flex-shrink: 0;
  font-weight: 600;
}

.form-actions,
.form-action,
.form-action a {
  display: flex;
  display: -webkit-flex;
}
.form-action {
  position: relative;
  padding: 0 0 0 0;
  color: #4d4d4d;
  font: normal 0.813em Arial;
  z-index: 1;
}
.form-action a {
  padding: 7px 0 0;
  color: #4d4d4d;
  text-decoration: none;
  height: 30px;
  min-width: 32px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}
/* .form-action a.e-italic-text {    padding: 7px 6px 0 2px}
.form-action a.e-spoiler {		padding: 7px 5px 0 2px;	}
.form-action a.e-youtube-link {		padding: 7px 2px 0 5px;	} */

.comment-form #comment {
  overflow: hidden;
  height: 150px;
  font-family: "Manrope", sans-serif;
}

/* //.comment-form */

/***************WALLPAPERS*******************/
#walls,
#gallery {
  margin: 0 auto;
  padding: 5px 0 100px 0;
  width: 620px;
}
.top-zag h1,
.top-zag ul li,
.line,
.block,
.block h1,
.block ul,
.block ul li {
  float: left;
}
.top-zag h1,
.top-zag ul,
.block,
.block h1,
.block ul,
.section-menu h2,
#right .section .lvl-5 h3 {
  margin: 0;
}
.top-zag h1 {
  padding: 0 0 6px 0;
  font-size: 1.5em;
  color: #bbb;
  line-height: 23px;
}
.top-zag ul {
  padding: 4px 0 0 0;
  float: right;
  list-style: none;
}
.top-zag ul li {
  display: block;
  padding: 0 0 0 9px;
  font-size: 0.8em;
  color: #535353;
}
.top-zag ul li a,
.top-zag ul li select {
  font-size: 1em;
  color: #535353;
}
.top-zag ul li a:hover {
  color: #777777;
}
.line {
  padding: 2px 0 0 0;
}
.top-zag ul li select {
  margin: 0 0 0 8px;
  border: 1px solid #dbdddf;
  border-bottom: none;
  background: #f7f7f8;
  text-align: center;
}
.top-zag ul li select option {
  width: 90px;
}
.block {
  padding: 5px 0 0 0;
  width: 70%;
}
.block h1 {
  padding: 15px 0 5px 0;
  font-size: 1.3em;
  color: #313030;
  letter-spacing: 0.4px;
}
.block h1 a {
  color: #313030;
  text-decoration: none;
  outline: none;
  background: url("../images/border_bottom.gif") repeat-x bottom left;
}
.block h1 a:hover {
  background: url("../images/border_bottom2.gif") repeat-x bottom left;
}
.block ul {
  padding: 0 0 10px 0;
  list-style: none;
}
.block ul li {
  display: block;
  padding: 15px 0 0 17px;
}
.block ul li a img {
  border: 1px solid #393939;
}
.section-menu h2 {
  float: right;
  padding: 11px 10px 0 0;
}
.section-menu h2 a {
  outline: none;
}
.section-menu h2 a img {
  border: none;
}
#right .section .lvl-6 h3 {
  float: left;
  padding: 5px 0 5px 0;
  margin: 0;
  text-align: center;
  font-size: 0.8em;
  color: #424141;
}
#right .section .lvl-6 h3 a {
  padding: 0 4px 0 0;
  font-weight: normal;
  color: #424141;
  text-decoration: none;
}
#right .section .lvl-6 h3 a:hover {
  text-decoration: underline;
}

#static-2 {
  margin: 0 auto;
  padding: 15px 0 0 10px;
  width: 100%;
}

#storeBody #level0 {
  padding-top: 0;
}
/***************SEARCH********************/
.search-panel {
  width: 612px;
  padding-top: 4px;
  float: left;
}
.search-panel h1 {
  padding: 4px 3px 4px 6px;
  margin: 0;
  background: #eceaea;
  float: left;
  width: 100%;
  font-size: 0.9em;
  color: #313030;
}
.result-f {
  padding: 10px 0 0 6px;
  float: left;
  width: 100%;
  font-size: 0.7em;
  color: #333333;
}
.search-form {
  padding-top: 10px;
  float: left;
  width: 100%;
}
.search-form p,
.search-form h2 {
  padding: 0 10px 0 0;
  margin: 0;
  float: left;
}
.search-form p input {
  padding: 1px 4px;
  width: 200px;
  height: 18px;
  color: #333333;
  border: 1px solid #d1d3d5;
  background: #fafafa;
  font-size: 0.8em;
}
.search-form p input {
  padding: 2px 3px 0 0;
}
.search-photo {
  padding: 15px 0 0 0;
  margin: 0;
  list-style: none;
  float: left;
}
.search-photo li {
  display: block;
  float: left;
  width: 130px;
  text-align: left;
}
.search-photo li a img {
  border: none;
}
.search-photo .profile-view-link img {
  max-width: 100px;
}
.search-results {
  float: left;
  width: 100%;
}
.search-results h2 {
  padding: 15px 0 5px 0;
  margin: 0;
  float: left;
  width: 100%;
  font-size: 0.9em;
}
.search-results h2 a {
  color: #0000cc;
  text-decoration: underline;
}
.search-results h2 a:hover,
.search-results h3 a:hover,
.search-user h2 a:hover,
.search-info a:hover {
  text-decoration: none;
}
.search-results h3 {
  padding: 0 0 5px 0;
  margin: 0;
  float: left;
  width: 100%;
  font-size: 0.8em;
  color: #313030;
}
.search-results h3 a,
.search-user h2 a,
.search-info a {
  color: #313030;
  text-decoration: underline;
}
.search-user {
  float: left;
  padding: 13px 0 0 0;
}
.search-user h2 {
  padding: 0 0 10px 0;
  margin: 0;
  float: left;
  font-size: 0.8em;
  color: #313030;
}
.search-user h2 img {
  float: left;
  padding: 3px 7px 0 0;
}
.search-user h2 a {
  float: left;
}
.search-user h2 .s-pm {
  float: left;
  padding: 2px 0 0 7px;
}
.search-user h2 .s-pm a {
  font-size: 0.85em;
  text-decoration: none !important;
  color: #777777 !important;
}
.search-user h2 .s-pm a:hover {
  color: #313030 !important;
}
.search-info {
  font-size: 0.7em;
  color: #313030;
  padding: 5px 7px 4px 7px;
  float: left;
  background: #f1f1f1;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
* html .search-info {
  width: 240px;
}
.search-info .left {
  padding: 4px 0 5px 0;
}
/***************PROFILE*******************/
#profile {
  margin: 0 auto;
  padding: 25px 0 50px 0;
  width: 620px;
  position: relative;
  z-index: 2;
}

.menu-profile,
.menu-profile li,
.menu-profile li a,
.prof-inp,
.prof-inp h1,
.prof-inp h4,
.prof-inp h3,
.prof-ava,
.prof-ava h1 {
  float: left;
}
.prof-inp h1,
.prof-inp h2,
.prof-inp h4,
.prof-inp h3,
.prof-ava h1,
.prof-ava h2 {
  margin: 0;
}
.menu-profile {
  padding: 0 0 0 0;
  margin: 4px 0 0 0;
  list-style: none;
  width: 617px;
  background: #f3f3f3 url("../images/mnew-bg.png") repeat-x;
  height: 28px;
}
.mlvl3-s {
  width: 1px;
  height: 28px;
  background: url("../images/mnew-s.png") no-repeat bottom;
}
.menu-profile li {
  display: block;
  font-size: 11px;
  color: #313030;
}
.menu-profile li a span {
  cursor: pointer;
}
.menu-profile li a span.left {
  padding-top: 3px;
}
.menu-profile li a {
  padding: 5px 5px 0;
  height: 23px;
  color: #313030;
  text-decoration: none;
  outline: none;
  overflow: hidden;
}
.menu-profile li a:hover {
  background: url("../images/mnew-bgh.png") repeat-x;
}
.menu-profile li.menu-sel a {
  background: url("../images/mnew-bgh.png") repeat-x !important;
}
.menu-s-2,
.menu-s-3,
.menu-s-0,
.menu-s-5 {
  padding: 0 0 0 2px;
}
.menu-e-4,
.menu-l-5,
.menu-l-6,
.menu-r-1,
.menu-r-2,
.menu-t-2,
.menu-e-3,
.menu-e-2,
.menu-e-1,
.menu-s-4,
.menu-t-3,
.menu-t-4,
.menu-t-6,
.menu-s-6 {
  padding: 0 0 0 1px;
}
.menu-s-0,
.menu-s-1,
.menu-s-2,
.menu-s-3,
.menu-s-4,
.menu-s-5,
.menu-s-6,
.menu-e-1,
.menu-e-2,
.menu-e-3,
.menu-e-4,
.menu-e-5,
.menu-m-1,
.menu-l-1,
.menu-l-2,
.menu-l-3,
.menu-l-4,
.menu-l-5,
.menu-l-6,
.menu-r-1,
.menu-r-2,
.menu-r-3,
.menu-r-4,
.menu-r-5,
.menu-t-2,
.menu-t-3,
.menu-t-4,
.menu-t-5,
.menu-t-6,
.menu-b-1,
.menu-b-2,
.menu-b-3,
.menu-l-7,
.menu-l-8,
.menu-s-7,
.menu-s-8,
.menu-s-9,
.menu-l-9,
.menu-l-10,
.menu-ico {
  width: 19px;
  height: 28px;
  display: block;
  float: left;
}
.menu-basket {
  background: url("../images/menu/basket.png") no-repeat 0 1px;
}
.menu-s-0 {
  background: url("../images/menu/s-0.png") no-repeat 0 1px;
}
.menu-s-1 {
  background: url("../images/menu/s-1.png") no-repeat 0 2px;
}
.menu-s-2 {
  background: url("../images/menu/s-2.png") no-repeat 0 4px;
}
.menu-s-3 {
  background: url("../images/menu/s-3.png") no-repeat 0 2px;
}
.menu-s-4 {
  background: url("../images/menu/s-4.png") no-repeat 0 2px;
}
.menu-s-5 {
  background: url("../images/menu/s-5.png") no-repeat 0 1px;
}
.menu-s-6 {
  background: url("../images/menu/s-6.png") no-repeat 0 2px;
}
.menu-s-7 {
  background: url("../images/act-icons/23.png") no-repeat 0 2px;
}

.menu-s-8 {
  background: url("../images/act-icons/24.png") no-repeat 0 2px;
}
.menu-s-9 {
  background: url("../images/menu/s-9.png") no-repeat 0 2px;
}
.menu-b-1 {
  background: url("../images/menu/b-1.png") no-repeat 0 1px;
}
.menu-b-2 {
  background: url("../images/menu/b-2.png") no-repeat 0 1px;
}
.menu-b-3 {
  background: url("../images/menu/b-3.png") no-repeat 0 1px;
}

.menu-e-1 {
  background: url("../images/menu/e-1.png") no-repeat 0 0;
}
.menu-e-2 {
  background: url("../images/menu/e-2.png") no-repeat 0 0;
}
.menu-e-3 {
  background: url("../images/menu/e-3.png") no-repeat 0 0;
}
.menu-e-4 {
  background: url("../images/menu/e-4.png") no-repeat 0 1px;
}
.menu-e-5 {
  background: url("../images/menu/e-5.png") no-repeat 0 2px;
}

.menu-m-1 {
  background: url("../images/menu/m-1.png") no-repeat 0 2px;
}

.menu-l-1 {
  background: url("../images/menu/l-9.png") no-repeat 1px 0;
}
.menu-l-2 {
  background: url("../images/menu/l-2.png") no-repeat 0 1px;
}
.menu-l-3 {
  background: url("../images/menu/l-3.png") no-repeat 0 1px;
}
.menu-l-4 {
  background: url("../images/menu/l-4.png") no-repeat 0 1px;
}
.menu-l-5 {
  background: url("../images/menu/l-5.png") no-repeat 0 0;
}
.menu-l-6 {
  background: url("../images/menu/l-6.png") no-repeat 0 0;
}
.menu-l-7 {
  background: url("../images/menu/l-7.png") no-repeat 1px 2px;
}
.menu-l-8 {
  background: url("../images/menu/l-8.png") no-repeat 1px 2px;
}
.menu-l-9 {
  background: url("../images/menu/l-9.png") no-repeat 1px 0;
}
.menu-l-10 {
  background: url("../images/menu/l-10.png") no-repeat 0 3px;
}

.menu-r-1 {
  background: url("../images/menu/r-1.png") no-repeat 0 1px;
}
.menu-r-2 {
  background: url("../images/menu/r-2.png") no-repeat 0 1px;
}
.menu-r-3 {
  background: url("../images/menu/r-3.png") no-repeat 0 1px;
}
.menu-r-4 {
  background: url("../images/menu/r-4.png") no-repeat 0 1px;
}
.menu-r-5 {
  background: url("../images/menu/r-5.png") no-repeat 0 1px;
}

.menu-t-2 {
  background: url("../images/menu/t-2.png") no-repeat 0 1px;
}
.menu-t-3 {
  background: url("../images/menu/t-3.png") no-repeat 0 1px;
}
.menu-t-4 {
  background: url("../images/menu/t-4.png") no-repeat 0 0;
}
.menu-t-5 {
  background: url("../images/menu/t-5.png") no-repeat 0 2px;
}
.menu-t-6 {
  background: url("../images/menu/t-6.png") no-repeat 0 7px;
}

/* new profile menu */

.profile-header {
  padding: 15px 0 0;
  flex-wrap: wrap;
  justify-content: space-between;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  clear: both;
}
.profile-uname {
  margin: 0;
  padding: 0;
  font-size: 28px;
  font-weight: 700;
  color: #bbb;
}
.p-elite {
  background-image: url("../images/crown.png");
  background-repeat: no-repeat;
  background-position: 0 6px;
  padding: 0 0 0 36px;
  margin-left: 10px;
  color: #f6af36;
}
.games-tags {
  margin-top: 15px;
}
.tag-game {
  padding: 0 0 0 10px;
}
.profile-header .profile-uname {
  padding-left: 10px;
}
.profile-header .p-elite {
  padding-left: 36px;
}
.profile-header .games-tags {
  padding-right: 10px;
}

.profile-nav {
  margin: 5px 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
  width: 100%;
  border: 1px solid #dfe4e6;
  border-left: none;
  border-right: none;
  border-radius: 0;
  background-color: #fafafa;
  font-size: 14px;
  flex-wrap: wrap;
}
.profile-nav li {
  margin: 0 4px 0 0;
}
.profile-nav li a {
  display: flex;
}

.profile-nav a {
  position: relative;
  padding: 0 5px 1px;
  height: 32px;
  align-items: center;
  text-decoration: none;
  color: #51667b;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.2s ease-out 0s;
}
.profile-nav .menu-sel a {
  position: relative;
}
.profile-nav a:hover,
.profile-nav .menu-sel a {
  color: #333;
}
.profile-nav a::before {
  height: 4px;
  width: 100%;
  content: "";
  top: -4px;
  left: 0;
  position: absolute;
  border-radius: 3px 3px 0px 0px;
  opacity: 0;
  transition: all 0.2s ease-out 0s;
}
.profile-nav a:hover,
.profile-nav .menu-sel a,
.profile-nav a::before {
  background-color: #e7edf1;
}
.profile-nav .menu-sel a::before,
.profile-nav a:hover::before {
  opacity: 1;
}
.profile-nav-count {
  align-self: flex-start;
  padding-left: 2px;
  padding-top: 1px;
  font-size: 11px;
  font-weight: 700;
  color: #4f92ec;
}
.profile-nav i {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background-image: url("../images/profile-nav2.png");
  background-repeat: no-repeat;
}
.ico--profile {
  background-position: 0 0;
}
.ico--gaming {
  background-position: 0 -16px;
}
.ico--settings {
  background-position: 0 -32px;
}
.ico--friends {
  background-position: 0 -48px;
}
.ico--service {
  background-position: 0 -64px;
}
.ico--awards {
  background-position: 0 -80px;
}
.ico--actions {
  background-position: 0 -96px;
}
.ico--forums {
  background-position: 0 -112px;
}
.ico--rep-gosu {
  background-position: 0 -128px;
}
.ico--rep-user {
  background-position: 0 -144px;
}
.ico--rep-tourneys {
  background-position: 0 -160px;
}
.ico--rep-cw {
  background-position: 0 -176px;
}
.ico--rep-league {
  background-position: 0 -192px;
}
.ico--rep-add {
  background-position: 0 -208px;
}
.ico--ladder-all {
  background-position: 0 -224px;
}
.ico--ladder-nokorean {
  background-position: 0 -240px;
}
.ico--ladder-country {
  background-position: 0 -256px;
}
.ico--ladder-teams {
  background-position: 0 -272px;
}
.ico--ladder-cw {
  background-position: 0 -288px;
}
.ico--ladder-icc {
  background-position: 0 -304px;
}
.ico--ladder-elite {
  background-position: 0 -320px;
}
.ico--tour-users {
  background-position: 0 -336px;
}
.ico--tour-coming {
  background-position: 0 -352px;
}
.ico--tour-results {
  background-position: 0 -368px;
}
.ico--treetoys {
  background-position: 0 -384px;
}
.ico--matchlist {
  background-position: 0 -400px;
}

.prof-inp {
  padding: 5px 0 0 0;
}
.prof-inp h1 {
  font-size: 0.8em;
  color: #333;
}
.prof-inp h1 {
  padding: 14px 0 0 3px;
  width: 220px;
}
.prof-inp h4 {
  padding: 14px 0 0 0;
}
.prof-inp h2 textarea {
  width: 370px;
  padding: 2px 4px 2px 4px;
}
.prof-inp h2 textarea,
.prof-inp h2 select {
  font-size: 0.5em;
  color: #535353;
  border: 1px solid #d1d3d5;
  background: #fafafa;
}
.prof-inp h2 select {
  padding: 4px;
}
.prof-inp h3 {
  padding: 20px 0 0 475px;
}
/*selector*/
.ladder-selector {
  float: right;
  padding: 1px 12px 3px 0;
  background-color: #ececec;
  border-radius: 10px;
}
.top-padding {
  margin-top: 18px;
}
.sel1 {
  float: left;
  padding: 2px 4px 0 11px;
  font-size: 0.8em;
}
.sel2 {
  float: left;
  padding: 2px 0 0 8px;
  font-size: 0.8em;
}
.sel1 a,
.sel2 a {
  cursor: pointer;
  text-decoration: none;
}
.online span {
  width: 14px;
  height: 13px;
  float: left;
  background: url("../images/online-on.png") no-repeat 0 3px !important;
}
.ladder-selector span {
  width: 14px;
  height: 13px;
  float: left;
  background: url("../images/online-off.png") no-repeat 0 3px;
}
/*corr*/
.corr {
  padding: 8px 0 0 0;
  width: 100%;
}
.corr h1,
.corr h2,
.cor-stat {
  font-size: 0.7em;
}
.corr h1,
.corr h1 a,
.corr h3 a,
.corr h4,
.corr h4 a,
.cor-stat a {
  color: #313030;
}
.cor-on,
.cor-of {
  font-size: 0.6em;
}
.corr h1 {
  padding: 0 0 0 3px;
}
.corr h1 a,
.corr h3 a {
  text-decoration: underline;
}
.corr h1 a:hover,
.cor-stat a,
.corr h4 a,
.corr h3 a:hover {
  text-decoration: none;
}
.corr h2,
.cor-stat {
  color: #6c6c6c;
}
.corr h2 {
  float: right;
}
.corr h3 {
  padding: 7px 0 12px 3px;
}
.corr h3 a {
  outline: none;
}
.corr h4 {
  padding: 0 0 0 1px;
  margin: 0;
  float: left;
  height: 24px;
  overflow: hidden;
  font: normal 1.2em Times;
}
.corr h5 {
  padding: 8px 0 10px 3px;
  margin: 0;
  float: left;
}
.corr h5 a img {
  border: 1px solid #393939;
}
.cor-stat {
  float: left;
  padding: 6px 0 0 8px;
}
.cor-in {
  padding: 0 0 8px 0;
  float: left;
}
.cor-out {
  float: left;
  padding: 0 0 8px 11px;
}
.cor-on {
  float: left;
  padding: 1px 0 0 10px;
  color: green;
}
.cor-on,
.cor-of {
  float: left;
  padding: 1px 0 0 10px;
}
.cor-of {
  color: #828282;
}

.profile-left {
  float: left;
  width: 200px;
  padding: 30px 0 0 0;
}
/*profileRight*/
.profile-right {
  float: left;
  padding: 0 0 0 20px;
}
/*table-corp*/
.t-im {
  float: left;
}
.t-corp {
  float: left;
  width: 100%;
  padding: 7px 0 7px 0;
  border-bottom: 1px solid #e7e7e7;
}
.t-corp img {
  float: left;
  padding: 1px 6px 0 0;
}
.width395 {
  width: 395px;
}
.line14 {
  line-height: 1.4em;
}
.field1,
.field1n {
  float: left;
  padding: 0 0 0 3px;
  font-size: 0.7em;
  color: #313030;
}
.field1n {
  color: #333 !important;
}
.field1 a {
  color: #535353;
  text-decoration: underline;
}
.field1n a {
  color: #333;
  text-decoration: none;
}
.field2 {
  float: left;
  font-size: 0.7em;
  color: #313030;
}
.field2 textarea {
  width: 250px;
  padding: 2px;
  border: 1px solid #d4d4d4;
  background: #fdfdfd;
}
.field2 a {
  color: #186296;
  text-decoration: underline;
}
.field2 a:hover,
.field1 a:hover {
  text-decoration: underline;
  color: #c83a13;
}
/******************TEAM PROFILE***************/
.profile-team {
  float: left;
  padding: 30px 0 0 0;
}
.profile-team h1 {
  padding: 0 10px 0 0;
  margin: 0;
  float: left;
  width: 180px;
  box-sizing: border-box;
  max-height: 260px;
  overflow: hidden;
}
.profile-team h1 img {
  border: 1px solid #393939;
  max-width: 100%;
}
.vs {
  float: left;
  padding: 0 5px 0 0;
}
.t-corp2 {
  border-bottom: 1px solid #e7e7e7;
}
.t-corp4 {
  border-bottom: 1px solid #dddcdc;
}
.t-corp2,
.t-corp4 {
  float: left;
  width: 100%;
  padding: 7px 0 5px 0;
  height: 15px; /*new*/
}
.t-corp2 img {
  float: left;
  padding: 1px 6px 0 0;
}
.field3 {
  float: right;
  overflow: hidden;
  height: 16px;
}
.field3 a {
  color: #313030;
  text-decoration: none;
}
.field3 a:hover {
  text-decoration: underline;
}
/*top-nav*/
.teamgames {
  float: left;
  padding: 5px 0 0 10px;
}
.tg-sc {
  float: left;
  padding: 0 5px;
}
.tg-sc a img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
}
.tg-sc a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
}
.tg-sc a img {
  border: none;
}
.top-href {
  float: right;
}
.top-href a {
  font-size: 1.3em;
  color: #535353;
  letter-spacing: 0.4px;
  text-decoration: none;
  border-bottom: 1px solid #e7e7e7;
}
.top-href a:hover {
  border-bottom: none;
}
/*shout-box*/
.t-shout {
  float: left;
}
.t-shout img {
  float: left;
  padding: 1px 5px 0 3px;
  /* padding:3px 5px 0 3px;  */
}
.t-shout a {
  font-size: 0.7em;
  color: #186296;
  text-decoration: underline;
}
.t-shout a:hover {
  color: #c83a13;
  text-decoration: underline;
}
/**GLOBAL PAGINATOR***/
.big-paginator {
  float: left;
}
.cl-left ul {
  list-style: none;
  margin: 0;
  padding: 8px 0 0 0;
  text-align: center;
}
.cl-left ul li {
  float: left;
  display: block;
  padding: 0 0 0 3px;
  font-size: 0.8em;
}
.cl-left ul li.cl-ar a {
  padding: 0 30px 2px 10px;
  text-decoration: none;
  background: url("../images/cl-arh.gif") no-repeat right;
  color: #313030;
}
.cl-left ul li.blockedl {
  padding: 0 10px 2px 30px;
  background: url("../images/cl-al.gif") no-repeat left;
  color: #999999;
}
.cl-left ul li.blockedr {
  padding: 0 30px 2px 10px;
  background: url("../images/cl-arh.gif") no-repeat right;
  color: #999999;
}
* html .cl-left ul li.cl-ag {
  padding: 0 12px 0 0;
}
* + html .cl-left ul li.cl-ag {
  padding: 0 12px 0 0;
}
.cl-left ul li.cl-ag a {
  padding: 0 10px 2px 30px;
  background: url("../images/cl-al.gif") no-repeat left;
  text-decoration: none;
  color: #313030;
}
.cl-left ul li.cl-ag a:hover {
  color: #313030;
  background: url("../images/cl-alh.gif") no-repeat left;
}
.cl-aa-sel a {
  color: #ffffff;
  background: #4a4a4a;
  padding: 0 5px 1px 5px;
  text-decoration: none;
}
.cl-left ul li.cl-ar a:hover {
  background: url("../images/cl-ar.gif") no-repeat right;
  color: #313030;
}
.cl-left ul li.cl-aa a {
  color: #313030;
  text-decoration: none;
  padding: 0 5px 1px 5px;
}
.cl-left ul li.cl-aa a:hover {
  color: #ffffff;
  background: #4a4a4a;
}
.cl-left ul li.cl-ag span {
  padding: 0 4px 0 0;
}
* html .cl-left ul li.cl-ag span {
  padding: 0 0 0 30px;
}
* + html .cl-left ul li.cl-ag span {
  padding: 0 0 0 30px;
}
.cl-left ul li.cl-ar span {
  padding: 0 0 2px 0px;
}
/******************LEAGUE START****************/
.league-start {
  width: 100%;
  padding: 15px 0 0 0;
  float: left;
}
.fontT,
.l-sel {
  font-size: 0.8em;
}
.league-start h1 {
  padding: 0 0 7px 0;
  margin: 0;
  font-size: 1.1em;
  color: #313030;
  letter-spacing: 0.4px;
}
.league-start h1 a {
  color: #313030;
  text-decoration: none;
  border-bottom: 1px dashed #313030;
}
.league-start h1 a:hover {
  text-decoration: none;
  border-bottom: none;
}
.league-start .l-sel {
  padding: 0 4px 0 4px;
  background: #e8e8e8;
  color: #313030;
}

/*tourneyRight*/
.t-right {
  float: left;
  padding: 2px 0 0 0;
  width: 100%;
}
.t-right h1,
.t-right h2,
.tour,
.t-right h5 {
  margin: 0;
  float: left;
}
.t-right h1 {
  padding: 0 20px 0 0;
}
.t-right h5 {
  padding: 0;
  width: 30px;
  /* width:40px; */
}
.t-right h2 {
  padding: 0;
}
.t-right h2 a,
.t-right h1 a,
.tour a {
  color: #313030;
  text-decoration: none;
}
.t-right h2 a:hover,
.t-right h1 a:hover,
.tour a:hover {
  text-decoration: underline;
}
.t-right h2 img {
  float: left;
  padding: 1px 5px 0 0;
  /* padding:2px 5px 0 0; */
}
.t-singl {
  float: left;
  padding: 5px 0 1px 0;
  width: 100%;
}
.section .t-right .lvl-3 {
  margin-top: 4px;
}
.section-menu h4 {
  padding: 11px 0 0 0;
  margin: 0;
  float: right;
}
.tour {
  float: left;
  padding: 0 0 0 2px;
  /* padding:0 0 0 7px; */
}
.tour img {
  float: right;
  padding: 1px 0 0 5px;
}
.tour .left {
  padding: 0 5px 0 0;
}
.tour .a3,
.tour .a2,
.tour .a1,
.tour .b3,
.tour .b2,
.tour .b1,
.tour .c3,
.tour .c2,
.tour .c1,
.tour .d3,
.tour .d2,
.tour .d1,
.tour .ooooo,
.s1,
.s2,
.s3 {
  padding-right: 0 !important;
  background-position: bottom;
}
.tour-r {
  float: right;
  padding: 1px 7px 0 0;
}
.tour-r a {
  color: #000000;
  text-decoration: underline;
}
.tour-r a:hover {
  text-decoration: none;
}
.t-right ul {
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
}
.t-right ul li {
  display: block;
  float: left;
  padding: 8px 6px 0 12px;
}
.t-right ul li img {
  border: none;
}
/***MATCHES******/
.matches-inside {
  width: 80%;
  float: left;
  padding: 0 0 40px 60px;
}
.matches {
  width: 100%;
  float: left;
  padding-top: 5px;
}
.matches h2 {
  margin: 0;
  float: left;
  width: 110px;
  font-size: 0.7em;
  color: #313030;
}
.matches h1 {
  padding: 0 15px 0 15px;
  margin: 0;
  float: left;
  font-size: 0.7em;
  color: #313030;
}
.matches h3 {
  font-size: 0.7em;
  color: #313030;
  float: right;
  padding: 0;
  margin: 0;
}
.matches h2 {
  padding: 0;
}
.matches h2 a {
  color: #313030;
  text-decoration: none;
}
.matches h2 a:hover {
  text-decoration: underline;
}
.matches h2 img {
  float: left;
  padding: 0 5px 0 0;
}
.section .matches .lvl-3 {
  margin-top: 4px;
}

/*ladder*/
.field6 {
  float: left;
  font-size: 0.8em;
  color: #313030;
}
.down-a {
  background: url("../images/down_arrow.gif") no-repeat 0 80%;
}
.top-a {
  background: url("../images/top_arrow.gif") no-repeat 0 60%;
}
.field6 a {
  color: #313030;
  text-decoration: none;
  outline: none;
  padding: 0 0 0 10px;
}
.field6 a img {
  border: none;
  padding-top: 3px;
}
.off,
.on {
  padding: 2px 14px 0 0 !important;
  float: left;
  width: 27px;
  height: 11px;
}
.off {
  background: url("../images/off.gif") no-repeat bottom left;
}
.on {
  background: url("../images/on.gif") no-repeat bottom left;
}
.t-hover-1 {
  background: #f4f4fb;
}
.t-hover-1:hover,
.t-hover-2:hover {
  background: #dddcdc !important;
}
.t-hover-2 {
  background: #efefef;
}
.t-corp3,
.t-corp5 {
  float: left;
  width: 100%;
  border-bottom: 1px solid #dddcdc;
}
.t-corp5 {
  padding: 7px 0 6px 0;
}
.t-corp3 {
  padding: 6px 0 6px 0;
}
* html .t-corp3 {
  padding: 6px 0 5px 0;
}
.t-corp3 img,
.t-corp5 img {
  float: left;
  margin: 1px 6px 0 0;
}

.a3 {
  background: #ddd url("../images/lRanks/a3.png") no-repeat;
}
.a2 {
  background: #ddd url("../images/lRanks/a2.png") no-repeat;
}
.a1 {
  background: #ddd url("../images/lRanks/a1.png") no-repeat;
}
.b3 {
  background: #ddd url("../images/lRanks/b3.png") no-repeat;
}
.b2 {
  background: #ddd url("../images/lRanks/b2.png") no-repeat;
}
.b1 {
  background: #ddd url("../images/lRanks/b1.png") no-repeat;
}
.c3 {
  background: #ddd url("../images/lRanks/c3.png") no-repeat;
}
.c2 {
  background: #ddd url("../images/lRanks/c2.png") no-repeat;
}
.c1 {
  background: #ddd url("../images/lRanks/c1.png") no-repeat;
}
.d3 {
  background: #ddd url("../images/lRanks/d3.png") no-repeat;
}
.d2 {
  background: #ddd url("../images/lRanks/d2.png") no-repeat;
}
.d1 {
  background: #ddd url("../images/lRanks/d1.png") no-repeat;
}
.cpu {
  background: #ddd url("../images/lRanks/cpu.png") no-repeat;
}
.s1 {
  background: #ddd url("../images/lRanks/s1.png") no-repeat;
}
.s2 {
  background: #ddd url("../images/lRanks/s2.png") no-repeat;
}
.s3 {
  background: #ddd url("../images/lRanks/s3.png") no-repeat;
}
.ooooo {
  background: #ddd url("../images/lRanks/olymp.png") no-repeat;
}
.a3,
.a2,
.a1,
.b3,
.b2,
.b1,
.c3,
.c2,
.c1,
.d3,
.d2,
.d1,
.cpu,
.s1,
.s2,
.s3,
.ooooo {
  width: 28px;
  height: 14px;
  float: left;
  margin-right: 5px;
  background-size: contain;
}

.field12 {
  float: left;
}
.field12 a {
  text-decoration: none;
  color: #313030;
}
/*ladder2x2 + 1x1*/
.field7,
.field8 {
  float: left;
  text-align: center;
  font-size: 0.7em;
  color: #313030;
}
.field7 {
  padding: 7px 0 0 0;
}
.field7 a,
.field8 a {
  color: #313030;
  text-decoration: underline;
  padding: 0 0 0 10px;
}
.field8 span {
  color: #999;
  padding: 0 0 0 10px;
}

.field7 a:hover,
.field8 a:hover {
  text-decoration: none;
}
.op-ranks {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
}
.field2 a img {
  border: none;
}

/*match-info*/
.match-info {
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 10px;
}
.match-info .t-corp2 {
  border-bottom: none !important;
}
.field5 {
  float: left;
  padding: 0 6px 0 6px;
  font-size: 0.8em;
  color: #313030;
}
.field5 a {
  color: #000000;
  text-decoration: underline;
}
.field5 a:hover {
  text-decoration: none;
}
.field5 img {
  padding-top: 2px;
}
/***times ONLY SECTION*****/
.timec {
  display: flex;
  padding: 5px 5% 15px;
  width: 100%;
  box-sizing: border-box;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 10px;
}
.timec span {
  display: flex;
  font-size: 13px;
  color: #333;
}
/***************PROFILE-GAMING***************/
.pg-right {
  float: right;
  width: 49%;
}
.pg-left {
  float: left;
  width: 49%;
}

.t-contact {
  float: left;
  width: 100%;
}
.t-contact input {
  padding: 2px;
  margin: 0;
  width: 170px;
  border: 1px solid #d2d3d5;
  background: #fafafa;
  font-weight: normal;
  color: #424141;
}
.t-contact h1 {
  padding: 1px 0 2px 7px;
  margin: 0;
  float: left;
}
.t-contact h2 {
  padding: 0 0 0 5px;
  margin: 0;
  float: left;
}
.t-single {
  float: left;
  padding: 5px 0 4px 0;
  width: 99%;
}
/*****************RIGHT*********************/
#right {
  float: left;
  margin: 0;
  padding: 0;
  width: 345px;
}
#right .right-main {
  padding: 0;
  margin: 0;
  width: 345px;
  background: #f4f4fb;
}
#right .banner-right {
  margin: 0 auto;
  padding: 0 0 10px 0;
  text-align: center;
}
#right .banner-right a {
  outline: none;
}
#right .banner-right a img {
  border: none;
}
/*section*/
#right .section {
  width: 324px;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 10px;
}
#right .section-menu {
  padding: 0;
  margin: 0 0 4px 0;
  float: left;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #cfd2d0;
}
#right .section-menu h1,
.section-menu .sectionTitle {
  padding: 0;
  margin: 0;
  float: left;
  font-size: 1.4em;
  color: #313030;
}
#right .section-menu h1 a {
  font-size: 1em;
  color: #313030;
  text-decoration: none;
  outline: none;
}
#right .section-menu h1 a:hover {
  text-decoration: underline;
}
#right .section-menu ul {
  padding: 0;
  margin: 6px 0 0 0;
  list-style: none;
  position: absolute;
  right: 0;
  top: 2px;
  border-top: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
}
#right .section-menu ul li {
  display: block;
  float: left;
  padding: 0;
  border-left: 1px solid #cfd2d0;
}
#right .section-menu ul li a,
#right .section-menu .radio {
  color: #363636;
  text-decoration: none;
  display: block;
  padding: 3px 13px 3px 13px;
  background: url("../images/ul-bg.gif") repeat-x;
  border-bottom: 1px solid #d3d3d3;
}
#right .section-menu ul li a,
.section .radio-status {
  font-weight: 700;
  font-size: 0.7em;
  font-weight: normal;
  letter-spacing: 1px;
}
#right .section-menu ul li a:hover {
  text-decoration: underline;
  background: url("../images/ul-hover.gif") repeat-x;
  border-bottom: 1px solid #ebebf4;
}
#right .section-menu ul li a.tab-activ {
  text-decoration: none;
  font-weight: normal;
  background: url("../images/ul-hover.gif") repeat-x;
  border-bottom: 1px solid #ebebf4;
}
#right .section-menu .radio,
.section .radio-info p,
.section .radio-hrefs,
.section .radio-song p {
  font-size: 0.7em;
  line-height: 14px;
}
#right .section .lvl-5 {
  padding: 7px 0 0 0;
  height: 21px;
}
#right .section .lvl-5 h5 {
  float: left;
  margin: 1px 0 0 1px;
  padding: 0 6px 0 0;
}
.lvl-5 .cs,
.lvl-5 .sc,
.lvl-5 .dota,
.lvl-5 .wc,
.lvl-5 .icc,
.lvl-5 .sc2 {
  width: 30px;
  height: 14px;
}
.lvl-5 .cs {
  background: url("../images/cs.gif") no-repeat;
}
.lvl-5 .sc {
  background: url("../images/sc.gif") no-repeat;
}
.lvl-5 .sc2 {
  background: url("../images/sc2.gif") no-repeat;
}
.lvl-5 .dota {
  background: url("../images/dota.gif") no-repeat;
}
.lvl-5 .wc {
  background: url("../images/wc.gif") no-repeat;
}
.lvl-5 .icc {
  background: url("../images/all.gif") no-repeat;
}
#right .section .lvl-5 h2 {
  float: left;
  margin: 0;
  padding: 2px 0 0 3px;
  /* padding:0 0 0 7px; */
}
#right .section .lvl-5 .lvl-3 {
  margin-top: 4px;
}
#right .right-bottom {
  width: 100%;
  height: 11px;
  padding: 10px 0 0 0;
  overflow: hidden;
  background: url("../images/right-bottom.gif") no-repeat bottom;
}
.section .radio-status img {
  padding: 0 5px 0 0;
}
.section .radio-status,
.section .radio-info p,
.section .radio-hrefs,
.section .radio-song p {
  color: #000000;
}
.section .radio-info {
  padding: 5px 0 15px 4px;
  float: left;
}
.section .radio-info p {
  padding: 7px 0 0 0;
  margin: 0;
}
.section .radio-hrefs u {
  display: block;
  float: left;
  padding: 6px 7px 0 0;
}
.section .radio-hrefs a {
  padding: 5px 0 0 0;
  display: block;
  float: left;
  outline: none;
}
.section .radio-hrefs a img {
  border: none;
}
.section .radio-hrefs .lin {
  display: block;
  float: left;
  padding: 8px 7px 0 7px;
  font-size: 0.9em;
  color: #cfd2d0;
}
.section .radio-song {
  float: right;
  text-align: center;
  padding: 15px 30px 0 0;
}
.section .radio-song p {
  padding: 0;
  margin: 0;
}
/*******************************/

.right-res {
  float: left;
  padding: 20px 0 0 0;
  width: 100%;
  text-align: center;
  font-size: 0.8em;
  color: #e7e7e7;
}
/******error********/
#reg .error {
  padding: 25px 0 0 25px;
}
#reg .error ul {
  padding: 3px 0 0 0;
  margin: 0;
  list-style: none;
}
#reg .error ul li {
  padding: 6px 6px 10px 6px;
  float: left;
  display: block;
  font-size: 0.8em;
  color: #434343;
}
#reg .error-gif {
  float: left;
  display: block;
  padding: 3px 0 0 0;
}
#reg .error-mes {
  float: left;
  padding: 0 0 0 8px;
}

.error-2 .mess-y,
.error-2 .mess-n {
  padding: 4px 10px 8px 14px;
  background: #f5f5f5;
}
.error-2 .mess-y {
  border-left: 3px solid red;
}
.error-2 .mess-n {
  border-left: 3px solid #dbdbdb;
}
.error-2 .mess-1 {
  padding: 0 0 2px 0;
  font-size: 1.4em;
  line-height: 1.7em;
  color: #313131;
}
.error-2 .mess-2 {
  padding: 6px 0 3px 3px;
  font-size: 0.8em;
  line-height: 1.3em;
  color: #313131;
}
.error-2 .mess-2 a {
  color: #186296;
  text-decoration: underline;
}
.error-2 .mess-2 a:hover {
  color: #c83a13;
  text-decoration: underline;
}
.error-3 .mess-y,
.error-3 .mess-n {
  background: #f5f5f5;
}
.success-3 .mess-y {
  background: #f0fff0;
}

.success-3 .mess-y,
.error-3 .mess-y {
  border-left: 3px solid #00ca00;
}
.error-3 .mess-n {
  border-left: 3px solid #dbdbdb;
}
.success-3 .mess-1,
.error-3 .mess-1 {
  font-size: 1.4em;
  line-height: 1.7em;
  color: #313131;
}
.success-3 .mess-2,
.error-3 .mess-2 {
  font-size: 0.8em;
  line-height: 1.3em;
  color: #313131;
}
.error-3 .mess-2 a {
  color: #186296;
  text-decoration: underline;
}
.success-3 .mess-2 a {
  color: #621896;
  text-decoration: underline;
}
.error-3 .mess-2 a:hover {
  color: #c83a13;
  text-decoration: underline;
}

.success-3 .mess-2 a:hover {
  color: #3ac813;
  text-decoration: underline;
}
.success-3 ul,
.error-3 ul {
  margin: 0;
  list-style: none;
}
.success-3 ul li,
.error-3 ul li {
  padding: 10px 6px;
  float: left;
  display: block;
  font-size: 1em;
  color: #434343;
}
.mess-y {
  border-right: 3px solid red;
}
.success-3 .mess-y {
  border-right: 3px solid #00ca00;
}

.success-3,
.error-3,
.error-2 {
  position: relative;
  top: 20px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  padding: 0 0 0 0;
  width: 100%;
  justify-content: center;
}
.success-3 .mess-y,
.error-3 .mess-y,
.error-2 .mess-y {
  width: 560px;
}
.success-3 li,
.error-3 li,
.error-2 li {
  line-height: 20px;
}

/*
.success-3
.mess-y
.mess-2 {

}
*/
/********advanced blocks**********/
.adv {
  margin: 0 auto;
  width: 560px;
  padding-top: 20px;
}
.adv h2 {
  padding: 10px 0 20px 0;
  margin: 0;
  float: left;
  font-size: 0.8em;
  color: #424242;
  line-height: 1.6em;
}
.adv h2 a {
  text-decoration: underline;
  color: #424242;
}
.adv h2 a:hover {
  text-decoration: none;
}
/******conf*********/

/*new*/
.textleft, .text-left {
  text-align: left !important;
}
.margin1t {
  margin-top: 1px !important;
}
.times {
  font-family: Times !important;
}
.width100 {
  width: 100%;
}
.width420 {
  width: 420px;
}
.width440 {
  width: 440px;
}
.width215 {
  width: 215px;
}
.width200,
.width200c {
  width: 200px;
}
.width160 {
  width: 160px;
}
.width210 {
  width: 210px;
}
.width220 {
  width: 220px;
}
.width225 {
  width: 225px;
}
.width230 {
  width: 230px;
}
.width240 {
  width: 240px;
}
.width260 {
  width: 260px;
}
.width270 {
  width: 270px;
}
.width340 {
  width: 340px;
}
.width190p {
  width: 190px;
  padding: 0 0 0 40px;
}
.width190,
.width190c {
  width: 190px;
}
.width180p {
  width: 187px;
  padding: 0 0 0 43px;
}
.width180pr {
  width: 200px;
  padding: 0 30px 0 0;
}
.width110c {
  width: 110px;
}
.width200c,
.width180c,
.width20c,
.width60c,
.width80c,
.width75c,
.width83c,
.width40c,
.width90c,
.width70c,
.width105c,
.width120c,
.width190c,
.width50c,
.width160c,
.width110c {
  text-align: center;
}
.width180c,
.width180 {
  width: 180px;
}
.width155 {
  width: 155px;
}
.width150 {
  width: 150px;
}
.width170 {
  width: 170px;
}
.width160c {
  width: 160px;
}
.width20c {
  width: 20px;
}
.width26 {
  width: 26px;
}
.width83c {
  width: 79px;
  padding-left: 3px;
}
.width83 {
  width: 83px;
}
.width80c,
.width80 {
  width: 80px;
}
.width85 {
  width: 85px;
}
.width90,
.width90c,
.width90r {
  width: 90px;
}
.width90r {
  text-align: right !important;
}
.width65 {
  width: 65px;
}
.width75c,
.width75 {
  width: 75px;
}
.width73r {
  width: 73px;
  text-align: right;
}
.width105,
.width105c {
  width: 100px;
}
.width110 {
  width: 110px;
}
.width120,
.width120c {
  width: 120px;
}
.width130 {
  width: 130px;
}
.width135 {
  width: 135px;
}
.width140 {
  width: 140px;
}
.width30 {
  width: 30px;
}
.width40,
.width40c {
  width: 40px;
}
.width35 {
  width: 35px;
}
.width45 {
  width: 45px;
}
.width50,
.width50c {
  width: 50px;
}
.width50per {
  width: 50% !important;
}
.width80r {
  width: 80px;
  text-align: right;
}
.width60,
.width60c {
  width: 60px;
}
.width20 {
  width: 20px;
}
.width70,
.width70c {
  width: 70px;
}
.width225 {
  width: 225px;
}
.width185 {
  width: 185px;
}
.width100px {
  width: 100px;
}
.width70p10 {
  width: 70px;
  padding: 0 0 0 10px;
}
.width235 {
  width: 235px;
}
/**/
.border {
  border: 1px solid red;
}
.right,
.pull-right {
  float: right !important;
}
.left,
.pull-left {
  float: left !important;
}
.margin9 {
  margin: 9px 0 0 0;
}
.padding {
  padding: 20px 0 10px 2px;
}
.pdr0 {
  padding-right: 0 !important;
}
.pdr5 {
  padding-right: 5px !important;
}
.pdl5 {
  padding-left: 5px !important;
}
.padding3 {
  padding: 2px 6px 0 3px;
  float: left;
}
.padding2 {
  padding: 20px 0 10px 20px;
}
.padding15 {
  padding-bottom: 20px;
  float: left;
}
.padding15top {
  padding: 15px 0 0 0;
  float: left;
}
.padding5tr {
  padding: 5px 0 0 0;
  float: right;
}
.padding5t {
  float: right;
}
.paddingt1 {
  padding-top: 1px !important;
}
.paddingt7 {
  padding-top: 7px !important;
}
.paddingt0 {
  padding-top: 0 !important;
}
.padding0 {
  padding-left: 0 !important;
}
.padding30 {
  padding-top: 30px;
}
.padding20 {
  padding: 20px 10px 0 0;
}
.padding20b {
  padding-bottom: 20px !important;
}
.margin20 {
  margin-top: 20px;
}
.padding10b {
  padding-bottom: 10px !important;
  float: left;
}
.margin30 {
  margin-top: 30px;
}
.padding30left {
  padding: 30px 0 30px 0;
  float: left;
}
.bbnone,
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-0 {
  border: 0 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-left-0 {
  border-left: 0 !important;
}

.padding10 {
  padding-top: 10px;
  padding-bottom: 30px;
}
.blue,
.red {
  padding: 3px 4px 0 4px;
  float: left;
}
.gray {
  float: left;
  padding: 0 4px;
  color: #b2b2b2;
}
.blue {
  color: #266bac;
}
.red {
  color: #da2b24;
}
.colorgreen {
  color: #499e19;
}
.error {
  color: #666;
  font-size: 0.8em;
}
.clear {
  font-size: 1px;
  height: 0;
  overflow: hidden;
  clear: both;
}
.b-none {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}
.relative {
  position: relative;
}
.bg-none {
  background: none !important;
}

/* ##################### UNK #################### */
ul.iccup {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px outset #444;
  position: absolute;
  z-index: 9999;
  cursor: default;
  display: none;
  background: #fff;
}
ul.iccup li {
  -moz-user-select: none;
  padding: 3px 0 3px 5px;
  font-size: 0.8em;
  color: #434343;
  background: #fff;
  text-decoration: none;
  cursor: default;
  height: 16px;
}
ul.iccup li.selected {
  background: steelblue;
  color: #fff;
}
a.iccup {
  display: block;
  height: 26px;
  text-decoration: none;
  cursor: default;
  border: 1px solid #d1d3d5;
  background: #fafafa;
  font-size: 0.8em;
  color: #434343;
  padding-right: 12px;
  padding-left: 6px;
}
a.iccup div {
  background: url(../images/reg-but.gif) no-repeat right 0;
  padding: 6px 6px 0 6px;
  height: 20px;
  _height: 20px; /* IE ... */
  overflow: hidden;
  -moz-user-select: none;
  width: 100%;
}
a.iccup div * {
  font-size: 0.8em;
  color: #434343;
}
a.iccup:hover,
a.iccup:focus,
a.iccup:active {
  border: 1px solid #bfc1c3;
}
a.iccup:hover div,
a.iccup:focus div,
a.iccup:active div {
  background: url(../images/reg-but.gif) no-repeat right -25px;
}
a.iccup2,
a.iccup,
a.iccup3 {
  margin: 0 15px 0 0;
}
ul.iccup2 {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px outset #444;
  position: absolute;
  z-index: 9999;
  cursor: default;
  display: none;
  background: #fff;
  padding-right: 18px;
}
ul.iccup2 li {
  -moz-user-select: none;
  padding: 2px 0 2px 5px;
  _padding: 0 15px 0 5px; /* IE ... */
  font-size: 0.5em;
  color: #434343;
  background: #fff;
  text-decoration: none;
  cursor: default;
  height: 16px;
}
ul.iccup3 {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px outset #444;
  position: absolute;
  z-index: 9999;
  cursor: default;
  display: none;
  background: #fff;
  padding-right: 18px;
  width: 75px !important;
}
* + html ul.iccup3 {
  width: 70px !important;
}
* html ul.iccup3 {
  width: 70px !important;
}
ul.iccup3 li {
  -moz-user-select: none;
  padding: 2px 0 2px 10px;
  _padding: 0 15px 0 10px; /* IE ... */
  font-size: 0.8em;
  color: #434343;
  background: #fff;
  text-decoration: none;
  cursor: default;
  height: 16px;
  cursor: pointer;
  width: 110%;
}
* html ul.iccup2 li {
  padding: 2px 15px 2px 5px;
  float: left;
  clear: both;
}
* + html ul.iccup2 li {
  padding: 2px 15px 2px 5px;
  float: left;
  clear: both;
}
ul.iccup2 li.selected {
  background: steelblue;
  color: #fff;
}
* html ul.iccup3 li {
  padding: 2px 15px 2px 10px;
  float: left;
  clear: both;
  width: 70%;
}
* + html ul.iccup3 li {
  padding: 2px 15px 2px 10px;
  float: left;
  clear: both;
  width: 90%;
}
ul.iccup3 li.selected {
  background: steelblue;
  color: #fff;
}
a.iccup2 {
  display: block;
  height: 20px;
  text-decoration: none;
  cursor: default;
  border: 1px solid #d1d3d5;
  background: #fafafa;
  font-size: 0.5em;
  color: #434343;
  padding-right: 12px;
  padding-left: 6px;
}
a.iccup3 {
  display: block;
  height: 18px;
  text-decoration: none;
  cursor: default;
  border: 1px solid #d1d3d5;
  background: #fafafa;
  font-size: 0.8em;
  color: #434343;
  padding-right: 12px;
  padding-left: 4px;
}
* html a.iccup2,
* html a.iccup,
* html a.iccup3 {
  padding-right: 0;
}

a.iccup2 div {
  background: url(../images/reg-but2.gif) no-repeat right top;
  padding: 3px 6px 0 6px;
  height: 17px;
  overflow: hidden;
  -moz-user-select: none;
  width: 100%;
}
a.iccup3 div {
  background: url(../images/reg-but2.gif) no-repeat 100% 89%;
  padding: 1px 6px 0 6px;
  height: 17px;
  overflow: hidden;
  -moz-user-select: none;
  width: 100%;
}
#comtab {
  float: left;
  padding: 20px 0 0 224px;
  width: 170px;
  font-size: 0.8em;
  color: #323232;
  text-align: justify;
}
.section #comtab {
  padding: 0 !important;
}
a.iccup2 div * {
  font-size: 0.8em;
  color: #434343;
}
a.iccup2:hover,
a.iccup2:focus,
a.iccup2:active {
  border: 1px solid #bfc1c3;
}
a.iccup2:hover div,
a.iccup2:focus div,
a.iccup2:active div {
  background: url(../images/reg-but2.gif) no-repeat right -25px;
}
a.iccup3 div * {
  font-size: 0.8em;
  color: #434343;
}
a.iccup3:hover,
a.iccup3:focus,
a.iccup3:active {
  border: 1px solid #bfc1c3;
}
a.iccup3:hover div,
a.iccup3:focus div,
a.iccup3:active div {
  background: url(../images/reg-but2.gif) no-repeat 100% 89%;
}
/* ########### AUTOCOMPLETE */
ul.holder {
  width: 260px;
}
.error ul {
  list-style: none;
  padding-top: 0;
  padding-bottom: 5px;
}
.prof-inp .error .error-gif img {
  padding: 3px 10px 0 0;
  float: left;
}
.prof-inp .error ul li {
  padding-bottom: 7px;
}
/*settings*/
.prof-inp .input {
  float: left;
}
.prof-inp h2 {
  padding: 14px 0 0 0;
  margin: 0;
}
.prof-inp h2 select {
  padding: 6px 0 6px 6px;
  margin: 0;
  border: 1px solid #d1d3d5;
  background: #fafafa;
  font-size: 0.5em;
  color: #434343;
}
.prof-inp h2 ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.prof-inp h2 input {
  width: 370px;
  padding: 2px 4px 2px 4px;
  display: block;
  border: 1px solid #d2d3d5;
  background: #fafafa;
  font-weight: normal;
  color: #313131;
}
/* Opera 9 */
@media all and (-webkit-min-device-pixel-ratio: 10000),
  not all and (-webkit-min-device-pixel-ratio: 0) {
  .prof-inp h2 input {
    padding: 2px 4px 2px 5px;
  }
}
* + html .prof-inp h2 input {
  padding: 2px 4px 2px 5px;
}
.input-text2,
.input-text {
  width: 380px;
  float: left;
  _margin: 0 0 0 3px;
}
/*inbox*/
.required-d {
  float: left;
  font-size: 0.7em;
  color: #a3a3a3;
  width: 380px;
}

.mblock ul.holder {
  padding: 0 !important;
  margin: 0 !important;
}

*:first-child + html ul.holder {
  padding-bottom: 2px;
}
* html ul.holder {
  padding-bottom: 2px;
} /* ie7 and below */

ul.holder li {
  float: left;
  list-style-type: none;
  margin: 0;
}

ul.holder li.bit-box {
  width: 270px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #cad8f3;
  background: #dee7f8;
  padding: 1px 5px 2px;
}
ul.holder li.bit-box-focus {
  border-color: #598bec;
  background: #598bec;
  color: #fff;
}
ul.holder li.bit-input input {
  width: 150px;
  margin: 0;
  border: none;
  outline: 0;
  padding: 3px 0 2px;
} /* no left/right padding here please */
ul.holder li.bit-input input.smallinput {
  width: 50px;
}
li.bit-box span {
  width: 240px;
  display: block;
  float: left;
  margin-top: 5px;
  margin-left: 5px;
  color: #000;
  font-size: 0.8em;
}
li.bit-box-focus span {
  color: #fff;
}
ul.holder li.bit-hover {
  background: #bbcef1;
  border: 1px solid #6d95e0;
}
ul.holder li.bit-box-focus {
  border-color: #598bec;
  background: #598bec;
  color: #fff;
}
ul.holder li.bit-box a.closebutton {
  width: 7px;
  height: 7px;
  display: block;
  font-size: 1px;
  background: url("../images/close.gif");
  float: right;
  margin: 8px 5px 0 0;
}
ul.holder li.bit-box a.closebutton:hover {
  background-position: 7px;
}
ul.holder li.bit-box-focus a.closebutton,
ul.holder li.bit-box-focus a.closebutton:hover {
  background-position: bottom;
}

ul.holder li.bot-input input {
  border: 1px solid #d2d3d5;
  background: #fafafa;
  font-weight: normal;
  color: #434343;
} /* no left/right padding here please */
ul.holder li.bot-box {
  width: 377px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #cad8f3;
  background: #dee7f8;
}

ul.holder li.bot-box-focus {
  border-color: #598bec;
  background: #598bec;
  color: #fff;
}
ul.holder li.bot-input input.smallinput {
  width: 50px;
}
li.bot-box span {
  width: 347px;
  display: block;
  float: left;
  margin-left: 5px;
  color: #000;
  font-size: 0.55em;
  padding-bottom: 2px;
  padding-top: 2px;
}
* + html li.bot-box span {
  padding-top: 3px;
  padding-bottom: 3px;
}
* + html ul.holder li.bot-box a.closebutton {
  margin-top: 8px;
}
* html ul.holder li.bot-box a.closebutton {
  margin-top: 8px;
  margin-right: 2px;
}
* html li.bot-box span {
  padding-top: 3px;
  padding-bottom: 3px;
  margin-left: 2px;
}
li.bot-box-focus span {
  color: #fff;
}
ul.holder li.bot-hover {
  background: #bbcef1;
  border: 1px solid #6d95e0;
}
ul.holder li.bot-box-focus {
  border-color: #598bec;
  background: #598bec;
  color: #fff;
}
ul.holder li.bot-box a.closebutton {
  width: 7px;
  height: 7px;
  display: block;
  font-size: 1px;
  background: url("../images/close.gif");
  float: right;
  margin: 7px 5px 0 0;
}
ul.holder li.bot-box a.closebutton:hover {
  background-position: 7px;
}
ul.holder li.bot-box-focus a.closebutton,
ul.holder li.bot-box-focus a.closebutton:hover {
  background-position: bottom;
}

/*p-list*/
ul.holder li.plist-input input {
  padding: 1px 0 2px 3px;
  height: 16px;
  border: 1px solid #d2d3d5;
  background: #fafafa;
  font-size: 0.8em;
  color: #313030;
}
ul.holder li.plist-box {
  width: 338px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #cad8f3;
  background: #dee7f8;
}
ul.holder li.plist-box-focus {
  border-color: #598bec;
  background: #598bec;
  color: #fff;
}
ul.holder li.plist-input input.smallinput {
  width: 50px;
}
li.plist-box span {
  font-size: 0.8em;
  color: #313030;
  display: block;
  float: left;
  margin-left: 5px;
  padding-bottom: 2px;
  padding-top: 2px;
}
* html li.plist-box span {
  padding-bottom: 3px;
  margin-left: 2px;
}
* + html li.plist-box span {
  padding-bottom: 3px;
}
li.plist-box-focus span {
  color: #fff;
}
ul.holder li.plist-hover {
  background: #bbcef1;
  border: 1px solid #6d95e0;
}
ul.holder li.plist-box-focus {
  border-color: #598bec;
  background: #598bec;
  color: #fff;
}
ul.holder li.plist-box a.closebutton {
  width: 7px;
  height: 7px;
  display: block;
  font-size: 1px;
  background: url("../images/close.gif");
  float: right;
  margin: 7px 5px 0 0;
}
* html ul.holder li.plist-box a.closebutton {
  margin-right: 3px;
}
ul.holder li.plist-box a.closebutton:hover {
  background-position: 7px;
}
ul.holder li.plist-box-focus a.closebutton,
ul.holder li.bot-box-focus a.closebutton:hover {
  background-position: bottom;
}

/* Autocompleter */
#ears-auto,
#pad-auto,
#keyboard-auto,
#mouse-auto,
#to-auto {
  display: none;
  position: absolute;
  width: 274px;
  background: #eee;
  margin-top: 24px;
}
* + html #ears-auto,
* + html #pad-auto,
* + html #keyboard-auto,
* + html #mouse-auto,
* + html #to-auto {
  margin-top: 0;
}
* html #ears-auto,
* html #pad-auto,
* html #keyboard-auto,
* html #mouse-auto,
* html #to-auto {
  margin-top: 0;
}
#ears-auto ul,
#pad-auto ul,
#keyboard-auto ul,
#mouse-auto ul,
#to-auto ul {
  display: none;
  margin: 0;
  padding: 0;
}
#ears-auto ul li,
#pad-auto ul li,
#keyboard-auto ul li,
#mouse-auto ul li,
#to-auto ul li {
  cursor: pointer;
  padding: 5px 12px;
  margin: 0;
  list-style-type: none;
  border: 1px solid #ccc;
  border-width: 0 1px 1px;
  font-size: 11px;
}
#ears-auto ul li em,
#pad-auto ul li em,
#keyboard-auto ul li em,
#mouse-auto ul li em,
#to-auto ul li em {
  font-weight: 700;
  font-style: normal;
  background: #ccc;
}
#ears-auto ul li.auto-focus,
#pad-auto ul li.auto-focus,
#keyboard-auto ul li.auto-focus,
#mouse-auto ul li.auto-focus,
#to-auto ul li.auto-focus {
  background: #4173cc;
  color: #fff;
}
#ears-auto ul li.auto-focus em,
#pad-auto ul li.auto-focus em,
#keyboard-auto ul li.auto-focus em,
#mouse-auto ul li.auto-focus em,
#to-auto ul li.auto-focus em {
  background: none;
}

.levelNI ul li {
  position: absolute;
  top: 0;
  left: 0;
  height: 261px;
  background-color: #000;
}
.levelNI ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  display: block;
  width: 292px;
  height: 261px;
  overflow: hidden;
  background-color: #000;
}

.prof-inp h3 {
  color: #ccc;
}

.hide {
  display: none;
  visibility: hidden;
}
.hidden {
  visibility: hidden !important;
  display: none;
}
.visible {
  visibility: visible !important;
}
/*file upload*/

.file .file-size {
  padding: 0 5px 0 0;
  float: left;
}
.file .file-name {
  padding: 0 10px 0 0;
  float: left;
}

/*gallery-profile*/
.gallery-block ul {
  padding: 15px 0 10px 1px;
  margin: 0;
  float: left;
  list-style: none;
}
.gallery-block ul li {
  font-size: 0.7em;
  color: #186296;
}
.gallery-block ul li {
  display: block;
  float: left;
}
.gallery-block ul li a,
.gallery-block li.sel a:hover {
  color: #186296;
  text-decoration: none;
}
.gallery-block ul li a:hover {
  color: #c83a13;
  text-decoration: none;
}
.gallery-block ul li span {
  padding: 0 7px 0 7px;
  color: #858585;
}
.gallery-block li.sel {
  font-weight: 700;
  background: transparent;
}
.gallery-block li.sel a {
  cursor: default;
}
/*profile-menu*/
.profile-i-menu {
  width: 85%;
  margin: 8px auto;
  font-size: 0.75em;
}
.profile-i-menu a {
  text-decoration: none;
  color: #636d75;
  width: 100%;
  display: block;
  padding: 7px 0 7px 0;
}
.profile-i-menu div {
  width: 100%;
  float: left;
}
* html .profile-i-menu span {
  width: 30px;
}
.profile-i-menu span {
  width: 32px;
  height: 15px;
  display: block;
  float: left;
}
.profile-i-menu a:hover,
.profile-i-menu .sel {
  color: #356175;
  background: #e8eef1 url("/templates/images/i-arrow.png") no-repeat 97%;
  cursor: pointer;
}
.i-personal span {
  background: url("/templates/images/i-personal.png") no-repeat 40% 0;
}
.i-ava span {
  background: url("/templates/images/i-ava.png") no-repeat 40% 0;
}
.i-photo span {
  background: url("/templates/images/i-photo.png") no-repeat 40% 0;
}
.i-poll span {
  background: url("/templates/images/i-poll.png") no-repeat 40% 0;
}
.i-video span {
  background: url("/templates/images/i-video.png") no-repeat 40% 0;
}

/*search*/
.find-friend {
  padding-top: 5px;
}
.find-friend,
.find-friend h1,
.find-friend h2,
.find-friend h3,
.find-friend h4 {
  float: left;
}
.find-friend h1,
.find-friend h3 {
  padding: 11px 0 2px 3px;
  margin: 0;
  width: 130px;
}
.find-friend h2,
.find-friend h4 {
  padding: 8px 0 2px 0;
  margin: 0;
}
.find-friend h4 {
  width: 170px;
}
.find-friend h2 input,
.find-friend h4 input {
  padding: 2px;
  margin: 0;
  width: 160px;
  border: 1px solid #d2d3d5;
  background: #fafafa;
  font-weight: normal;
  color: #424141;
}
.find-friend h3 {
  padding: 15px 10px 0 0;
  margin: 0;
  float: left;
}
.find-friend h2 select .find-friend h4 select {
  background: #fafafa;
  width: 176px;
}
.section .bttnsr {
  padding: 15px 15px 0 0;
}

.com-body img {
  max-width: 600px;
  height: auto !important;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix {
  zoom: 1;
} /* IE6 */
*:first-child + html .clearfix {
  zoom: 1;
} /* IE7 */

.contentTitle {
  padding-top: 10px;
  font-size: 1.5em;
  font-size: 1.4em;
}
.contentTitle a {
  color: #3b5998;
  text-decoration: none;
}
.contentTitle a:hover {
  text-decoration: underline;
}
.cancel {
  float: right;
}
.radiusBtm8px {
  border-radius: 0 0 8px 8px;
}
.shadow1 {
  -moz-box-shadow: 1px 1px 1px #f0f0f0;
  -webkit-box-shadow: 1px 1px 1px #f0f0f0;
  box-shadow: 1px 1px 1px #f0f0f0;
}
.ovhiden {
  width: 200px;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.vHidden {
  visibility: hidden;
}
.banner {
  display: flex;
  width: 100%;
  justify-content: center;
  text-align: center;
}
.col-left .banner,
#left .banner {
  padding-top: 15px;
}
.col-left .related-articles .banner {
  padding: 15px 0;
  border-bottom: 1px solid #e5e5e5;
}
/*--- global fixes ---*/
.content img {
  max-width: 607px;
}

/*------------------------------------*\
	   USER AUTH
	\*------------------------------------*/

/*--- auth not logged --*/
.auth-snow {
  position: absolute;
  top: -8px;
  left: -8px;
  width: 251px;
  height: 106px;
  background: url("/templates/images/authSnow.png") no-repeat;
}
.auth-section {
  position: relative;
  z-index: 6;
  justify-self: end;
  padding: 0;
  margin: 0 10px 0 0;
  width: 240px;
  min-height: 112px;
  border-radius: 8px;
}
.auth__form {
  position: relative;
  z-index: 999;
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0 10px;
}
.auth__form .error-container {
  display: none;
}
.control-label {
  display: block;
  padding: 0 0 5px 1px;
  font-size: 11px;
}
.control-group {
  padding-top: 14px;
  width: 100%;
}
.controls {
  padding: 0 0 0 0;
}
.control-group:first-child .controls {
  margin-right: 10px;
}
.controls__input {
  padding: 0 4px;
  margin-bottom: 4px;
  width: 100%;
  height: 19px;
  border-radius: 3px;
  color: #cccccc;
  font-size: 11px;
  line-height: 19px;
}
.auth-footer {
  margin: 0;
  padding: 3px 0 0 0;
  list-style: none;
  grid-row: 3;
  grid-column: 1 / 3;
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: center;
}
.remember-me {
  grid-row: 2;
  grid-column: 1 / 3;
  color: #c2c2c2;
  font-size: 11px;
}
.custom-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.custom-checkbox + label {
  display: inline-flex;
  align-items: center;
  user-select: none;
}
.custom-checkbox + label::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 3px;
  margin-right: 4px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
.custom-checkbox:checked + label::before {
  border-color: #4075ac;
  background-color: #4075ac;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.auth-footer li {
  font-size: 11px;
}
.auth-footer li:not(:last-child) {
  padding: 0 7px 0 0;
}
.auth-footer li:last-child {
  padding-left: 0;
}
.auth-footer li a {
  display: inline-block;
  color: #e5e3e3;
  text-decoration: underline;
}
.auth-footer li a:hover {
  text-decoration: none;
}
.auth-button-exit {
  display: block;
  float: left;
  padding: 2px 0 2px;
  margin: 2px 0 0 0;
  width: 16px;
  height: 16px;
  border: none;
  border-radius: 3px;
  text-indent: -999em;
  cursor: pointer;
  background: url("../images/ico-exit.png") !important;
}
.auth-button-exit:hover {
  opacity: 0.6;
}
.auth-button-exit,
.auth-button-exit:active {
  opacity: 0.5;
}

.auth-button {
  padding: 0;
  margin: 0;
  height: 20px;
  line-height: 20px;
  width: 100%;
  border: none;
  border-radius: 3px;
  text-align: center;
  text-decoration: none;
  font-size: 11px;
  text-transform: uppercase;
  cursor: pointer;
}
.auth-button:hover {
  color: #ffffff;
}
.auth-button:active {
  color: #cccccc;
  text-shadow: #000000 0 1px 0;
}

/*--- auth logged --*/
.auth-header {
  position: relative;
  z-index: 999;
  overflow: hidden;
  padding: 10px 10px 5px;
  width: 100%;
}

.auth-user {
  display: flex;
  align-items: center;
  float: left;
  padding-top: 2px;
  color: #a6a6a6;
  text-shadow: -1px -1px 0px #2e2e2e;
  font-size: 0.75em;
}
.auth-user img {
  float: left;
  padding: 0 5px 0 0;
}
.auth-logout {
  float: right;
  font-size: 0.688em;
}
.header-cups {
  float: right;
  margin: 0 13px 0 0;
  padding: 2px 22px 2px 0;
  background: url("/templates/images/shopp/cups.png") no-repeat 100% 0;
  text-decoration: none;
  color: #ffce43;
  font-size: 13px;
  font-weight: 600;
}
.header-cups:hover {
  color: #ffb100;
}

.auth-menu {
  position: relative;
  margin: 2px 10px 0;
  padding: 3px 0 1px 5px;
  width: calc(100% - 20px);
  border-radius: 0 0 4px 4px;
  bottom: 2px;
}
.auth-controls {
  margin: 0;
  padding: 0 0 0 0;
  list-style: none;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.auth-controls a {
  display: block;
  float: left;
  height: 26px;
  background-image: url("../images/auth-icons.webp");
  opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  text-indent: -999em;
  transition: all 0.1s ease-in;
}
.auth-controls a:hover,
.menu-icon-msg-y,
.menu-icon-ntn-y {
  opacity: 1 !important;
  filter: alpha(opacity=100) 1 !important;
  -moz-opacity: 1 !important;
}
.auth-controls li {
  display: flex;
}
.controls-line {
  height: 18px;
  width: 1px;
  margin-top: 4px;
  background-color: rgba(140, 144, 156, 0.4);
}
.auth-controls li:last-child:after {
  content: none;
}
.user-menu-legend {
  margin: 0 0 0 0;
  font-size: 11px;
}
.menu-text-msg-n,
.menu-text-msg-y,
.menu-text-ntn-y,
.menu-text-ntn-n {
  padding: 6px 5px 0 0;
  font-size: 0.688em; /* 11px */
}
.menu-text-msg-n,
.menu-text-ntn-y {
  max-width: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.menu-text-ntn-y {
  padding-right: 2px;
}
.menu-text-msg-n,
.menu-text-msg-y,
.menu-icon-msg,
.menu-icon-ntn,
.menu-text-ntn-y,
.menu-text-ntn-n {
  position: relative;
  float: left;
}
.menu-text-msg-n,
.menu-text-ntn-n {
  color: #a6a6a6;
}
.menu-text-msg-y {
  color: #ffe545;
}
.menu-text-ntn-y {
  color: #f62525;
}
.menu-text-msg-y,
.menu-text-ntn-y {
  font-weight: 700;
}
.menu-icon-msg-y,
.menu-icon-msg-n,
.menu-icon-settings,
.menu-icon-gallery,
.menu-icon-ntn-n,
.menu-icon-ntn-y,
.menu-icon-blog {
  width: 24px;
}
.menu-icon-msg-y {
  background-position: 0 4px;
}
.menu-icon-msg-n {
  background-position: -24px 4px;
}
.menu-icon-ntn-n {
  background-position: -178px 0;
}
.menu-icon-ntn-y {
  background-position: -203px 0;
}
.menu-icon-settings {
  background-position: -48px 0;
}
.menu-icon-team {
  width: 31px;
  background-position: -74px 0;
}
.menu-icon-gallery {
  background-position: -105px 4px;
}
.menu-icon-blog {
  background-position: -129px 0;
}

/*--- store bonuses ---*/
.auth-account-panel {
  position: relative;
  display: flex;
  left: 10px;
  width: 100%;
  font-size: 10px;
}
.auth-panel-item:first-child {
  border-left: 1px solid rgba(140, 144, 156, 0.8);
  border-radius: 2px 0 0 2px;
}
.auth-panel-item:last-child {
  border-radius: 0 2px 2px 0;
}
.auth-panel-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 2px;
  width: 73.4px;
  height: 22px;
  border-top: 1px solid rgba(140, 144, 156, 0.8);
  border-right: 1px solid rgba(140, 144, 156, 0.8);
  border-bottom: 1px solid rgba(140, 144, 156, 0.8);
  color: #cccccc;
  text-decoration: none;
  line-height: 22px;
}
.auth-panel-item:hover {
  color: #ffce43;
}
.panel-item-left {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 10px;
  height: 0;
  background-position: -165px 0;
}
.panel-item-full {
  position: relative;
  margin: 0 1px 0 0;
  height: 16px;
  background-position: -155px 0;
}
.panel-item-left,
.panel-item-full {
  width: 10px;
  background-image: url("../images/auth-icons.webp");
}
.auth-panel-item.disable {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
}

.auth-panel-item.disable .panel-item-left {
  height: 17px;
  background-position: -155px 0;
}

span.elite-status,
span.elite-status-ladder,
.elite-status-profile,
.elite-status-forum,
.elite-status-matchlist {
  float: left;
}
span.elite-status {
  padding: 1px 4px 0 0;
}
.elite-status-forum,
.elite-status-matchlist {
  padding: 0 4px 0 0;
}
.elite-status > img,
.elite-status-matchlist > img,
.elite-status-forum > img {
  width: 16px;
  position: relative;
  top: 2px;
}
.elite-status-profile {
  width: 404px;
  padding: 0 0 6px 36px !important;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #ffa20d),
    color-stop(1, #e3900b)
  );
  background-image: -o-linear-gradient(bottom, #ffa20d 0%, #e3900b 100%);
  background-image: -moz-linear-gradient(bottom, #ffa20d 0%, #e3900b 100%);
  background-image: -webkit-linear-gradient(bottom, #ffa20d 0%, #e3900b 100%);
  background-image: -ms-linear-gradient(bottom, #ffa20d 0%, #e3900b 100%);
  background-image: linear-gradient(to bottom, #ffa20d 0%, #e3900b 100%);
  background: url("../../../../templates/images/crown.png") no-repeat left top;
  color: #eea100 !important;
}

.field2 span.elite-status-ladder img {
  margin-right: 5px !important;
  max-height: 12px;
}

.darkgreen {
  color: green;
}
.darkred {
  color: red;
}

.main-christ-ru1,
.main-christ-en1 {
  width: 100%;
  height: 169px;
}
.main-christ-ru1 a,
.main-christ-en1 a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("/templates/images/main-christ.png");
  background-repeat: no-repeat;
}
.main-christ-ru1 a {
  background-position: 0 0;
}
.main-christ-en1 a {
  background-position: 0 -169px;
}

.main-newmap-ru,
.main-newmap-en {
  width: 100%;
  height: 169px;
}
.main-newmap-ru a,
.main-newmap-en a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("/templates/images/top_p40.png");
  background-repeat: no-repeat;
}
.main-newmap-ru a {
  background-position: 0 0;
}
.main-newmap-en a {
  background-position: 0 -169px;
}

.notify-msg {
  margin: 40px auto 50px;
  padding: 25px 20px 25px 115px;
  width: 100%;
  min-height: 130px;
  border-radius: 12px;
  background-color: #fbfbfb;
  box-sizing: border-box;
}
.notify-msg p {
  margin: 5px 0 0 0;
  color: #333333;
  line-height: 24px;
  font-size: 15px;
}
.notify-msg h2 {
  margin: 0;
  padding: 0;
  font-size: 1.5em;
  color: #bbbbbb;
}
.notify-msg.success, .notify-msg.second-success {
  background-image: url("../../../../templates/images/success-msg.png");
  background-repeat: no-repeat;
  background-position: 20px 50px;
}
.notify-msg.fail {
  background-image: url("../../../../templates/images/fail-msg.png");
  background-repeat: no-repeat;
  background-position: 20px 50px;
}
@media screen and (max-width: 575.98px) {
  .notify-msg.second-success,
  .notify-msg.success,
  .notify-msg.fail {
    background-size: 48px;
    background-position: 10px 0;
  }
  .notify-msg {
    background-color: transparent;
    padding: 0 20px 15px 80px;
  }
}
@media screen and (min-width: 576px) {
  .notify-msg {
    margin: 60px auto 50px;
  }
  .notify-msg .section-heading {
    padding-left: 0;
  }
  .notify-msg {
    padding: 25px 20px 25px 125px;
  }
}
@media screen and (min-width: 768px) {
  .notify-msg {
    margin: 80px auto 50px;
  }
  .notify-msg {
    width: 660px;
  }
}

.menu-nolvl a {
  display: block;
  margin: 0 0 0 11px;
  padding: 4px 0 5px 3px;
  width: 132px;
  font-size: 0.7em;
  color: #d9d9d9;
  text-decoration: none;
}
.menu-nolvl a {
  color: #e5e5e5;
}
.nolvl-top {
  display: block;
  margin: 0 0 0 11px;
  width: 135px;
  height: 1px;
  background-color: #4d4d4d;
}
.footer-line {
  display: none;
}
ul.comment-toolbar li:first-child {
  display: none;
}
ul.forum-toolbar li a {
  padding: 1px 7px;
}
@-moz-document url-prefix() {
  a.new-s {
    padding: 2px 0 3px 0;
  }
  .search-l button {
    height: 21px;
    line-height: 18px;
  }
}
.db-category {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  width: 801px;
  font-family: "Roboto";
}
.db-category li {
  float: left;
  padding: 0 10px;
  width: 247px;
}
.db-category li a {
  position: relative;
  display: block;
  float: left;
  margin: 0 0 10px;
  padding: 0 0 12px 0;
  text-decoration: none;
  -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);

  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.db-category li a:hover img {
  opacity: 0.8;
}
.db-category li a:hover {
  color: #333;
}
.db-category li a figure {
  margin: 0;
  padding: 0;
  height: 115px;
  background-color: #000;
}
.db-category li img {
  width: 100%;
  max-width: 100%;

  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.db-cat-title {
  position: absolute;
  top: 76px;
  left: 11px;
  display: block;
  color: #e4eaf0;
  font-size: 24px;
}
.db-cat-desc {
  padding: 8px 10px 0;
  display: block;
  font-size: 15px;
  line-height: 21px;
}
.ico {
  position: relative;
  margin-right: 5px;
}
.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  border-radius: 50em;
  border: 1px solid #ccc;
  text-decoration: none;
  cursor: pointer;
  -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.2s ease-out;
  user-select: none;
}
.btn-large {
  padding: 14px 16px;
  font-size: 18px;
}
.btn-medium {
  padding: 12px 15px;
  font-size: 15px;
}
.btn-small {
  padding: 6px 14px;
  line-height: 1.4;
  font-size: 13px;
}
.btn-xsmall {
  padding: 1px 25px 3px;
  line-height: 1.4;
  font-size: 13px;
}
input.btn-xsmall {
  padding: 4px 16px 3px;
}

.btn:first-child {
  margin-left: 0;
}
.btn:hover,
.btn:focus {
  background-color: #e6e6e6;
  text-decoration: none;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-default {
  color: #333 !important;
  background: rgba(252, 252, 252, 1);
  background: -moz-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(247, 247, 247, 1) 100%);
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, rgba(252, 252, 252, 1)),
    color-stop(100%, rgba(247, 247, 247, 1))
  );
  background: -webkit-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(247, 247, 247, 1) 100%);
  background: -o-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(247, 247, 247, 1) 100%);
  background: -ms-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(247, 247, 247, 1) 100%);
  background: linear-gradient(to bottom, rgba(252, 252, 252, 1) 0%, rgba(247, 247, 247, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f7f7f7', GradientType=0 );
  border: 1px solid #ccc;
}
.btn-default:hover,
.btn-default:focus {
  background: #fff;
  text-decoration: none;
}
.btn-primary {
  color: #ffffff;
  background-color: #5fafff;
  border-color: #5fafff;
  box-shadow: 0 2px 6px 0 rgba(76, 124, 243, 0.5);
}
.btn-primary:hover {
  color: #fff;
  background-color: #559de5;
  border-color: #559de5;
}
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  outline: none;
  background-color: #4f93d6;
  border-color: #4f93d6;
}
.btn-danger {
  color: #ffffff;
  background-color: #e65252;
  border-color: #e65252;
  box-shadow: 0 2px 6px 0 hsl(0deg 74.77% 61.18% / 0.5);
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active {
  color: #fff;
  outline: none;
  background-color: #e13131;
  border-color: #e02525;
}

.btn-orange {
  background: #fa7e29;
  background: -webkit-linear-gradient(180deg, #fa7e29 0%, #f6682f 80%, #f6682f 100%);
  background: -webkit-linear-gradient(top, #fa7e29 0%, #f6682f 80%, #f6682f 100%);
  background: linear-gradient(180deg, #fa7e29 0%, #f6682f 80%, #f6682f 100%);
  text-shadow: 0px 0px 1px #bf4c28;
  border: none;
}
.btn-orange:hover {
  background: #f36d13; /* Old browsers */
  background: -moz-linear-gradient(top, #f36d13 0%, #f05718 81%, #e55116 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #f36d13 0%,
    #f05718 81%,
    #e55116 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #f36d13 0%,
    #f05718 81%,
    #e55116 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f36d13', endColorstr='#e55116',GradientType=0 ); /* IE6-9 */
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.btn-orange.disabled,
.btn-orange[disabled] {
  outline: none;
  color: #fff;
  background: #f36d13; /* Old browsers */
  background: -moz-linear-gradient(top, #f36d13 0%, #f05718 81%, #e55116 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #f36d13 0%,
    #f05718 81%,
    #e55116 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #f36d13 0%,
    #f05718 81%,
    #e55116 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f36d13', endColorstr='#e55116',GradientType=0 ); /* IE6-9 */
}
.btn-orange:active,
.btn-orange.active {
  background-color: #f36d13 \9;
}

.btn-success {
  color: #ffffff;
  background-color: #2bcd72;
  border-color: #2bcd72;
  box-shadow: 0 2px 6px 0 rgba(43, 205, 114, 0.5);
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
  outline: none;
  background-color: #27b866;
  border-color: #27b866;
}

.btn-info {
  background: #77b6dd;
  border: none;
}
.btn-info:hover {
  background: #5799c2;
}
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  outline: none;
  color: #fff;
  background: #508db3;
}



.btn-transparent {
  padding: 8px 16px;
  background: #fff;
  border: 2px solid #ebebeb;
  color: #333;
  box-shadow: none;
}
.btn-transparent.btn-small {
  padding: 6px 16px 5px;
}
.btn-transparent:hover {
  background: #fafafa;
}
.btn-transparent:focus,
.btn-transparent:active,
.btn-transparent.active,
.btn-transparent.disabled,
.btn-transparent[disabled] {
  outline: none;
  background: #f5f5f5;
  border: 2px solid #d9d9d9;
  box-shadow: none;
}
.btn-transparent .ico-cups {
  border-left: 1px solid #dedede;
}

.btn-inactive,
.btn-inactive:hover,
.btn-inactive:focus,
.btn-inactive:active,
.btn-inactive.active,
.btn-inactive.disabled,
.btn-inactive[disabled] {
  cursor: not-allowed;
  background: #f2f2f2;
  color: #666;
  border: none;
  -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15);
}
a.btn:hover {
  color: #fff;
}
a.btn.btn-inactive:hover {
  color: #666;
}
a.btn-transparent:hover {
  color: #333;
}

.btn:disabled {
  opacity: 0.65;
}
.btn:disabled {
  cursor: default;
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 50%);
}

.content-pagenavi {
  width: 100%;
  float: left;
}
.pagination,
.pagelist {
  margin: 30px 0 0 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.pagination li,
.pagelist li {
  display: inline-block;
  font-size: 16px;
}
.pagination a,
.pagelist a {
  display: block;
  margin: 0 2px;
  padding: 0;
  min-width: 28px;
  min-height: 28px;
  line-height: 28px;
  color: #333;
  text-decoration: none;
  border-radius: 20px;
  text-align: center;
  cursor: pointer;
}
.pagination .previous a,
.pagination .next a {
  padding: 0 8px;
}
.pagination a:hover {
  color: #333;
}
.pagination .previous a:before,
.pagelist .previous a:before {
  content: "« ";
}
.pagination .next a:after,
.pagelist .next a:after {
  content: " »";
}
.pagination .current a,
.pagination .current a:hover,
.pagelist .current,
.pagelist .current:hover {
  color: #fff;
  background-color: #4b7fde;
}

.pagination a:hover,
.pagelist a:hover {
  background-color: #e6e6e6;
}
.pagination .disabled a,
.pagelist .disabled a {
  color: #cacaca;
  cursor: not-allowed;
}
.pagination .disabled a:hover,
.pagelist .disabled a:hover {
  background-color: transparent;
}

.full-page * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.full-page *:before,
.full-page *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.db-main-nav {
  margin: 0 auto;
  width: 100%;
  display: flex;
}
.full-page a.db-nav {
  display: flex;
  flex-direction: column;
  flex: 1 0;
  margin-bottom: 17px;
  padding: 5px 10px 8px;
  width: auto;
  border-radius: 5px;
  border-top: 3px solid #dddddd;
  color: #505050;
  text-decoration: none;
  font-family: "Roboto";

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f5f5+0,f2f2f2+100 */
  background: #f5f5f5; /* Old browsers */
  background: -moz-linear-gradient(top, #f5f5f5 0%, #f2f2f2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f5f5f5 0%, #f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #f5f5f5 0%,
    #f2f2f2 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
.full-page a.db-nav,
.full-page a.db-nav:hover span {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.full-page a.db-nav {
  margin-left: 8px;
}
.full-page a.db-nav:first-child {
  margin-left: 0;
}
.full-page a.db-nav:hover,
.full-page a.db-nav.sel {
  border-top: 3px solid #7365c5;
  background: #fff;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}
.full-page a.db-nav:hover span,
.full-page a.db-nav.sel span {
  color: #505050;
}
.db-nav span {
  display: flex;
  align-items: center;
  height: 32px;
  font-size: 18px;
}
.db-nav p {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
}
.db-guides {
  padding: 2px 0 2px 38px;
  background: url("../images/dotabase.png") no-repeat -6px -2px;
  background-size: 40px;
}
.db-heroes {
  padding: 2px 0 2px 33px;
  background: url("../images/baseheroes.png") no-repeat 0px 2px;
  background-size: 26px;
}
.db-items {
  padding: 2px 0 2px 33px;
  background: url("../images/baseitems.png") no-repeat 0px 2px;
  background-size: 28px;
}
.db-faq {
  padding: 2px 0 2px 33px;
  background: url("../images/basefaq.png") no-repeat -2px 2px;
  background-size: 28px;
}
.db-changelog {
  padding: 2px 0 2px 33px;
  background: url("../images/basechangelog.png") no-repeat -2px 2px;
  background-size: 28px;
}
.db-guides, .db-heroes, .db-items, .db-faq {

}

.base-nav {
  list-style: none;
  margin: 0 0 15px;
  padding: 0;
  width: 60%;
  float: left;
}
.base-nav li {
  position: relative;
  float: left;
  font: normal 24px/58px "Roboto";
  color: #505050;
}
.base-nav li.sel a,
.base-nav li.sel a:hover {
  color: #505050;
  text-decoration: none;
  cursor: default;
}
.base-nav li span {
  position: absolute;
  top: 28px;
  left: 1px;
  width: 6px;
  height: 6px;
  background-color: #e5e5e5;
  border-radius: 6px;
}
.base-nav li a {
  text-decoration: none;
}
.base-nav li a:hover {
  text-decoration: underline;
}
.base-main {
  padding: 0 0 5px 50px;
  background: url("../images/baseheroes.png") no-repeat 0 5px;
  -webkit-background-size: 42px;
  background-size: 42px;
}
.base-guides {
  padding: 0 0 5px 67px;
  background: url("../images/dotabase.png") no-repeat 0 0;
  -webkit-background-size: 62px;
  background-size: 62px;
}
.base-items {
  padding: 0 0 5px 48px;
  background: url("../images/baseitems.png") no-repeat 0 5px;
  -webkit-background-size: 44px;
  background-size: 44px;
}
.base-main {
  margin-left: 43px;
}
.base-items {
  margin-left: 39px;
}
.base-nav li span {
  margin: 0 15px;
  color: #bfbfbf;
}
.dota-ver {
  float: right;
  background: url("../images/ver-bg.png") no-repeat 141px 13px;
  font: normal 24px/58px "Roboto";
  color: #505050;
}
.full-page .dota-ver a {
  position: relative;
  color: #b3b1b1;
  text-decoration: none;
  cursor: pointer;
}
.full-page .dota-ver a:hover {
  color: #505050;
}
.dota-old {
  float: left;
  padding-right: 39px;
  text-align: right;
}
.dota-new {
  float: right;
  padding-left: 37px;
  text-align: right;
}
.dota-ver a:first-child.active:after,
.dota-ver a:last-child.active:before {
  content: " ";
  position: absolute;
  top: 17px;
  width: 22px;
  height: 22px;
  background-color: #6f68c6; /* FF3.6-15 */
  background: -webkit-linear-gradient(#6f68c6 0%, #5650b2 100%);
  background: -o-linear-gradient(#6f68c6 0%, #5650b2 100%);
  background: linear-gradient(
    #6f68c6 0%,
    #5650b2 100%
  ); /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border-radius: 16px;
}
.dota-ver a:first-child.active:after {
  left: 145px;
}
.dota-ver a:last-child.active:before {
  left: 7px;
}
.dota-ver a.active {
  color: #505050;
  cursor: default;
}
.full-page a {
  color: #4d7ab1;
}

div.info-message {
  padding: 10px;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
}

div.info-message.primary {
  background-color: hsla(203, 70%, 90%, 1);
  border: none;
  color: #333;
  border-radius: 8px;
}

div.info-message.success {
  background-color: #b8ffb7;
  border: 1px solid #0b6900;
  color: #063c00;
}

div.info-message.error {
  background-color: #ffa7a7;
  border: 1px solid #690100;
  color: #3c0100;
}

.dotka {
  position: relative;
  margin: 15px auto 5px;
  width: 916px;
  height: 170px;
  overflow: hidden;
  text-align: center;
  font: normal 30px "IBM Plex Sans";
  letter-spacing: -1.5px;
}
.dotka a {
  color: #fff;
  text-decoration: none;
}
.dotka img {
  border-radius: 4px;
}
.dotka span {
  left: 0;
  top: 91px;
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 1;
}
.centered {
  float: left;
  width: 100%;
  text-align: center;
}

.mb35 {
  margin-bottom: 35px;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  position: relative;
  z-index: 9999;
  padding: 3px 0 0 0;
  height: 25px;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  margin-left: 1rem;
}
/* .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; } */
.hamburger-box {
  width: 26px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 28px;
  height: 2px;
  background-color: hsla(0, 0%, 100%, 0.7);
  border-radius: 1px;
  position: absolute;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}
@media (any-hover: hover) {
  .hamburger:hover .hamburger-inner,
  .hamburger:hover .hamburger-inner::before,
  .hamburger:hover .hamburger-inner::after {
    background-color: hsla(0, 0%, 100%, 1);
  }
}


/*
   * slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px;
}
.hamburger--slider .hamburger-inner::before {
  top: 8px;
  transition-property: all;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
  top: 16px;
}
.is-active .hamburger-inner {
  left: 2px;
  top: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 9px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}


.overflow-hidden {
  overflow: hidden;
}
.section iframe {
  max-width: 320px;
  max-height: 180px;
}

.menu--title {
  padding: 4px 0 0 5px;
  line-height: 20px;
}

/* Modal + Smiles + Text Color */
.modal-dialog {
  position: absolute;
  justify-content: center;
  align-items: center;
  border: 1px solid #e0e0e0;
  opacity: 0;
  visibility: hidden;
  display: flex;
  display: -webkit-flex;
  border-radius: 5px;
  background: #ffffff;
  -webkit-box-shadow: 0px 1px 10px -1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 1px 10px -1px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 10px -1px rgba(0, 0, 0, 0.25);
}
.modal-smiles {
  top: 0px;
  left: 0px;
  width: 100%;
}
.modal-text {
  left: 135px;
  bottom: 35px;
}
.modal-heading {
  left: 231px;
  bottom: 35px;
}
.modal-dialog.show {
  opacity: 1;
  z-index: 999;
  visibility: visible;
}

.modal-content {
  padding: 0;
  width: 100%;
  background: white;
  border-radius: 5px;
}
.smiles-nav {
  width: 100%;
  list-style: none;
  display: flex;
  display: -webkit-flex;
  margin: 0;
  padding: 0 0 0 8px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #e0e0e0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.smiles-nav a {
  position: relative;
  display: inline-block;
  padding: 10px 10px 10px;
  font-size: 13px;
  transition: all 0.3s ease 0s;
}
.smiles-nav a::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: #f8f8f8;
  opacity: 0;
  transition: all 0.3s ease 0s;
}
.smiles-nav a,
.smiles-nav a:hover {
  color: #333;
}
.smiles-nav a:hover {
  background-color: #e8e8e8;
}
.smiles-nav a.active::before {
  background-color: #0087ca;
  opacity: 1;
}
.smiles-nav a.active {
}
.smiles-nav svg {
  width: 18px;
  height: 18px;
  fill: #878787;
}

.smiles-contents {
  display: none;
}

.container-smiles,
.smiles-contents.show,
.single-smile {
  display: -ms-flexbox;
  display: flex;
}

.container-smiles {
  margin: 10px 0 7px 9px;
  width: 100%;
  flex-wrap: wrap;
}
.single-smile {
  width: 44px;
  padding: 2px 0;
  margin: 0 2px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}
.single-smile a {
  padding: 3px 4px 1px;
  border-radius: 3px;
  align-self: center;
  cursor: pointer;
}
.single-smile a:hover {
  background-color: #b5e0fe;
}
.single-smile img {
  max-height: 30px;
  max-width: 30px;
}
.smile-classic {
  position: relative;
  top: 6px;
  max-height: 28px;
  max-width: 28px !important;
}
.smiles-old .single-smile,
.smiles-old .single-smile img {
  width: auto;
}

.fade,
.container-smiles a {
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.smiles-li-disabled {
  padding-bottom: 10px;
  color: #666;
  width: 100% !important;
  text-align: center;
  font-size: 13px;
}
.container-smiles._disabled img {
  filter: saturate(0);
}
.container-smiles._disabled .single-smile {
  pointer-events: none;
}

.themePost img.emoji-img,
#preview-body img.emoji-img {
  position: relative;
  top: 3px;
  max-height: 28px;
}

/* end smiles */

.d-flex {
  display: -ms-flexbox;
  display: flex;
}
.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}
.d-inline-flex {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.flex-row {
  -ms-flex-direction: row;
  flex-direction: row;
}
.flex-column {
  -ms-flex-direction: column;
  flex-direction: column;
}
.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}
.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}
.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}
.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}
.justify-content-start {
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.justify-content-end {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.justify-content-center {
  -ms-flex-pack: center;
  justify-content: center;
}
.justify-content-between {
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.justify-content-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.align-items-start {
  -ms-flex-align: start;
  align-items: flex-start;
}
.align-items-end {
  -ms-flex-align: end;
  align-items: flex-end;
}
.ml-auto {
  margin-left: auto;
}
.m-auto {
  margin: auto;
}
.mt-auto,
.my-auto {
  margin-top: auto;
}
.mr-auto,
.mx-auto {
  margin-right: auto;
}
.mb-auto,
.my-auto {
  margin-bottom: auto;
}

@media screen and (min-width: 320px) {
  .ham-none {
    display: none;
  }
}

.t-right h1,
.t-right h2,
.tour,
.tour-r,
.t-right h5,
.section-menu h4,
.lvl-7 h2,
.lvl-7 h5,
.lvl-7 h4,
#right .section .lvl-5 h2,
.levelForums .lvl-2 h2,
.user-rating h2,
.user-rating h3,
.myprof-t,
.myprof-r-0,
.myprof-r,
.gl-right h2,
.t-contact h1,
.reklama {
  font-size: 0.7em;
}
/*cloud_text*/
.nm-bg,
.nm-bg2 {
  font-size: 0.65em;
}
/*center_stats*/
.t-right h1,
.t-right h2,
.tour,
.tour-r,
.t-right h5,
.lvl-7 h2,
.lvl-7 h5,
.lvl-7 h4,
.nm-bg,
.nm-bg2,
.find-friend h2 select,
.find-friend h1,
.myprof-r-0,
.myprof-r,
.gl-right h2,
.t-contact h2,
.t-contact h2 a,
.reklama li {
  color: #181818;
}
.section-menu h4,
.t-contact h1 {
  color: #6c6c6c;
}
.lvl-7 h2 a,
.lvl-7 h4 a,
.lvl-7 h5 a,
.zagF a,
#right .section .lvl-5 h2 a,
.levelForums .lvl-2 h2 a,
.list-l h3 a {
  color: #181818;
}
.lvl-7 h2 a:hover,
.lvl-7 h4 a,
.lvl-7 h5 a,
.zagF a:hover,
#right .section .lvl-5 h2 a:hover,
.levelForums .lvl-2 h2 a:hover,
.levelForums .lvl-1 h2 a:hover,
.levelNM ul li a,
.lvl-7 h2 a,
.lvl-7 h2 a:hover,
.lvl-7 h4 a:hover,
.lvl-7 h5 a:hover,
.zagF a,
#right .section .lvl-5 h2 a,
.levelForums .lvl-2 h2 a,
.levelForums .lvl-1 h2 a,
.list-l h3 a,
.rss-text a,
.levelNM ul li a:hover,
.gl-right h2 a,
.gl-right .r-d li a,
.t-contact h2 a:hover,
.reklama li a {
  text-decoration: none;
}
/*titles_top_not_main_page*/
.empty {
  font-size: 0.8em;
  color: #181818;
}
a {
  color: #1848a2;
  text-decoration: none;
  transition: color 0.1s linear;
}
a:hover {
  text-decoration: none;
  color: #d33a2c;
}
svg {
  transition: all 0.1s linear;
}

.default-title {
  display: flex;
  margin: 0;
  padding: 0 0 18px 5px;
  font-size: 18px;
  color: #333;
}
.el-box-s {
  display: flex;
  margin: 0 0 30px 0;
  padding: 17px 0;
  width: 100%;
  border-radius: 10px;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
  border: 1px solid hsl(0 0% 92% / 1);
  background-color: #fdfdfd;
}

.border-box,
.border-box *,
.el-box-s,
.el-box-s * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.discord-btn {
  background: #fff url("/templates/images/discord-btn.png") no-repeat center center;
}
.telegram-btn {
  background: #fff url("/templates/images/telegram-btn.png") no-repeat center center;
}
.discord-btn, .telegram-btn {
  display: block;
  width: 100%;
  height: 90px;
  text-indent: -999em;
  box-shadow: 0 0 0 1px rgb(4 47 89 / 22%) inset;
  border-radius: 4px;
  opacity: 0.8;
  transition: opacity 0.3s ease 0s;
}
.discord-btn:hover, .telegram-btn:hover {
  opacity: 1;
}
.telegram-btn {
  margin-top: 14px;
}
/**FORMS START**/
input,
select {
  display: inline-block;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

input:focus,
select:focus,
textarea:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

/**FORMS END**/
.form-group {
  margin-bottom: 17px;
}
.form-group label {
  margin-bottom: 6px;
  color: #333;
}
.vertical-rythm .form-group label {
  margin-bottom: 0;
}
.vertical-rythm .form-group {
  margin-bottom: 14px;
}
.vertical-rythm .col-form-label {
  font-weight: 500;
  font-size: 16px;
}
.form-group-highlite {
  background-color: #eef2f9;
  border-radius: 6px;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.col-form-label {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
  font-size: 13px;
}
.form-control {
  display: block;
  width: 100%;
  height: 35px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid #dde2ec;
  border-radius: 4px;
  box-shadow: none;
  margin-bottom: 0;
  transition: border-color, box-shadow 0.1s linear;
}
.form-control-sm {
  height: 28px;
  border-width: 1px;
}
.form-group-highlite .form-control-sm {
  border-color: #c8cdd7;
}
.form-group-highlite .form-control-sm:focus {
  border-color: rgba(82, 168, 236, 0.8);
}
.form-check {
  position: relative;
  display: block;
}
.form-check-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.form-check-label {
  padding-right: 5px;
  margin-bottom: 0;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
  margin-bottom: 0;
}

.search-modal [type="radio"]:checked,
.search-modal [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.search-modal [type="radio"]:checked + label,
.search-modal [type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 16px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #404040;
}
.search-modal [type="radio"]:checked + label:before,
.search-modal [type="radio"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 10px;
  border: 1px solid #c9c9c9;
  border-radius: 100%;
  background: #fff;
}
.search-modal [type="radio"]:checked + label:after,
.search-modal [type="radio"]:not(:checked) + label:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #5fafff;
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.search-modal [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.search-modal [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.search-modal [type="radio"]:checked + label,
.search-modal [type="radio"]:not(:checked) + label {
  line-height: 12px;
}
.input-group {
  position: relative;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  align-items: stretch;
  width: 100%;
}
.input-group .btn {
  position: relative;
}
.input-group-prepend {
  margin-right: -2px;
  display: flex;
}
.input-group-text {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 2px solid #dde2ec;
  border-radius: 4px;
}
.input-group-text-sm {
  border: 1px solid #dde2ec;
  padding: 4px 8px;
  height: 28px;
  min-width: 30px;
  text-align: center;
}
.form-group-highlite .input-group-text-sm {
  border: 1px solid #c8cdd7;
}
.input-group > .form-control {
  position: relative;
  -webkit-box-flex: 1;
  flex: 1 1 0%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .form-control:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(
    .invalid-tooltip
  ):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.form-inline {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  -webkit-box-align: center;
  align-items: center;
}
.form-inline .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.btn-block {
  display: block;
  width: 100%;
}
.small-text {
  font-size: 11px;
  line-height: 16px;
  color: #333;
  padding: 0;
  margin: 8px 0;
}

.error-cross {
  position: absolute;
  left: 0;
  top: 7px;
  width: 13px;
  height: 13px;
}
.error-cross::before,
.error-cross::after {
  position: absolute;
  left: 0;
  content: " ";
  height: 11px;
  width: 2px;
  background-color: #ab3030;
}
.error-cross::before {
  transform: rotate(45deg);
}
.error-cross::after {
  transform: rotate(-45deg);
}
.col-form-label,
.form-control {
  font-size: 15px;
}
.form-select .form-control {
  padding: 6px 6px;
}
.form-sm .form-group {
  margin-bottom: 4px;
}
.form-sm .col-form-label {
  padding-top: 7px;
}
.form-sm .form-control,
.form-sm .input-group-text {
  padding: 3px 10px;
  height: 31px;
}
.form-sm .form-control {
  border-width: 1px;
}
.form-sm .attention {
  border-width: 1px;
}
.form-sm .col-form-label,
.form-sm .form-control {
  font-size: 13px;
}
.attention {
  border: 2px solid rgba(186, 0, 0, 0.6);
}

.attention-img {
  position: absolute;
  top: 6px;
  left: 285px;
  height: 18px;
  width: 18px;
  background: url("/templates/images/attention.png") no-repeat left;
  visibility: visible;
}
input.attention:focus {
  box-shadow: 0 0 0 0px, 0 0 0 3px rgba(186, 0, 0, 0.3);
}
.ladder-flag {
  display: flex;
  align-items: center;
}
.user--flag {
  max-width: 24px;
}
/* input.validation-success {
	border: 2px solid #27a960 !important
}
input.validation-success:focus {
	box-shadow: 0 0 0 0px, 0 0 0 3px rgba(19,135,0,0.3);
} */
/* eventimg link */
.head-event {
  position: absolute;
  right: 260px;
  top: 14px;
  height: 112px;
  width: 90px;
}
.profile-event {
  position: relative;
  display: block;
  top: 12px;
  height: 70px;
  width: 100%;
}
.head-event,
.profile-event {
  border-radius: 10px;
  background: rgb(5, 34, 44);
  background: linear-gradient(0deg, rgb(5 34 44 / 68%) 0%, rgb(22 36 40 / 34%) 100%);
  transition: all 0.1s ease-in;
  z-index: 5;
}
.profile-left .profile-event {
  background: #dc002c;
  background: linear-gradient(0deg, #b80025 0%, #dc002c 50%);
}
.profile-event,
.profile-event * {
  box-sizing: border-box;
}
.event-frame {
  display: flex;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 86px;
  height: 108px;
  background: transparent;
  border: 1px solid rgba(237, 233, 162, 0.75);
  border-radius: 8px;
  transition: all 0.1s ease-in;
}
.profile-event .event-frame {
  height: 66px;
  position: relative;
  width: calc(100% - 4px);
}

/* elf .tree-event-ico {
  padding-top: 2px;
} */
.tree-event-ico {
  padding-top: 5px;
}
.tree-event-href {
  /* elf
  padding: 0 5px 0;
  */
  padding: 0 5px 0;
  font-size: 11px;
  line-height: 13px;
  color: #fff0b5;
  text-align: center;
}
.head-event .tree-event-href {
  position: relative;
  top: -3px;
}
.profile-event .tree-event-ico {
  padding: 2px 0 0 20px;
}
.profile-event .tree-event-ico img {
  height: 56px;
}
.profile-event .tree-event-href {
  padding-top: 14px;
  font-size: 15px;
  line-height: 18px;
}
.head-event:hover,
.profile-event:hover {
  opacity: 0.9;
}
.head-event:hover .event-frame,
.profile-event:hover .event-frame {
  border: 1px solid rgba(237, 233, 162, 1);
}

.mt-20 {
  margin-top: 20px;
}

.tg-list {
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
  list-style: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.tgl {
  display: none;
}
.tg-title {
  padding: 0 8px;
  font-size: 12px;
  color: #505050;
  cursor: pointer;
}
.tgl-btn {
  outline: 0;
  display: block;
  width: 40px;
  height: 22px;
  position: relative;
  cursor: pointer;
  user-select: none;
  box-sizing: border-box;
}
.tgl-btn:after,
.tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}
.tgl-btn:after {
  left: 0;
}
.tgl-btn:before {
  display: none;
}
.tgl:checked + .tgl-btn:after {
  left: 50%;
}

.tgl-light + .tgl-btn {
  background: #f0f0f0;
  border-radius: 2em;
  padding: 2px;
  transition: all 0.4s ease;
}
.tgl-light + .tgl-btn:after {
  border-radius: 50%;
  background: #fff;
  transition: all 0.2s ease;
}
.tgl-light:checked + .tgl-btn {
  background: #6eb58d;
}
.tg-list {
  display: flex;
  padding-top: 30px;
}
.tg-list {
  display: none;
}
.f-text-center {
  display: flex;
  width: 100%;
  justify-content: center;
}

input[type="submit"]:disabled,
input[type="submit"][disabled],
button:disabled,
button[disabled],
.btn-field input[type="submit"]:disabled,
.btn-field input[type="submit"][disabled] {
  border: 1px solid #a1a1a1;
  background-color: #cccccc;
  background-image: linear-gradient(to bottom, #dddddd 0%, #c3c3c3 100%);
  color: #666666 !important;
  text-shadow: none;
  box-shadow: none !important;
}
button:disabled:active, button:disabled:focus,
button[disabled]:active, button[disabled]:focus {
  background-color: #cccccc !important;
  background-image: linear-gradient(to bottom, #dddddd 0%, #c3c3c3 100%) !important;
}
@media (max-width: 991.98px) {
  .tg-list {
    display: flex;
  }
}

@media (min-width: 767.98px) {
  .menu__sub-list {
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease 0s;
		/* transform: translate(0px, 10px); */
		min-width: 175px;
		position: absolute;
		pointer-events: none;
		z-index: 5;
		background-color: #fff;
		border-radius: 0 0 5px 5px;
		box-shadow: 0px 10px 18px 0px rgba(34, 60, 80, 0.5);

    background-image: linear-gradient(0deg, hsla(217, 23%, 32%, 1) 0%, hsla(217, 22%, 30%, 1) 30%, hsla(217, 18%, 26%, 1) 100%);
	}
  .menu__item > .menu__sub-list {
    top: 44px;
    left: 0;
  }
  .menu__arrow {
    pointer-events: none;
    right: 20px;
    height: 12px;
    width: 12px;
  }
  .menu__arrow.arrow-touch {
    display: flex;
    margin-top: 1px;
    pointer-events: auto;
  }
  .menu__arrow._active ~ .menu__sub-list {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  li.menu__item .menu__link {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 991.98px) {
  li.menu__item .menu__link {
    padding-right: 7px;
    padding-left: 7px;
  }
}
@media (hover: none) and (pointer: coarse) and (min-width: 991.98px) {
  .menu__sub-item .menu__arrow {
    display: none;
  }
}

.matrix-console {
  width: 990px;
  box-sizing: border-box;
  padding: 10px;
  margin: 0 auto;
  color: hsla(126, 83%, 50%);
  background-color: #000a01;
  position: relative;
  z-index: 9999;
  overflow-x: hidden;
}

.matrix-query {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #05420b;
  flex-wrap: wrap;
  font-size: 15px;
  padding: 8px 0;
}
.query-result {
  width: 100%;
  color: hsla(126, 83%, 35%);
  font-size: 13px;
}

.debug-title {
  padding: 4px 0 4px 6px;
  margin: 0;
  background-color: hsla(126, 83%, 35%);
  color: #000;
  font-weight: bold;
}

/* GLOBAL VALIDATOR */

.error-container p, .cat-buy .error-container p {
  padding: 0;
  margin: 0;
  color: #c7353b !important;
  font-weight: normal;
}

.error-container p {
  font-size: 11px !important;
  line-height: 11px !important;
}

.error-container p:not(:last-child) {
  margin: 0 0 6px 0 !important;
}

.input-row {
  width: 426px;
}

.input-row input {
  width: 100%;
  border: 1px solid #dcdcdc;
  padding: 5px;
}

input.validator-error {
  border: 1px solid rgba(186,0,0,.6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(186, 0, 0, 0.2) !important;
}

._ibg {
  position: relative;
}
._ibg img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}


.go-to-top {
  position: fixed;
  bottom: 16px;
  right: 16px;
  z-index: 999999;
  border-radius: 8px;
  width: 40px;
  height: 40px;
  background-color: hsla(203, 60%, 60%, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid hsla(203, 60%, 80%, 1);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease 0s;
}
.go-to-top svg {
  width: 24px;
  height: 24px;
}
.go-to-top svg path {
  fill: #ffffff;
}
.v-show {
  opacity: 1;
  visibility: visible;
}

._lock {
	overflow: hidden;
}
._lock .go-to-top {
	display: none;
}

.modal-image {
	display: none;
	position: fixed;
	z-index: 99999;
	padding-top: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: #000;
	background-color: rgba(0, 0, 0, .9);
	transition: opacity 250ms ease-in;
	justify-content: center;
	align-items: center;
}

.header-heading {
  padding: 0;
  margin: 0;
  position: relative;
  left: -12px;
  top: -4px;
  display: flex;
  min-width: 360px;
  flex-direction: column;
  cursor: pointer;
}

.header-heading::before {
  position: absolute;
  z-index: 0;
  content: '';
  left: 12px;
  top: 5px;
  width: calc(100% - 40px);
  height: calc(100% - 5px);
  display: flex;
  background: rgb(0,0,0);
  background: linear-gradient(90deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 100%);
  filter: blur(20px);
}



.header-title__heading {
  position: relative;
  z-index: 1;
  flex-wrap: nowrap;
  display: flex;
  width: 340px;
  height: 56px;
  text-indent: -999em;
  background-image: url("../images/title-heading.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}
.header-title__subheading {
  display: flex;
  position: relative;
  z-index: 1;
  top: -9px;
  padding: 0 0 0 16px;
  flex-wrap: nowrap;
  font-family: "Firasans";
  font-size: 16px;
  font-weight: 400;
  color: hsla(0, 0%, 100%, 0.9);
  text-shadow: 1px 1px 0px rgba(0,0,0,0.6);
}

#forum .error-3, #forum .success-3 {
  top: -10px;
}

.error-3 .mess-y {
  border-left: 3px solid red;
}