@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap");
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "bobsoccer";
  src: url("/fonts/bobsoccer.eot?v=2");
  src: url("/fonts/bobsoccer.eot?#iefix&v=2") format("embedded-opentype"), url("/fonts/bobsoccer.woff2?v=2") format("woff2"), url("/fonts/bobsoccer.woff?v=2") format("woff"), url("/fonts/bobsoccer.ttf?v=2") format("truetype"), url("/fonts/bobsoccer.svg?v=2#bobsoccerfontregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.virtual-wrapper .content-virtual .virtual-table .table-row > *:nth-child(2):before, .comments .comments-list .comment-post .post-content .post-message quote:before, .comments .comments-list .comment-post .post-content .post-message blockquote:before, .comments .comments-list .comment-post .post-content .post-message .quote:before, .comments .comments-list .comment-post .post-content .post-message .video-element .video-element-ancor .video-element-play, .comments .comments-list .comment-post .post-content .post-header .comment-complain, .comments .comments-list .comment-post .post-content .post-header .post-menu .post-collapse,
.comments .comments-list .comment-post .post-content .post-header .post-menu .post-expand, .element-options .element-stars .one-star, .element-source A:after, .blog-element QUOTE:before, .fa {
  display: inline-block;
  font: normal normal normal 14px/1 bobsoccer;
  font-size: inherit;
  text-rendering: auto;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.element-source A:after, .fa-fw {
  width: 2em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: 0.1428571429em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.8571428571em;
}

.fa-stack {
  position: relative;
  display: inline-block;
  min-width: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack > .fa {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 2em;
}

.fa-stack > .fa:last-child {
  font-size: 80%;
  top: 30%;
  left: 40%;
  width: 1.6em;
  line-height: 1.6em;
}

.animate-spin {
  animation: spin 2s infinite linear;
  display: inline-block;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.fa-reply:before {
  content: "\e800";
}

.fa-insert:before {
  content: "\e800";
}

.fa-insert {
  transform: rotate(90deg);
}

.fa-link:before {
  content: "\e801";
}

.fa-search:before {
  content: "\e802";
}

.fa-mail-o:before {
  content: "\e803";
}

.fa-award:before {
  content: "\e804";
}

.fa-quote-left:before, .comments .comments-list .comment-post .post-content .post-message quote:before, .comments .comments-list .comment-post .post-content .post-message blockquote:before, .comments .comments-list .comment-post .post-content .post-message .quote:before, .blog-element QUOTE:before {
  content: "\e805";
}

.fa-close:before {
  content: "\e806";
}

.fa-close-o:before {
  content: "\e807";
}

.fa-attention-o:before {
  content: "\e808";
}

.fa-attention:before {
  content: "\e809";
}

.fa-warning-o:before {
  content: "\e80a";
}

.fa-warning:before {
  content: "\e80b";
}

.fa-user-add:before {
  content: "\e80c";
}

.fa-vote-up:before {
  content: "\e80d";
}

.fa-vote-down:before {
  content: "\e80e";
}

.fa-youtube:before {
  content: "\e80f";
}

.fa-left-dir:before {
  content: "\e811";
}

.fa-right-dir:before {
  content: "\e812";
}

.fa-forward:before {
  content: "\e813";
}

.fa-help:before {
  content: "\e814";
}

.fa-camera:before {
  content: "\e815";
}

.fa-phone:before {
  content: "\e816";
}

.fa-cw-circle:before {
  content: "\e817";
}

.fa-time:before {
  content: "\e818";
}

.fa-back-in-time:before {
  content: "\e819";
}

.fa-t-shirt:before {
  content: "\e81a";
}

.fa-poll:before {
  content: "\e81b";
}

.fa-gift:before {
  content: "\e81c";
}

.fa-settings:before {
  content: "\e81d";
}

.fa-video:before {
  content: "\e81e";
}

.fa-delete:before {
  content: "\e81f";
}

.fa-group:before {
  content: "\e820";
}

.fa-down-dir:before {
  content: "\e821";
}

.fa-up-dir:before {
  content: "\e822";
}

.fa-plus-circled:before {
  content: "\e823";
}

.fa-minus-circled:before {
  content: "\e824";
}

.fa-info:before {
  content: "\e825";
}

.fa-eye:before {
  content: "\e826";
}

.fa-eye-off:before {
  content: "\e827";
}

.fa-pencil:before {
  content: "\e828";
}

.fa-left:before {
  content: "\e829";
}

.fa-right:before {
  content: "\e82a";
}

.fa-flag:before, .comments .comments-list .comment-post .post-content .post-header .comment-complain:before {
  content: "\e82b";
}

.fa-archive:before {
  content: "\e82c";
}

.fa-out:before {
  content: "\e82d";
}

.fa-shop:before {
  content: "\e82e";
}

.fa-in:before {
  content: "\e82f";
}

.fa-popup:before {
  content: "\e830";
}

.fa-list-add:before {
  content: "\e831";
}

.fa-checked:before {
  content: "\e832";
}

.fa-at:before {
  content: "\e833";
}

.fa-spin:before {
  content: "\e834";
}

.fa-block:before {
  content: "\e835";
}

.fa-approved:before {
  content: "\e836";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-table:before {
  content: "\f00a";
}

.fa-table-list:before {
  content: "\f00b";
}

.fa-exit:before {
  content: "\f011";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-lock:before {
  content: "\f023";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-list:before {
  content: "\f03a";
}

.fa-picture:before {
  content: "\f03e";
}

.fa-edit:before {
  content: "\f044";
}

.fa-users:before {
  content: "\f064";
}

.fa-plus:before, .comments .comments-list .comment-post .post-content .post-header .post-menu .post-expand:before {
  content: "\f067";
}

.fa-minus:before, .comments .comments-list .comment-post .post-content .post-header .post-menu .post-collapse:before {
  content: "\f068";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-comment:before {
  content: "\f075";
}

.fa-comments:before {
  content: "\f086";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-cut:before {
  content: "\f0c4";
}

.fa-save:before {
  content: "\f0c7";
}

.fa-menu:before {
  content: "\f0c9";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-googleplus:before {
  content: "\f0d5";
}

.fa-mail:before {
  content: "\f0e0";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-folder-open:before {
  content: "\f115";
}

.fa-code:before {
  content: "\f121";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-youtube-play:before, .comments .comments-list .comment-post .post-content .post-message .video-element .video-element-ancor .video-element-play:before {
  content: "\f16a";
}

.fa-vk:before {
  content: "\f189";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-file-image:before {
  content: "\f1c5";
}

.fa-file-audio:before {
  content: "\f1c7";
}

.fa-file-video:before {
  content: "\f1c8";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-ok:before {
  content: "\f263";
}

.fa-commenting:before {
  content: "\f27a";
}

.fa-commenting-o:before {
  content: "\f27b";
}

.fa-help-o:before {
  content: "\f29c";
}

.fa-user:before {
  content: "\f2be";
}

.fa-moder:before {
  content: "\f2c1";
}

.fa-telegram:before {
  content: "\f2c6";
}

.fa-yandex:before {
  content: "\f305";
}

.fa-yandex-rect:before {
  content: "\f306";
}

.fa-instagram:before {
  content: "\f32d";
}

.fa-top {
  position: fixed;
  z-index: 200;
  bottom: 1em;
  right: 2em;
  opacity: 0.5;
}
.fa-top:before {
  content: "\e810";
}
@media only screen and (max-width: 415px) {
  .fa-top {
    display: none;
  }
}

.fa-pin:before {
  content: "\e837";
}

.fa-clip:before {
  content: "\f0c6";
}

.grid_row:after, .grid-row:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

.grid_cell, .grid-cell {
  float: left;
}

.grid-cell.cell-right {
  float: right;
}

.c1of1 {
  width: 100%;
}
@media only screen and (max-width: 415px) {
  .c1of1 {
    width: 100%;
  }
}

.c1of2 {
  width: 50%;
}
@media only screen and (max-width: 415px) {
  .c1of2 {
    width: 100%;
  }
}

.c2of2 {
  width: 100%;
}
@media only screen and (max-width: 415px) {
  .c2of2 {
    width: 100%;
  }
}

.c1of3 {
  width: 33.3333333333%;
}
@media only screen and (max-width: 415px) {
  .c1of3 {
    width: 100%;
  }
}

.c2of3 {
  width: 66.6666666667%;
}
@media only screen and (max-width: 415px) {
  .c2of3 {
    width: 100%;
  }
}

.c3of3 {
  width: 100%;
}
@media only screen and (max-width: 415px) {
  .c3of3 {
    width: 100%;
  }
}

.c1of4 {
  width: 25%;
}
@media only screen and (max-width: 415px) {
  .c1of4 {
    width: 100%;
  }
}

.c2of4 {
  width: 50%;
}
@media only screen and (max-width: 415px) {
  .c2of4 {
    width: 100%;
  }
}

.c3of4 {
  width: 75%;
}
@media only screen and (max-width: 415px) {
  .c3of4 {
    width: 100%;
  }
}

.c4of4 {
  width: 100%;
}
@media only screen and (max-width: 415px) {
  .c4of4 {
    width: 100%;
  }
}

.c1of5 {
  width: 20%;
}
@media only screen and (max-width: 415px) {
  .c1of5 {
    width: 100%;
  }
}

.c2of5 {
  width: 40%;
}
@media only screen and (max-width: 415px) {
  .c2of5 {
    width: 100%;
  }
}

.c3of5 {
  width: 60%;
}
@media only screen and (max-width: 415px) {
  .c3of5 {
    width: 100%;
  }
}

.c4of5 {
  width: 80%;
}
@media only screen and (max-width: 415px) {
  .c4of5 {
    width: 100%;
  }
}

.c5of5 {
  width: 100%;
}
@media only screen and (max-width: 415px) {
  .c5of5 {
    width: 100%;
  }
}

.c1of6 {
  width: 16.6666666667%;
}
@media only screen and (max-width: 415px) {
  .c1of6 {
    width: 100%;
  }
}

.c2of6 {
  width: 33.3333333333%;
}
@media only screen and (max-width: 415px) {
  .c2of6 {
    width: 100%;
  }
}

.c3of6 {
  width: 50%;
}
@media only screen and (max-width: 415px) {
  .c3of6 {
    width: 100%;
  }
}

.c4of6 {
  width: 66.6666666667%;
}
@media only screen and (max-width: 415px) {
  .c4of6 {
    width: 100%;
  }
}

.c5of6 {
  width: 83.3333333333%;
}
@media only screen and (max-width: 415px) {
  .c5of6 {
    width: 100%;
  }
}

.c6of6 {
  width: 100%;
}
@media only screen and (max-width: 415px) {
  .c6of6 {
    width: 100%;
  }
}

.c1of7 {
  width: 14.2857142857%;
}
@media only screen and (max-width: 415px) {
  .c1of7 {
    width: 100%;
  }
}

.c2of7 {
  width: 28.5714285714%;
}
@media only screen and (max-width: 415px) {
  .c2of7 {
    width: 100%;
  }
}

.c3of7 {
  width: 42.8571428571%;
}
@media only screen and (max-width: 415px) {
  .c3of7 {
    width: 100%;
  }
}

.c4of7 {
  width: 57.1428571429%;
}
@media only screen and (max-width: 415px) {
  .c4of7 {
    width: 100%;
  }
}

.c5of7 {
  width: 71.4285714286%;
}
@media only screen and (max-width: 415px) {
  .c5of7 {
    width: 100%;
  }
}

.c6of7 {
  width: 85.7142857143%;
}
@media only screen and (max-width: 415px) {
  .c6of7 {
    width: 100%;
  }
}

.c7of7 {
  width: 100%;
}
@media only screen and (max-width: 415px) {
  .c7of7 {
    width: 100%;
  }
}

.c1of8 {
  width: 12.5%;
}
@media only screen and (max-width: 415px) {
  .c1of8 {
    width: 100%;
  }
}

.c2of8 {
  width: 25%;
}
@media only screen and (max-width: 415px) {
  .c2of8 {
    width: 100%;
  }
}

.c3of8 {
  width: 37.5%;
}
@media only screen and (max-width: 415px) {
  .c3of8 {
    width: 100%;
  }
}

.c4of8 {
  width: 50%;
}
@media only screen and (max-width: 415px) {
  .c4of8 {
    width: 100%;
  }
}

.c5of8 {
  width: 62.5%;
}
@media only screen and (max-width: 415px) {
  .c5of8 {
    width: 100%;
  }
}

.c6of8 {
  width: 75%;
}
@media only screen and (max-width: 415px) {
  .c6of8 {
    width: 100%;
  }
}

.c7of8 {
  width: 87.5%;
}
@media only screen and (max-width: 415px) {
  .c7of8 {
    width: 100%;
  }
}

.c8of8 {
  width: 100%;
}
@media only screen and (max-width: 415px) {
  .c8of8 {
    width: 100%;
  }
}

.c1of9 {
  width: 11.1111111111%;
}
@media only screen and (max-width: 415px) {
  .c1of9 {
    width: 100%;
  }
}

.c2of9 {
  width: 22.2222222222%;
}
@media only screen and (max-width: 415px) {
  .c2of9 {
    width: 100%;
  }
}

.c3of9 {
  width: 33.3333333333%;
}
@media only screen and (max-width: 415px) {
  .c3of9 {
    width: 100%;
  }
}

.c4of9 {
  width: 44.4444444444%;
}
@media only screen and (max-width: 415px) {
  .c4of9 {
    width: 100%;
  }
}

.c5of9 {
  width: 55.5555555556%;
}
@media only screen and (max-width: 415px) {
  .c5of9 {
    width: 100%;
  }
}

.c6of9 {
  width: 66.6666666667%;
}
@media only screen and (max-width: 415px) {
  .c6of9 {
    width: 100%;
  }
}

.c7of9 {
  width: 77.7777777778%;
}
@media only screen and (max-width: 415px) {
  .c7of9 {
    width: 100%;
  }
}

.c8of9 {
  width: 88.8888888889%;
}
@media only screen and (max-width: 415px) {
  .c8of9 {
    width: 100%;
  }
}

.c9of9 {
  width: 100%;
}
@media only screen and (max-width: 415px) {
  .c9of9 {
    width: 100%;
  }
}

.c1of10 {
  width: 10%;
}
@media only screen and (max-width: 415px) {
  .c1of10 {
    width: 100%;
  }
}

.c2of10 {
  width: 20%;
}
@media only screen and (max-width: 415px) {
  .c2of10 {
    width: 100%;
  }
}

.c3of10 {
  width: 30%;
}
@media only screen and (max-width: 415px) {
  .c3of10 {
    width: 100%;
  }
}

.c4of10 {
  width: 40%;
}
@media only screen and (max-width: 415px) {
  .c4of10 {
    width: 100%;
  }
}

.c5of10 {
  width: 50%;
}
@media only screen and (max-width: 415px) {
  .c5of10 {
    width: 100%;
  }
}

.c6of10 {
  width: 60%;
}
@media only screen and (max-width: 415px) {
  .c6of10 {
    width: 100%;
  }
}

.c7of10 {
  width: 70%;
}
@media only screen and (max-width: 415px) {
  .c7of10 {
    width: 100%;
  }
}

.c8of10 {
  width: 80%;
}
@media only screen and (max-width: 415px) {
  .c8of10 {
    width: 100%;
  }
}

.c9of10 {
  width: 90%;
}
@media only screen and (max-width: 415px) {
  .c9of10 {
    width: 100%;
  }
}

.c10of10 {
  width: 100%;
}
@media only screen and (max-width: 415px) {
  .c10of10 {
    width: 100%;
  }
}

.c1of11 {
  width: 9.0909090909%;
}
@media only screen and (max-width: 415px) {
  .c1of11 {
    width: 100%;
  }
}

.c2of11 {
  width: 18.1818181818%;
}
@media only screen and (max-width: 415px) {
  .c2of11 {
    width: 100%;
  }
}

.c3of11 {
  width: 27.2727272727%;
}
@media only screen and (max-width: 415px) {
  .c3of11 {
    width: 100%;
  }
}

.c4of11 {
  width: 36.3636363636%;
}
@media only screen and (max-width: 415px) {
  .c4of11 {
    width: 100%;
  }
}

.c5of11 {
  width: 45.4545454545%;
}
@media only screen and (max-width: 415px) {
  .c5of11 {
    width: 100%;
  }
}

.c6of11 {
  width: 54.5454545455%;
}
@media only screen and (max-width: 415px) {
  .c6of11 {
    width: 100%;
  }
}

.c7of11 {
  width: 63.6363636364%;
}
@media only screen and (max-width: 415px) {
  .c7of11 {
    width: 100%;
  }
}

.c8of11 {
  width: 72.7272727273%;
}
@media only screen and (max-width: 415px) {
  .c8of11 {
    width: 100%;
  }
}

.c9of11 {
  width: 81.8181818182%;
}
@media only screen and (max-width: 415px) {
  .c9of11 {
    width: 100%;
  }
}

.c10of11 {
  width: 90.9090909091%;
}
@media only screen and (max-width: 415px) {
  .c10of11 {
    width: 100%;
  }
}

.c11of11 {
  width: 100%;
}
@media only screen and (max-width: 415px) {
  .c11of11 {
    width: 100%;
  }
}

.c1of12 {
  width: 8.3333333333%;
}
@media only screen and (max-width: 415px) {
  .c1of12 {
    width: 100%;
  }
}

.c2of12 {
  width: 16.6666666667%;
}
@media only screen and (max-width: 415px) {
  .c2of12 {
    width: 100%;
  }
}

.c3of12 {
  width: 25%;
}
@media only screen and (max-width: 415px) {
  .c3of12 {
    width: 100%;
  }
}

.c4of12 {
  width: 33.3333333333%;
}
@media only screen and (max-width: 415px) {
  .c4of12 {
    width: 100%;
  }
}

.c5of12 {
  width: 41.6666666667%;
}
@media only screen and (max-width: 415px) {
  .c5of12 {
    width: 100%;
  }
}

.c6of12 {
  width: 50%;
}
@media only screen and (max-width: 415px) {
  .c6of12 {
    width: 100%;
  }
}

.c7of12 {
  width: 58.3333333333%;
}
@media only screen and (max-width: 415px) {
  .c7of12 {
    width: 100%;
  }
}

.c8of12 {
  width: 66.6666666667%;
}
@media only screen and (max-width: 415px) {
  .c8of12 {
    width: 100%;
  }
}

.c9of12 {
  width: 75%;
}
@media only screen and (max-width: 415px) {
  .c9of12 {
    width: 100%;
  }
}

.c10of12 {
  width: 83.3333333333%;
}
@media only screen and (max-width: 415px) {
  .c10of12 {
    width: 100%;
  }
}

.c11of12 {
  width: 91.6666666667%;
}
@media only screen and (max-width: 415px) {
  .c11of12 {
    width: 100%;
  }
}

.c12of12 {
  width: 100%;
}
@media only screen and (max-width: 415px) {
  .c12of12 {
    width: 100%;
  }
}

.c1of13 {
  width: 7.6923076923%;
}
@media only screen and (max-width: 415px) {
  .c1of13 {
    width: 100%;
  }
}

.c2of13 {
  width: 15.3846153846%;
}
@media only screen and (max-width: 415px) {
  .c2of13 {
    width: 100%;
  }
}

.c3of13 {
  width: 23.0769230769%;
}
@media only screen and (max-width: 415px) {
  .c3of13 {
    width: 100%;
  }
}

.c4of13 {
  width: 30.7692307692%;
}
@media only screen and (max-width: 415px) {
  .c4of13 {
    width: 100%;
  }
}

.c5of13 {
  width: 38.4615384615%;
}
@media only screen and (max-width: 415px) {
  .c5of13 {
    width: 100%;
  }
}

.c6of13 {
  width: 46.1538461538%;
}
@media only screen and (max-width: 415px) {
  .c6of13 {
    width: 100%;
  }
}

.c7of13 {
  width: 53.8461538462%;
}
@media only screen and (max-width: 415px) {
  .c7of13 {
    width: 100%;
  }
}

.c8of13 {
  width: 61.5384615385%;
}
@media only screen and (max-width: 415px) {
  .c8of13 {
    width: 100%;
  }
}

.c9of13 {
  width: 69.2307692308%;
}
@media only screen and (max-width: 415px) {
  .c9of13 {
    width: 100%;
  }
}

.c10of13 {
  width: 76.9230769231%;
}
@media only screen and (max-width: 415px) {
  .c10of13 {
    width: 100%;
  }
}

.c11of13 {
  width: 84.6153846154%;
}
@media only screen and (max-width: 415px) {
  .c11of13 {
    width: 100%;
  }
}

.c12of13 {
  width: 92.3076923077%;
}
@media only screen and (max-width: 415px) {
  .c12of13 {
    width: 100%;
  }
}

.c13of13 {
  width: 100%;
}
@media only screen and (max-width: 415px) {
  .c13of13 {
    width: 100%;
  }
}

.c1of14 {
  width: 7.1428571429%;
}
@media only screen and (max-width: 415px) {
  .c1of14 {
    width: 100%;
  }
}

.c2of14 {
  width: 14.2857142857%;
}
@media only screen and (max-width: 415px) {
  .c2of14 {
    width: 100%;
  }
}

.c3of14 {
  width: 21.4285714286%;
}
@media only screen and (max-width: 415px) {
  .c3of14 {
    width: 100%;
  }
}

.c4of14 {
  width: 28.5714285714%;
}
@media only screen and (max-width: 415px) {
  .c4of14 {
    width: 100%;
  }
}

.c5of14 {
  width: 35.7142857143%;
}
@media only screen and (max-width: 415px) {
  .c5of14 {
    width: 100%;
  }
}

.c6of14 {
  width: 42.8571428571%;
}
@media only screen and (max-width: 415px) {
  .c6of14 {
    width: 100%;
  }
}

.c7of14 {
  width: 50%;
}
@media only screen and (max-width: 415px) {
  .c7of14 {
    width: 100%;
  }
}

.c8of14 {
  width: 57.1428571429%;
}
@media only screen and (max-width: 415px) {
  .c8of14 {
    width: 100%;
  }
}

.c9of14 {
  width: 64.2857142857%;
}
@media only screen and (max-width: 415px) {
  .c9of14 {
    width: 100%;
  }
}

.c10of14 {
  width: 71.4285714286%;
}
@media only screen and (max-width: 415px) {
  .c10of14 {
    width: 100%;
  }
}

.c11of14 {
  width: 78.5714285714%;
}
@media only screen and (max-width: 415px) {
  .c11of14 {
    width: 100%;
  }
}

.c12of14 {
  width: 85.7142857143%;
}
@media only screen and (max-width: 415px) {
  .c12of14 {
    width: 100%;
  }
}

.c13of14 {
  width: 92.8571428571%;
}
@media only screen and (max-width: 415px) {
  .c13of14 {
    width: 100%;
  }
}

.c14of14 {
  width: 100%;
}
@media only screen and (max-width: 415px) {
  .c14of14 {
    width: 100%;
  }
}

.c1of15 {
  width: 6.6666666667%;
}
@media only screen and (max-width: 415px) {
  .c1of15 {
    width: 100%;
  }
}

.c2of15 {
  width: 13.3333333333%;
}
@media only screen and (max-width: 415px) {
  .c2of15 {
    width: 100%;
  }
}

.c3of15 {
  width: 20%;
}
@media only screen and (max-width: 415px) {
  .c3of15 {
    width: 100%;
  }
}

.c4of15 {
  width: 26.6666666667%;
}
@media only screen and (max-width: 415px) {
  .c4of15 {
    width: 100%;
  }
}

.c5of15 {
  width: 33.3333333333%;
}
@media only screen and (max-width: 415px) {
  .c5of15 {
    width: 100%;
  }
}

.c6of15 {
  width: 40%;
}
@media only screen and (max-width: 415px) {
  .c6of15 {
    width: 100%;
  }
}

.c7of15 {
  width: 46.6666666667%;
}
@media only screen and (max-width: 415px) {
  .c7of15 {
    width: 100%;
  }
}

.c8of15 {
  width: 53.3333333333%;
}
@media only screen and (max-width: 415px) {
  .c8of15 {
    width: 100%;
  }
}

.c9of15 {
  width: 60%;
}
@media only screen and (max-width: 415px) {
  .c9of15 {
    width: 100%;
  }
}

.c10of15 {
  width: 66.6666666667%;
}
@media only screen and (max-width: 415px) {
  .c10of15 {
    width: 100%;
  }
}

.c11of15 {
  width: 73.3333333333%;
}
@media only screen and (max-width: 415px) {
  .c11of15 {
    width: 100%;
  }
}

.c12of15 {
  width: 80%;
}
@media only screen and (max-width: 415px) {
  .c12of15 {
    width: 100%;
  }
}

.c13of15 {
  width: 86.6666666667%;
}
@media only screen and (max-width: 415px) {
  .c13of15 {
    width: 100%;
  }
}

.c14of15 {
  width: 93.3333333333%;
}
@media only screen and (max-width: 415px) {
  .c14of15 {
    width: 100%;
  }
}

.c15of15 {
  width: 100%;
}
@media only screen and (max-width: 415px) {
  .c15of15 {
    width: 100%;
  }
}

.c1of16 {
  width: 6.25%;
}
@media only screen and (max-width: 415px) {
  .c1of16 {
    width: 100%;
  }
}

.c2of16 {
  width: 12.5%;
}
@media only screen and (max-width: 415px) {
  .c2of16 {
    width: 100%;
  }
}

.c3of16 {
  width: 18.75%;
}
@media only screen and (max-width: 415px) {
  .c3of16 {
    width: 100%;
  }
}

.c4of16 {
  width: 25%;
}
@media only screen and (max-width: 415px) {
  .c4of16 {
    width: 100%;
  }
}

.c5of16 {
  width: 31.25%;
}
@media only screen and (max-width: 415px) {
  .c5of16 {
    width: 100%;
  }
}

.c6of16 {
  width: 37.5%;
}
@media only screen and (max-width: 415px) {
  .c6of16 {
    width: 100%;
  }
}

.c7of16 {
  width: 43.75%;
}
@media only screen and (max-width: 415px) {
  .c7of16 {
    width: 100%;
  }
}

.c8of16 {
  width: 50%;
}
@media only screen and (max-width: 415px) {
  .c8of16 {
    width: 100%;
  }
}

.c9of16 {
  width: 56.25%;
}
@media only screen and (max-width: 415px) {
  .c9of16 {
    width: 100%;
  }
}

.c10of16 {
  width: 62.5%;
}
@media only screen and (max-width: 415px) {
  .c10of16 {
    width: 100%;
  }
}

.c11of16 {
  width: 68.75%;
}
@media only screen and (max-width: 415px) {
  .c11of16 {
    width: 100%;
  }
}

.c12of16 {
  width: 75%;
}
@media only screen and (max-width: 415px) {
  .c12of16 {
    width: 100%;
  }
}

.c13of16 {
  width: 81.25%;
}
@media only screen and (max-width: 415px) {
  .c13of16 {
    width: 100%;
  }
}

.c14of16 {
  width: 87.5%;
}
@media only screen and (max-width: 415px) {
  .c14of16 {
    width: 100%;
  }
}

.c15of16 {
  width: 93.75%;
}
@media only screen and (max-width: 415px) {
  .c15of16 {
    width: 100%;
  }
}

.c16of16 {
  width: 100%;
}
@media only screen and (max-width: 415px) {
  .c16of16 {
    width: 100%;
  }
}

.flex-grid, .flex-row {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  align-items: stretch;
}

.flex-grow1 {
  flex-grow: 1;
  flex-basis: 0;
}

.flex-grow2, .content-default .right-side {
  flex-grow: 2;
  flex-basis: 0;
}

.flex-grow3, .content-index .left-side {
  flex-grow: 3;
  flex-basis: 0;
}

.flex-grow4 {
  flex-grow: 4;
  flex-basis: 0;
}

.flex-grow5, .content-index .right-side {
  flex-grow: 5;
  flex-basis: 0;
}

.flex-grow6 {
  flex-grow: 6;
  flex-basis: 0;
}

.flex-grow7 {
  flex-grow: 7;
  flex-basis: 0;
}

.flex-grow8, .content-index .middle-side {
  flex-grow: 8;
  flex-basis: 0;
}

.flex-grow9 {
  flex-grow: 9;
  flex-basis: 0;
}

.flex-grow10 {
  flex-grow: 10;
  flex-basis: 0;
}

.flex-grow11 {
  flex-grow: 11;
  flex-basis: 0;
}

.flex-grow12 {
  flex-grow: 12;
  flex-basis: 0;
}

.flex-grow13 {
  flex-grow: 13;
  flex-basis: 0;
}

.flex-grow14, .content-default .middle-side {
  flex-grow: 14;
  flex-basis: 0;
}

.flex-grow15 {
  flex-grow: 15;
  flex-basis: 0;
}

.flex-grow16 {
  flex-grow: 16;
  flex-basis: 0;
}

.content-background {
  background-color: rgb(100, 100, 100);
  padding: 0em 0 0;
  position: relative;
}
@media only screen and (max-width: 800px) {
  .content-background {
    background-size: 150% !important;
    padding-top: 0em;
  }
}
@media only screen and (max-width: 415px) {
  .content-background {
    padding-top: 0em;
  }
}
@media only screen and (max-width: 415px) {
  .content-background .page-size {
    padding: 0;
  }
}

.content-index {
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
  align-items: stretch;
}
@media only screen and (max-width: 800px) {
  .content-index {
    flex-wrap: wrap;
  }
}
.content-index > DIV {
  background-color: rgb(255, 255, 255);
  padding: 1em;
  flex-basis: calc(240px + 2em) !important;
}
.content-index .left-side {
  min-width: calc(240px + 2em);
}
@media only screen and (max-width: 800px) {
  .content-index .left-side {
    order: 3;
  }
}
.content-index .middle-side {
  min-width: 50%;
}
@media only screen and (max-width: 800px) {
  .content-index .middle-side {
    min-width: calc(100% - (240px + 2em));
  }
}
.content-index .right-side {
  min-width: calc(240px + 2em);
}

.content-default {
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
  align-items: stretch;
}
@media only screen and (max-width: 800px) {
  .content-default {
    flex-wrap: wrap;
  }
}
.content-default > DIV {
  background-color: rgb(255, 255, 255);
  padding: 1em;
  flex-basis: calc(240px + 2em) !important;
}
.content-default .middle-side {
  min-width: 50%;
}
@media only screen and (max-width: 800px) {
  .content-default .middle-side {
    min-width: 100%;
  }
}
.content-default .right-side {
  min-width: calc(240px + 2em);
}

* {
  margin: 0;
  box-sizing: border-box;
}

HTML, BODY {
  height: 100%;
}

BODY {
  font-family: "Roboto", sans-serif;
  color: rgb(66, 66, 66);
  font-size: 14px;
  height: 100%;
  width: 100%;
  line-height: 1.6;
}
BODY.oauth {
  padding: 2em;
}

:focus {
  outline: 0;
}

IMG {
  border: 0;
}

A {
  color: inherit;
  text-decoration: none;
  transition: all 0.2s ease-out 0s;
}
A:hover, A:focus {
  color: rgb(77, 119, 204);
}
A.color {
  color: rgb(77, 119, 204);
}
A.color:hover {
  color: rgb(66, 66, 66);
}
A > SVG {
  fill: currentcolor;
}

P {
  margin: 1em 0;
}

TABLE {
  border-collapse: collapse;
}

TD {
  vertical-align: top;
}

H1, H2, H3, H4, STRONG, B {
  color: inherit;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

LABEL {
  cursor: pointer;
}

.dno {
  display: none;
}

.clear:after, .user-info-section:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

.page-size {
  margin: 0 auto;
  max-width: 1400px;
  padding: 0 2%;
}

UL[role=navigation] {
  list-style: outside none none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
UL[role=navigation] LI {
  white-space: nowrap;
}

.banner-place {
  text-align: center;
  padding: 1em 0;
  background-color: rgb(255, 255, 255);
  overflow: hidden;
}
.banner-place > * {
  margin: 0 auto;
}

.banner-place-main-branding {
  position: absolute;
  top: 0;
  width: 100%;
  height: 0em;
}
.banner-place-main-branding > A {
  display: block;
  width: 100%;
  height: 100%;
}

.catfish-place__top {
  width: 100%;
  position: relative;
  z-index: 160;
  background-color: rgb(255, 255, 255);
  transition: all 0.4s ease-out 0s;
  line-height: 0;
}
.catfish-place__top > A {
  font-size: 150%;
  position: absolute;
  right: 1rem;
  top: 0.5rem;
  z-index: 55;
}

.catfish-place__bottom {
  width: 100%;
  position: fixed;
  bottom: -100%;
  z-index: 160;
  background-color: rgb(255, 255, 255);
  transition: all 0.4s ease-out 0s;
  line-height: 0;
}
.catfish-place__bottom > A {
  font-size: 150%;
  position: absolute;
  right: 1rem;
  top: 0.5rem;
  z-index: 55;
}
.catfish-place__bottom.visible {
  bottom: 0;
}

.user-level {
  vertical-align: middle;
  height: 1.8em !important;
  margin: 0 !important;
}

.user-stuff {
  vertical-align: middle;
  height: 2em;
  object-fit: contain;
}

.pointer {
  z-index: 51;
}
.pointer.up {
  content: "";
  border: 0.6em solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  transform: translateX(-50%);
  border-top-width: 0;
  border-bottom: 0.6em solid rgb(245, 245, 245);
  bottom: -0.6em;
}
.pointer.down {
  content: "";
  border: 0.6em solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  transform: translateX(-50%);
  border-bottom-width: 0;
  border-top: 0.6em solid rgb(245, 245, 245);
  top: -0.6em;
}

DIV[role=dialog] {
  position: absolute;
  background-color: rgb(245, 245, 245);
  border-radius: 2px;
  border: 1px solid gainsboro;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  z-index: 50;
}
DIV[role=dialog] > .fa-close {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  line-height: 2em;
  width: 2em;
  text-align: center;
}

.empty-tip {
  margin: 20% auto;
  text-align: center;
  font-style: italic;
  color: #8f8f8f;
}

.color-green {
  color: rgb(25, 135, 69);
}

.color-red {
  color: rgb(220, 50, 50);
}

.color-light {
  color: #8f8f8f;
}

.loader {
  display: flex;
  height: 5rem;
  justify-content: center;
  align-items: center;
}

#advb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
  gap: 1rem;
  padding-top: 1.5rem;
  position: relative;
}
#advb > a {
  flex-basis: 48%;
  text-align: center;
}
#advb:after {
  content: "Реклама";
  position: absolute;
  top: -0.5rem;
  right: 0;
  font-size: 10px;
}
#advb:before {
  content: "У нас можно сделать ставку на матчи";
  position: absolute;
  top: -0.5rem;
  left: 0;
  font-size: 12px;
  font-weight: bold;
}
#advb img {
  height: 1.5rem;
}
@media only screen and (max-width: 800px) {
  #advb img {
    height: 1rem;
  }
}

.fadeIn, .poll .Bookmarks_Content.selected {
  animation-name: fadeIn !important;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeInUp {
  animation-name: fadeInUp !important;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
}
.fadeInDown {
  animation-name: fadeInDown !important;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
}
.fadeInRight {
  animation-name: fadeInRight !important;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}
.fadeInLeft {
  animation-name: fadeInLeft !important;
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}
.fadeInRightFast {
  animation-name: fadeInRightFast !important;
}

@keyframes fadeInRightFast {
  0% {
    opacity: 0;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRightFast {
  0% {
    opacity: 0;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}
.fadeInLeftFast {
  animation-name: fadeInLeftFast !important;
}

@keyframes fadeInLeftFast {
  0% {
    opacity: 0;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}
@-webkit-keyframes fadeInLeftFast {
  0% {
    opacity: 0;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}
.fadeOut, .poll .Bookmarks_Content {
  animation-name: fadeOut !important;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft !important;
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight !important;
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
  }
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
  }
}
.fadeOutLeftFast {
  animation-name: fadeOutLeftFast !important;
}

@keyframes fadeOutLeftFast {
  0% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
}
@-webkit-keyframes fadeOutLeftFast {
  0% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
}
.fadeOutRightFast {
  animation-name: fadeOutRightFast !important;
}

@keyframes fadeOutRightFast {
  0% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
  }
}
@-webkit-keyframes fadeOutRightFast {
  0% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
  }
}
.fadeOutLeftFast {
  animation-name: fadeOutLeftFast !important;
}

@keyframes fadeOutLeftFast {
  0% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
}
@-webkit-keyframes fadeOutLeftFast {
  0% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
}
.fadeOutRightFast {
  animation-name: fadeOutRightFast !important;
}

@keyframes fadeOutRightFast {
  0% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
  }
}
@-webkit-keyframes fadeOutRightFast {
  0% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp !important;
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
  }
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown !important;
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
  }
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
  }
}
.slideInRight {
  animation-name: slideInRight !important;
}

@keyframes slideInRight {
  0% {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}
@-webkit-keyframes slideInRight {
  0% {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}
.slideInLeft {
  animation-name: slideInLeft !important;
}

@keyframes slideInLeft {
  0% {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}
@-webkit-keyframes slideInLeft {
  0% {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft !important;
}

@keyframes slideOutLeft {
  0% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
}
@-webkit-keyframes slideOutLeft {
  0% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
}
.slideOutRight {
  animation-name: slideOutRight !important;
}

@keyframes slideOutRight {
  0% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
  }
}
@-webkit-keyframes slideOutRight {
  0% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
  }
}
.shake {
  animation-name: shake !important;
}

@keyframes shake {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  94%, 88% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  96%, 90% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
  }
  98%, 92% {
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
  }
  100% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
}
@-webkit-keyframes shake {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  94%, 88% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  96%, 90% {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
  }
  98%, 92% {
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
  }
  100% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
}
UL[role=info], UL[role=message], UL[role=attention], UL[role=error] {
  list-style: outside none none;
  margin: 0;
  padding: 0;
  padding: 1em 2em;
  margin: 1em auto;
  border-radius: 4px;
  width: 80%;
}
@media only screen and (max-width: 415px) {
  UL[role=info], UL[role=message], UL[role=attention], UL[role=error] {
    width: 100%;
  }
}

UL[role=error] {
  color: rgb(169, 68, 66);
  background-color: rgb(242, 222, 222);
  border: 1px solid rgb(220, 167, 167);
}

UL[role=attention] {
  color: rgb(138, 109, 59);
  background-color: rgb(252, 248, 227);
  border: 1px solid rgb(245, 231, 158);
}

UL[role=message] {
  color: rgb(60, 118, 61);
  background-color: rgb(223, 240, 216);
  border: 1px solid rgb(178, 219, 161);
}

UL[role=info] {
  color: #31708f;
  background-color: rgb(217, 237, 247);
  border-color: rgb(188, 223, 241);
}

.upload-button, input[type=button].button-flat, .poll .poll-footer input[type=button].Bookmarks_Tab:not(.selected), button.button-flat, .poll .poll-footer button.Bookmarks_Tab:not(.selected), A[role=button].button-flat, .poll .poll-footer A[role=button].Bookmarks_Tab:not(.selected), input[type=button].button-yellow, button.button-yellow, A[role=button].button-yellow, input[type=button].button-blue, button.button-blue, A[role=button].button-blue, input[type=submit], button[role=save], A[role="button save"], A[role="button add"],
input[type=button].button-green, button.button-green, A[role=button].button-green, input[type=button][role=delete], button[role=delete], A[role="button delete"],
input[type=button].button-delete, button.button-delete, A[role=button].button-delete,
button.button-red, input[type=button], A[role=button], button,
button.button-default, select, textarea, input {
  border-radius: 2px;
  font-family: inherit;
  font-size: inherit;
  color: rgb(153, 153, 153);
  margin: 0.5rem 0;
  width: 100%;
  border: 1px solid rgb(225, 225, 225);
  transition: all 0.2s ease-out 0s;
  background-color: rgb(255, 255, 255);
  vertical-align: middle;
  display: inline-block;
  position: relative;
  line-height: inherit;
  padding: 0.2rem 0.5rem;
  appearance: textfield;
  box-shadow: none !important;
}
.upload-button:focus, input[type=button].button-flat:focus, .poll .poll-footer input[type=button].Bookmarks_Tab:focus:not(.selected), input[type=button].button-yellow:focus, input[type=button].button-blue:focus, A[role="button save"]:focus, A[role="button add"]:focus,
input[type=button].button-green:focus, input[type=button][role=delete]:focus, A[role="button delete"]:focus,
input[type=button].button-delete:focus, A[role=button]:focus, button:focus, select:focus, textarea:focus, input:focus {
  color: rgb(66, 66, 66);
  border: 1px solid rgb(66, 66, 66);
}
.upload-button .select-field select:required, A[role="button save"] .select-field select:required, A[role="button add"] .select-field select:required, A[role="button delete"] .select-field select:required, A[role=button] .select-field select:required, button .select-field select:required, .select-field .upload-button select:required, .select-field A[role="button save"] select:required, .select-field A[role="button add"] select:required, .select-field A[role="button delete"] select:required, .select-field A[role=button] select:required, .select-field button select:required, select .select-field select:required, .select-field select select:required, textarea .select-field select:required, .select-field textarea select:required, input .select-field select:required, .select-field input select:required, .upload-button:required, input[type=button].button-flat:required, .poll .poll-footer input[type=button].Bookmarks_Tab:required:not(.selected), input[type=button].button-yellow:required, input[type=button].button-blue:required, A[role="button save"]:required, A[role="button add"]:required,
input[type=button].button-green:required, input[type=button][role=delete]:required, A[role="button delete"]:required,
input[type=button].button-delete:required, A[role=button]:required, button:required, select:required, textarea:required, input:required {
  border-left-color: rgb(255, 0, 0);
}
.upload-button .select-field select.error, A[role="button save"] .select-field select.error, A[role="button add"] .select-field select.error, A[role="button delete"] .select-field select.error, A[role=button] .select-field select.error, button .select-field select.error, .select-field .upload-button select.error, .select-field A[role="button save"] select.error, .select-field A[role="button add"] select.error, .select-field A[role="button delete"] select.error, .select-field A[role=button] select.error, .select-field button select.error, select .select-field select.error, .select-field select select.error, textarea .select-field select.error, .select-field textarea select.error, input .select-field select.error, .select-field input select.error, .error.upload-button, input.error[type=button].button-flat, .poll .poll-footer input.error[type=button].Bookmarks_Tab:not(.selected), input.error[type=button].button-yellow, input.error[type=button].button-blue, A.error[role="button save"], A.error[role="button add"],
input.error[type=button].button-green, input.error[type=button][role=delete], A.error[role="button delete"],
input.error[type=button].button-delete, A.error[role=button], button.error, select.error, textarea.error, input.error {
  color: rgb(255, 0, 0);
  border-color: rgb(255, 0, 0);
}
.upload-button .select-field select[readonly], input[type=button].button-flat .select-field select[readonly], .poll .poll-footer input[type=button].Bookmarks_Tab:not(.selected) .select-field select[readonly], button.button-flat .select-field select[readonly], .poll .poll-footer button.Bookmarks_Tab:not(.selected) .select-field select[readonly], A[role=button].button-flat .select-field select[readonly], .poll .poll-footer A[role=button].Bookmarks_Tab:not(.selected) .select-field select[readonly], input[type=button].button-yellow .select-field select[readonly], button.button-yellow .select-field select[readonly], A[role=button].button-yellow .select-field select[readonly], input[type=button].button-blue .select-field select[readonly], button.button-blue .select-field select[readonly], A[role=button].button-blue .select-field select[readonly], input[type=submit] .select-field select[readonly], button[role=save] .select-field select[readonly], A[role="button save"] .select-field select[readonly], A[role="button add"] .select-field select[readonly],
input[type=button].button-green .select-field select[readonly], button.button-green .select-field select[readonly], A[role=button].button-green .select-field select[readonly], A[role="button delete"] .select-field select[readonly], A[role=button] .select-field select[readonly], button .select-field select[readonly], .select-field .upload-button select[readonly], .select-field input[type=button].button-flat select[readonly], .select-field .poll .poll-footer input[type=button].Bookmarks_Tab:not(.selected) select[readonly], .poll .poll-footer .select-field input[type=button].Bookmarks_Tab:not(.selected) select[readonly], .select-field button.button-flat select[readonly], .select-field .poll .poll-footer button.Bookmarks_Tab:not(.selected) select[readonly], .poll .poll-footer .select-field button.Bookmarks_Tab:not(.selected) select[readonly], .select-field A[role=button].button-flat select[readonly], .select-field .poll .poll-footer A[role=button].Bookmarks_Tab:not(.selected) select[readonly], .poll .poll-footer .select-field A[role=button].Bookmarks_Tab:not(.selected) select[readonly], .select-field input[type=button].button-yellow select[readonly], .select-field button.button-yellow select[readonly], .select-field A[role=button].button-yellow select[readonly], .select-field input[type=button].button-blue select[readonly], .select-field button.button-blue select[readonly], .select-field A[role=button].button-blue select[readonly], .select-field input[type=submit] select[readonly], .select-field button[role=save] select[readonly], .select-field A[role="button save"] select[readonly], .select-field A[role="button add"] select[readonly],
.select-field input[type=button].button-green select[readonly], .select-field button.button-green select[readonly], .select-field A[role=button].button-green select[readonly], .select-field A[role="button delete"] select[readonly], .select-field A[role=button] select[readonly], .select-field button select[readonly], .upload-button .select-field select:disabled, input[type=button].button-flat .select-field select:disabled, .poll .poll-footer input[type=button].Bookmarks_Tab:not(.selected) .select-field select:disabled, button.button-flat .select-field select:disabled, .poll .poll-footer button.Bookmarks_Tab:not(.selected) .select-field select:disabled, A[role=button].button-flat .select-field select:disabled, .poll .poll-footer A[role=button].Bookmarks_Tab:not(.selected) .select-field select:disabled, input[type=button].button-yellow .select-field select:disabled, button.button-yellow .select-field select:disabled, A[role=button].button-yellow .select-field select:disabled, input[type=button].button-blue .select-field select:disabled, button.button-blue .select-field select:disabled, A[role=button].button-blue .select-field select:disabled, input[type=submit] .select-field select:disabled, button[role=save] .select-field select:disabled, A[role="button save"] .select-field select:disabled, A[role="button add"] .select-field select:disabled,
input[type=button].button-green .select-field select:disabled, button.button-green .select-field select:disabled, A[role=button].button-green .select-field select:disabled, A[role="button delete"] .select-field select:disabled, A[role=button] .select-field select:disabled, button .select-field select:disabled, .select-field .upload-button select:disabled, .select-field input[type=button].button-flat select:disabled, .select-field .poll .poll-footer input[type=button].Bookmarks_Tab:not(.selected) select:disabled, .poll .poll-footer .select-field input[type=button].Bookmarks_Tab:not(.selected) select:disabled, .select-field button.button-flat select:disabled, .select-field .poll .poll-footer button.Bookmarks_Tab:not(.selected) select:disabled, .poll .poll-footer .select-field button.Bookmarks_Tab:not(.selected) select:disabled, .select-field A[role=button].button-flat select:disabled, .select-field .poll .poll-footer A[role=button].Bookmarks_Tab:not(.selected) select:disabled, .poll .poll-footer .select-field A[role=button].Bookmarks_Tab:not(.selected) select:disabled, .select-field input[type=button].button-yellow select:disabled, .select-field button.button-yellow select:disabled, .select-field A[role=button].button-yellow select:disabled, .select-field input[type=button].button-blue select:disabled, .select-field button.button-blue select:disabled, .select-field A[role=button].button-blue select:disabled, .select-field input[type=submit] select:disabled, .select-field button[role=save] select:disabled, .select-field A[role="button save"] select:disabled, .select-field A[role="button add"] select:disabled,
.select-field input[type=button].button-green select:disabled, .select-field button.button-green select:disabled, .select-field A[role=button].button-green select:disabled, .select-field A[role="button delete"] select:disabled, .select-field A[role=button] select:disabled, .select-field button select:disabled, select .select-field select[readonly], .select-field select select[readonly], select .select-field select:disabled, .select-field select select:disabled, textarea .select-field select[readonly], .select-field textarea select[readonly], textarea .select-field select:disabled, .select-field textarea select:disabled, input .select-field select[readonly], .select-field input select[readonly], input .select-field select:disabled, .select-field input select:disabled, [readonly].upload-button, input[readonly][type=button].button-flat, .poll .poll-footer input[readonly][type=button].Bookmarks_Tab:not(.selected), button[readonly].button-flat, .poll .poll-footer button[readonly].Bookmarks_Tab:not(.selected), A[readonly][role=button].button-flat, .poll .poll-footer A[readonly][role=button].Bookmarks_Tab:not(.selected), input[readonly][type=button].button-yellow, button[readonly].button-yellow, A[readonly][role=button].button-yellow, input[readonly][type=button].button-blue, button[readonly].button-blue, A[readonly][role=button].button-blue, input[readonly][type=submit], button[readonly][role=save], A[readonly][role="button save"], A[readonly][role="button add"],
input[readonly][type=button].button-green, button[readonly].button-green, A[readonly][role=button].button-green, input[readonly][type=button][role=delete], A[readonly][role="button delete"],
input[readonly][type=button].button-delete, A[readonly][role=button], button[readonly], select[readonly], textarea[readonly], input[readonly], .upload-button:disabled, input[type=button].button-flat:disabled, .poll .poll-footer input[type=button].Bookmarks_Tab:disabled:not(.selected), button.button-flat:disabled, .poll .poll-footer button.Bookmarks_Tab:disabled:not(.selected), A[role=button].button-flat:disabled, .poll .poll-footer A[role=button].Bookmarks_Tab:disabled:not(.selected), input[type=button].button-yellow:disabled, button.button-yellow:disabled, A[role=button].button-yellow:disabled, input[type=button].button-blue:disabled, button.button-blue:disabled, A[role=button].button-blue:disabled, input[type=submit]:disabled, button[role=save]:disabled, A[role="button save"]:disabled, A[role="button add"]:disabled,
input[type=button].button-green:disabled, button.button-green:disabled, A[role=button].button-green:disabled, input[type=button][role=delete]:disabled, A[role="button delete"]:disabled,
input[type=button].button-delete:disabled, A[role=button]:disabled, button:disabled, select:disabled, textarea:disabled, input:disabled {
  background-color: #f7f7f7;
  color: #adadad;
}

.select-field select + label, .radio-field label:last-of-type, .text-field input + label, .editor-field input + label, .select-field input + label, .radio-field input + label, .text-field textarea + label, .editor-field textarea + label, .select-field textarea + label, .radio-field textarea + label {
  position: absolute;
  left: 1rem;
  font-size: 70%;
  top: -0.2rem;
  color: rgb(153, 153, 153);
  transition: all 0.4s ease-out 0s;
  background-color: rgb(255, 255, 255);
  cursor: default;
  padding: 0 0.5rem;
}

textarea {
  resize: vertical;
}

input[type=radio] {
  width: auto;
  margin: 0.5rem;
  appearance: auto;
}

input[type=checkbox] {
  width: auto;
  margin: 0.5rem;
  appearance: auto;
}

input[type=number] {
  appearance: textfield;
}

input[size="1"] {
  width: 3rem;
  text-align: center;
}

input[size="2"] {
  width: 4rem;
  text-align: center;
}

input[size="3"] {
  width: 5rem;
  text-align: center;
}

input[size="4"] {
  width: 6rem;
  text-align: center;
}

input[size="5"] {
  width: 7rem;
  text-align: center;
}

input[size="6"] {
  width: 8rem;
  text-align: center;
}

input[size="7"] {
  width: 9rem;
  text-align: center;
}

input[size="8"] {
  width: 10rem;
  text-align: center;
}

input[size="9"] {
  width: 11rem;
  text-align: center;
}

input[size="10"] {
  width: 12rem;
  text-align: center;
}

.text-field, .editor-field, .select-field, .radio-field {
  position: relative;
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: nowrap;
}
.text-field input:focus + label, .editor-field input:focus + label, .select-field input:focus + label, .radio-field input:focus + label, .text-field textarea:focus + label, .editor-field textarea:focus + label, .select-field textarea:focus + label, .radio-field textarea:focus + label {
  color: rgb(66, 66, 66);
}
.text-field input:valid, .editor-field input:valid, .select-field input:valid, .radio-field input:valid, .text-field textarea:valid, .editor-field textarea:valid, .select-field textarea:valid, .radio-field textarea:valid {
  color: rgb(66, 66, 66);
}
.text-field[icon]:after, [icon].editor-field:after, [icon].select-field:after, [icon].radio-field:after {
  color: rgb(225, 225, 225);
  font-family: "bobsoccer", sans-serif;
  position: absolute;
  top: 0.8rem;
  right: 0.5rem;
  width: 1.5rem;
  text-align: center;
  line-height: inherit;
  font-size: 120%;
  transition: all 0.2s ease-out 0s;
}
.text-field[icon]:hover:after, [icon].editor-field:hover:after, [icon].select-field:hover:after, [icon].radio-field:hover:after {
  color: rgb(66, 66, 66);
}
.text-field[icon=password]:after, [icon=password].editor-field:after, [icon=password].select-field:after, [icon=password].radio-field:after {
  content: "\f023";
}
.text-field[icon=login]:after, [icon=login].editor-field:after, [icon=login].select-field:after, [icon=login].radio-field:after {
  content: "\f2be";
}
.text-field[icon=remail]:after, [icon=remail].editor-field:after, [icon=remail].select-field:after, [icon=remail].radio-field:after {
  content: "\f0e0";
}
.text-field[icon=date]:after, [icon=date].editor-field:after, [icon=date].select-field:after, [icon=date].radio-field:after, .text-field[icon=calendar]:after, [icon=calendar].editor-field:after, [icon=calendar].select-field:after, [icon=calendar].radio-field:after {
  content: "\f073";
}
.text-field[icon=time]:after, [icon=time].editor-field:after, [icon=time].select-field:after, [icon=time].radio-field:after {
  content: "\e818";
}
.text-field[icon=tags]:after, [icon=tags].editor-field:after, [icon=tags].select-field:after, [icon=tags].radio-field:after {
  content: "\f02c";
}
.text-field[icon=phone]:after, [icon=phone].editor-field:after, [icon=phone].select-field:after, [icon=phone].radio-field:after {
  content: "\e816";
}
.text-field[icon=minus]:after, [icon=minus].editor-field:after, [icon=minus].select-field:after, [icon=minus].radio-field:after, .text-field[icon=delete]:after, [icon=delete].editor-field:after, [icon=delete].select-field:after, [icon=delete].radio-field:after {
  content: "\e806";
}
.text-field[icon=minus]:hover:after, [icon=minus].editor-field:hover:after, [icon=minus].select-field:hover:after, [icon=minus].radio-field:hover:after, .text-field[icon=delete]:hover:after, [icon=delete].editor-field:hover:after, [icon=delete].select-field:hover:after, [icon=delete].radio-field:hover:after {
  color: rgb(169, 68, 66);
}
.text-field[icon=add]:after, [icon=add].editor-field:after, [icon=add].select-field:after, [icon=add].radio-field:after, .text-field[icon=plus]:after, [icon=plus].editor-field:after, [icon=plus].select-field:after, [icon=plus].radio-field:after {
  content: "\f068";
}
.text-field[icon=add]:hover:after, [icon=add].editor-field:hover:after, [icon=add].select-field:hover:after, [icon=add].radio-field:hover:after, .text-field[icon=plus]:hover:after, [icon=plus].editor-field:hover:after, [icon=plus].select-field:hover:after, [icon=plus].radio-field:hover:after {
  color: rgb(60, 118, 61);
}
.text-field[icon=photo]:after, [icon=photo].editor-field:after, [icon=photo].select-field:after, [icon=photo].radio-field:after {
  content: "\e815";
}
.text-field.inline, .inline.editor-field, .inline.select-field, .inline.radio-field {
  display: inline-block;
}
.text-field > A, .editor-field > A, .select-field > A, .radio-field > A {
  height: 1.5rem;
  cursor: pointer;
  z-index: 2;
}
@media only screen and (max-width: 415px) {
  .text-field.c1of4, .c1of4.editor-field, .c1of4.select-field, .c1of4.radio-field {
    width: 49.3%;
  }
}

.radio-field {
  margin: 1.5rem 0;
}
.radio-field input[type=radio] + label,
.radio-field input[type=checkbox] + label {
  cursor: pointer;
  position: initial;
  font-size: 90%;
}
.radio-field label:last-of-type {
  top: -1rem;
}
.radio-field:focus label {
  color: rgb(66, 66, 66);
}
.radio-field.c1of2 {
  width: 49.3%;
}
.radio-field.c1of3 {
  width: 33%;
}

.select-field {
  margin-bottom: 1rem;
}
.select-field select {
  box-shadow: none;
  background: transparent none;
  appearance: none;
}
.select-field select option {
  color: rgb(66, 66, 66);
}
.select-field select:focus {
  outline: none;
}
.select-field select:focus + label {
  color: rgb(66, 66, 66);
}
.select-field:after {
  top: 50%;
  right: 1rem;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  border-top-color: rgb(153, 153, 153);
  margin-top: -2px;
  z-index: 70;
}

.editor-field {
  padding-top: 0.5rem;
  flex-direction: column;
}
.editor-field textarea {
  margin-top: 0;
  border-top: 0 none;
  color: rgb(66, 66, 66);
  min-height: 10rem;
  line-height: 1.2;
}
.editor-field textarea + label {
  display: none;
}

.upload-button, input[type=button].button-flat, .poll .poll-footer input[type=button].Bookmarks_Tab:not(.selected), button.button-flat, .poll .poll-footer button.Bookmarks_Tab:not(.selected), A[role=button].button-flat, .poll .poll-footer A[role=button].Bookmarks_Tab:not(.selected), input[type=button].button-yellow, button.button-yellow, A[role=button].button-yellow, input[type=button].button-blue, button.button-blue, A[role=button].button-blue, input[type=submit], button[role=save], A[role="button save"], A[role="button add"],
input[type=button].button-green, button.button-green, A[role=button].button-green, input[type=button][role=delete], button[role=delete], A[role="button delete"],
input[type=button].button-delete, button.button-delete, A[role=button].button-delete,
button.button-red, input[type=button], A[role=button], button,
button.button-default {
  border-radius: 2px;
  font-family: "RobotoRegular", sans-serif;
  cursor: pointer;
  border: 0 none;
  width: auto;
  text-transform: uppercase;
  overflow: hidden;
  text-decoration: none;
  text-align: center;
  font-size: 90%;
  letter-spacing: 1.5px;
  line-height: 1;
  padding: 1rem 1.5rem 0.7rem;
  white-space: nowrap;
}
.upload-button:hover, input[type=submit]:hover, A[role="button save"]:hover, A[role="button add"]:hover, A[role="button delete"]:hover, input[type=button]:hover, A[role=button]:hover, button:hover {
  background-color: #e1e1e1;
}
.upload-button:active, input[type=submit]:active, A[role="button save"]:active, A[role="button add"]:active, A[role="button delete"]:active, input[type=button]:active, A[role=button]:active, button:active {
  background-color: #d5d5d5;
}
.upload-button:focus, input[type=submit]:focus, A[role="button save"]:focus, A[role="button add"]:focus, A[role="button delete"]:focus, input[type=button]:focus, A[role=button]:focus, button:focus {
  border-color: transparent;
}
[readonly].upload-button, input[readonly][type=submit], A[readonly][role="button save"], A[readonly][role="button add"], A[readonly][role="button delete"], input[readonly][type=button], A[readonly][role=button], button[readonly], [disabled].upload-button, input[disabled][type=submit], A[disabled][role="button save"], A[disabled][role="button add"], A[disabled][role="button delete"], input[disabled][type=button], A[disabled][role=button], button[disabled], .upload-button:disabled, input[type=submit]:disabled, A[role="button save"]:disabled, A[role="button add"]:disabled, A[role="button delete"]:disabled, input[type=button]:disabled, A[role=button]:disabled, button:disabled, .disabled.upload-button, input.disabled[type=submit], A.disabled[role="button save"], A.disabled[role="button add"], A.disabled[role="button delete"], input.disabled[type=button], A.disabled[role=button], button.disabled {
  background-color: #f7f7f7 !important;
  color: #adadad !important;
  cursor: not-allowed;
}
@media (min-width: 415px) {
  .upload-button + input[type=submit], input[type=submit] + input[type=submit], A[role="button save"] + input[type=submit], A[role="button add"] + input[type=submit], A[role="button delete"] + input[type=submit], input[type=button] + input[type=submit], A[role=button] + input[type=submit], button + input[type=submit], .upload-button + input[type=button], input[type=submit] + input[type=button], A[role="button save"] + input[type=button], A[role="button add"] + input[type=button], A[role="button delete"] + input[type=button], input[type=button] + input[type=button], A[role=button] + input[type=button], button + input[type=button], .upload-button + A[role=button], input[type=submit] + A[role=button], A[role="button save"] + A[role=button], A[role="button add"] + A[role=button], A[role="button delete"] + A[role=button], input[type=button] + A[role=button], A[role=button] + A[role=button], button + A[role=button], .upload-button + button, input[type=button].button-flat + button, .poll .poll-footer input[type=button].Bookmarks_Tab:not(.selected) + button, button.button-flat + button, .poll .poll-footer button.Bookmarks_Tab:not(.selected) + button, A[role=button].button-flat + button, .poll .poll-footer A[role=button].Bookmarks_Tab:not(.selected) + button, input[type=button].button-yellow + button, button.button-yellow + button, A[role=button].button-yellow + button, input[type=button].button-blue + button, button.button-blue + button, A[role=button].button-blue + button, input[type=submit] + button, button[role=save] + button, A[role="button save"] + button, A[role="button add"] + button,
  input[type=button].button-green + button, button.button-green + button, A[role=button].button-green + button, input[type=button][role=delete] + button, button[role=delete] + button, A[role="button delete"] + button,
  input[type=button].button-delete + button, button.button-delete + button, A[role=button].button-delete + button,
  button.button-red + button, input[type=button] + button, A[role=button] + button, button + button,
  button.button-default + button {
    margin-left: 1rem;
  }
}
@media only screen and (max-width: 415px) {
  .upload-button, input[type=button].button-flat, .poll .poll-footer input[type=button].Bookmarks_Tab:not(.selected), button.button-flat, .poll .poll-footer button.Bookmarks_Tab:not(.selected), A[role=button].button-flat, .poll .poll-footer A[role=button].Bookmarks_Tab:not(.selected), input[type=button].button-yellow, button.button-yellow, A[role=button].button-yellow, input[type=button].button-blue, button.button-blue, A[role=button].button-blue, input[type=submit], button[role=save], A[role="button save"], A[role="button add"],
  input[type=button].button-green, button.button-green, A[role=button].button-green, input[type=button][role=delete], button[role=delete], A[role="button delete"],
  input[type=button].button-delete, button.button-delete, A[role=button].button-delete,
  button.button-red, input[type=button], A[role=button], button,
  button.button-default {
    margin: 1rem auto;
    width: 95%;
    display: block;
  }
}

input[type=button], A[role=button], button,
button.button-default {
  background-color: rgb(238, 238, 238);
  color: rgb(66, 66, 66);
}
input[type=button]:hover, A[role=button]:hover, button:hover,
button.button-default:hover {
  background-color: #e1e1e1;
}
input[type=button]:active, A[role=button]:active, button:active,
button.button-default:active {
  background-color: #d5d5d5;
}
input[type=button].button-border, A[role=button].button-border, button.button-border,
button.button-default.button-border {
  border: 1px solid rgb(225, 225, 225);
}

input[type=button][role=delete], button[role=delete], A[role="button delete"],
input[type=button].button-delete, button.button-delete, A[role=button].button-delete,
button.button-red {
  background-color: rgba(201, 48, 44, 0.9);
  color: rgb(255, 255, 255);
}
input[type=button][role=delete]:hover, button[role=delete]:hover, A[role="button delete"]:hover,
input[type=button].button-delete:hover, button.button-delete:hover, A[role=button].button-delete:hover,
button.button-red:hover {
  background-color: rgba(180, 43, 39, 0.9);
}
input[type=button][role=delete]:active, button[role=delete]:active, A[role="button delete"]:active,
input[type=button].button-delete:active, button.button-delete:active, A[role=button].button-delete:active,
button.button-red:active {
  background-color: rgba(159, 38, 35, 0.9);
}
input[type=button][role=delete].button-border, button[role=delete].button-border, A[role="button delete"].button-border,
input[type=button].button-delete.button-border, button.button-delete.button-border, A[role=button].button-delete.button-border,
button.button-red.button-border {
  border: 1px solid rgb(225, 225, 225);
}

input[type=submit], button[role=save], A[role="button save"], A[role="button add"],
input[type=button].button-green, button.button-green, A[role=button].button-green {
  background-color: rgba(25, 135, 69, 0.9);
  color: rgb(255, 255, 255);
}
input[type=submit]:hover, button[role=save]:hover, A[role="button save"]:hover, A[role="button add"]:hover,
input[type=button].button-green:hover, button.button-green:hover, A[role=button].button-green:hover {
  background-color: rgba(21, 113, 58, 0.9);
}
input[type=submit]:active, button[role=save]:active, A[role="button save"]:active, A[role="button add"]:active,
input[type=button].button-green:active, button.button-green:active, A[role=button].button-green:active {
  background-color: rgba(17, 92, 47, 0.9);
}
input[type=submit].button-border, button[role=save].button-border, A[role="button save"].button-border, A[role="button add"].button-border,
input[type=button].button-green.button-border, button.button-green.button-border, A[role=button].button-green.button-border {
  border: 1px solid rgb(225, 225, 225);
}

input[type=button].button-blue, button.button-blue, A[role=button].button-blue {
  background-color: rgba(51, 122, 183, 0.9);
  color: rgb(255, 255, 255);
}
input[type=button].button-blue:hover, button.button-blue:hover, A[role=button].button-blue:hover {
  background-color: rgba(45, 109, 163, 0.9);
}
input[type=button].button-blue:active, button.button-blue:active, A[role=button].button-blue:active {
  background-color: rgba(40, 95, 143, 0.9);
}
input[type=button].button-blue.button-border, button.button-blue.button-border, A[role=button].button-blue.button-border {
  border: 1px solid rgb(225, 225, 225);
}

input[type=button].button-yellow, button.button-yellow, A[role=button].button-yellow {
  background-color: rgba(255, 232, 105, 0.8);
  color: rgb(111, 99, 0);
}
input[type=button].button-yellow:hover, button.button-yellow:hover, A[role=button].button-yellow:hover {
  background-color: rgba(255, 228, 80, 0.8);
}
input[type=button].button-yellow:active, button.button-yellow:active, A[role=button].button-yellow:active {
  background-color: rgba(255, 224, 54, 0.8);
}
input[type=button].button-yellow.button-border, button.button-yellow.button-border, A[role=button].button-yellow.button-border {
  border: 1px solid rgb(225, 225, 225);
}

input[type=button].button-flat, .poll .poll-footer input[type=button].Bookmarks_Tab:not(.selected), button.button-flat, .poll .poll-footer button.Bookmarks_Tab:not(.selected), A[role=button].button-flat, .poll .poll-footer A[role=button].Bookmarks_Tab:not(.selected) {
  background-color: rgb(255, 255, 255);
  color: inherit;
}
input[type=button].button-flat:hover, .poll .poll-footer input[type=button].Bookmarks_Tab:hover:not(.selected), button.button-flat:hover, .poll .poll-footer button.Bookmarks_Tab:hover:not(.selected), A[role=button].button-flat:hover, .poll .poll-footer A[role=button].Bookmarks_Tab:hover:not(.selected) {
  background-color: #f2f2f2;
}
input[type=button].button-flat:active, .poll .poll-footer input[type=button].Bookmarks_Tab:active:not(.selected), button.button-flat:active, .poll .poll-footer button.Bookmarks_Tab:active:not(.selected), A[role=button].button-flat:active, .poll .poll-footer A[role=button].Bookmarks_Tab:active:not(.selected) {
  background-color: #e6e6e6;
}
input[type=button].button-flat.button-border, .poll .poll-footer input[type=button].button-border.Bookmarks_Tab:not(.selected), button.button-flat.button-border, .poll .poll-footer button.button-border.Bookmarks_Tab:not(.selected), A[role=button].button-flat.button-border, .poll .poll-footer A[role=button].button-border.Bookmarks_Tab:not(.selected) {
  border: 1px solid rgb(225, 225, 225);
}

.button-section {
  text-align: center;
  border-top: 1px solid rgb(225, 225, 225);
  margin-top: 2rem;
}

header {
  position: relative;
  z-index: 500;
}
header .menu-top {
  background-color: rgb(114, 114, 114);
  color: #cccccc;
  font-size: 90%;
  border-bottom: 1px solid #a5a5a5;
  line-height: 2.5;
}
@media (min-width: 415px) {
  header .menu-top {
    line-height: 1.5;
  }
}
header .menu-top UL {
  flex-wrap: wrap;
}
header .menu-top LI {
  white-space: nowrap;
}
header .menu-top LI A {
  color: #cccccc;
}
header .menu-top LI A.selected, header .menu-top LI A:hover, header .menu-top LI A:active, header .menu-top LI A:focus {
  color: rgb(254, 199, 34);
}
header .menu-top LI:not(:last-child):after {
  color: inherit;
  content: ".";
  font-size: 200%;
  line-height: 0;
  margin: 0 0.3em;
  position: relative;
  top: -0.1em;
}
@media only screen and (max-width: 415px) {
  header .menu-top LI:not(:last-child):after {
    content: "";
  }
}
header .header {
  background: rgb(114, 114, 114) url("/img/pattern.png") no-repeat center center/cover;
}
header .header > DIV {
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
  align-items: center;
}
header .logo {
  height: 5em;
  margin: 1em 0;
  transition: all 0.4s ease-out 0s;
  max-width: 40%;
}
@media only screen and (max-width: 800px) {
  header .logo {
    height: 2.5em;
    width: 20%;
  }
}
header .logo > IMG {
  object-fit: contain;
  height: 100%;
  width: 100%;
}
header .Float .logo {
  height: 2.5em;
}
header .search-row {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  position: relative;
}
header .search-row .text-field, header .search-row .radio-field, header .search-row .select-field, header .search-row .editor-field {
  margin-bottom: 0;
  position: absolute;
  width: 1rem;
  right: 1rem;
  visibility: hidden;
  transition: all 0.4s ease-out 0s;
}
header .search-row .text-field.visible, header .search-row .visible.radio-field, header .search-row .visible.select-field, header .search-row .visible.editor-field {
  width: 20rem;
  right: 2rem;
  visibility: visible;
}

.header-navigation {
  flex-grow: 1;
  margin: 1em 0;
  color: rgb(255, 255, 255);
  display: flex;
  justify-content: flex-end;
  flex-flow: row nowrap;
  align-items: flex-end;
}
.header-navigation .menu-main {
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  margin-right: 1em;
}
@media only screen and (max-width: 800px) {
  .header-navigation .menu-main Ul[role=navigation] {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 800px) {
  .header-navigation .menu-main {
    position: fixed;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.85);
    margin: 0;
    padding: 3em;
    height: 100%;
    transform: translateX(100%);
    transition: all 0.4s ease-out 0s;
    z-index: 500;
  }
}
.header-navigation .menu-main.deployed {
  transform: none;
}
.header-navigation .menu-main LI {
  padding: 0 1em;
  line-height: 2em;
}
@media only screen and (max-width: 800px) {
  .header-navigation .menu-main LI {
    float: none;
    line-height: 2.4em;
  }
}
.header-navigation .menu-main LI A {
  letter-spacing: 3px;
  font-size: 110%;
}
.header-navigation .menu-main LI A:hover, .header-navigation .menu-main LI A:active, .header-navigation .menu-main LI A:focus {
  color: rgb(254, 199, 34);
}
.header-navigation .menu-main > .fa-menu {
  font-size: 150%;
  position: absolute;
  top: 1em;
  left: 1em;
}
@media (min-width: 800px) {
  .header-navigation .menu-main > .fa-menu {
    display: none;
  }
}
.header-navigation .menu-user {
  border-left: 3px dotted rgb(255, 255, 255);
  padding-left: 1em;
}
@media only screen and (max-width: 800px) {
  .header-navigation .menu-user {
    padding-left: 0;
  }
}
.header-navigation .menu-user LI > A, .header-navigation .menu-user LI > DIV {
  line-height: 2.5em;
  min-width: 2em;
  position: relative;
}
.header-navigation .menu-user LI > A:hover, .header-navigation .menu-user LI > DIV:hover {
  color: #d9d9d9;
}
.header-navigation .menu-user LI > A > A, .header-navigation .menu-user LI > A > I, .header-navigation .menu-user LI > DIV > A, .header-navigation .menu-user LI > DIV > I {
  line-height: 2.5em;
  min-width: 2em;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.header-navigation .menu-user LI > A > A:hover, .header-navigation .menu-user LI > A > I:hover, .header-navigation .menu-user LI > DIV > A:hover, .header-navigation .menu-user LI > DIV > I:hover {
  color: #d9d9d9;
}
.header-navigation .menu-user .user-panel {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin: 0 0.5em;
}
.header-navigation .menu-user .user-panel IMG {
  height: 2.5em;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 0.3em !important;
}
.header-navigation .menu-user .user-panel .user-panel__login {
  max-width: 10em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 415px) {
  .header-navigation .menu-user .user-panel .user-panel__login {
    max-width: 6em;
  }
}
@media only screen and (max-width: 360px) {
  .header-navigation .menu-user .user-panel .user-panel__login {
    max-width: 4em;
  }
}
.header-navigation .menu-user .user-popup DIV[role=dialog] {
  right: 0;
  top: 3.1em;
  width: 10em;
  display: none;
}
.header-navigation .menu-user .user-popup DIV[role=dialog] UL {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.header-navigation .menu-user .user-popup DIV[role=dialog] UL LI {
  float: none;
}
.header-navigation .menu-user .user-popup DIV[role=dialog] A {
  color: rgb(66, 66, 66);
  display: block;
}
.header-navigation .menu-user .user-popup DIV[role=dialog] A:hover {
  background-color: rgb(238, 238, 238);
}
.header-navigation .menu-user .user-popup DIV[role=dialog].selected {
  display: block;
}
.header-navigation .menu-user .user-popup .PopupMenu_Core .pointer {
  display: none;
}
.header-navigation .menu-user .user-popup .PopupMenu_Core.selected .pointer {
  display: block;
}
.header-navigation > .fa-menu {
  font-size: 150%;
  padding: 0 1em 0 0;
  line-height: 1.3333333333em;
}
@media (min-width: 800px) {
  .header-navigation > .fa-menu {
    display: none;
  }
}

FOOTER {
  color: #cccccc;
  background-color: rgb(114, 114, 114);
  font-size: 85%;
  max-width: 100% !important;
}
FOOTER .page-size {
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
  align-items: stretch;
}
@media only screen and (max-width: 415px) {
  FOOTER .page-size {
    display: flex;
    justify-content: space-between;
    flex-flow: column nowrap;
    align-items: stretch;
  }
}
FOOTER .page-size > DIV {
  padding: 3em 1.2em;
}
@media only screen and (max-width: 415px) {
  FOOTER .page-size > DIV {
    flex-basis: 100%;
  }
}
FOOTER A {
  color: #cccccc;
}
FOOTER A:hover {
  color: rgb(254, 199, 34);
}
FOOTER UL[role=navigation] {
  flex-direction: column;
  align-items: flex-start;
}

section {
  margin: 1em 0;
}
section:first-child {
  margin-top: 0;
}
section:last-child {
  margin-bottom: 0;
}
section .section-header {
  background-color: rgb(114, 114, 114);
  color: rgb(255, 255, 255);
  margin: 0 -0.6em;
  padding: 0 3em 0 0.6em;
  font-size: 120%;
  line-height: 2;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
section .section-header:after {
  content: "";
  background-color: rgb(254, 199, 34);
  height: 100%;
  right: -1em;
  width: 3.5em;
  transform: skew(-30deg);
  position: absolute;
  top: 0;
}
section .section-header H1, section .section-header H2, section .section-header H3, section .section-header H4 {
  font-family: inherit;
  font-weight: normal;
  font-size: inherit;
}

.section-name {
  text-transform: uppercase;
  margin-bottom: 1em;
}

.comments .reply-container .reply-avatar, .privat-messages .privat-content .privat-body .privat-dialog .dialog-body .dialog-inner .dialog-message .message-icon IMG, .privat-messages .privat-content .privat-body .privat-dialog .privat-search-results .dialog-inner .dialog-message .message-icon IMG, .privat-messages .privat-content .privat-body .privat-groups .dialog-body .dialog-inner .dialog-message .message-icon IMG, .privat-messages .privat-content .privat-body .privat-groups .privat-search-results .dialog-inner .dialog-message .message-icon IMG, .privat-messages .privat-content .privat-body .privat-friends .dialog-body .dialog-inner .dialog-message .message-icon IMG, .privat-messages .privat-content .privat-body .privat-friends .privat-search-results .dialog-inner .dialog-message .message-icon IMG, .privat-messages .privat-content .privat-body .privat-search .dialog-body .dialog-inner .dialog-message .message-icon IMG, .privat-messages .privat-content .privat-body .privat-search .privat-search-results .dialog-inner .dialog-message .message-icon IMG, .privat-messages .privat-content .privat-body .privat-dialog .groups-results .dialog-inner .dialog-message .message-icon IMG, .privat-messages .privat-content .privat-body .privat-groups .groups-results .dialog-inner .dialog-message .message-icon IMG, .privat-messages .privat-content .privat-body .privat-friends .groups-results .dialog-inner .dialog-message .message-icon IMG, .privat-messages .privat-content .privat-body .privat-search .groups-results .dialog-inner .dialog-message .message-icon IMG, .privat-messages .privat-content .privat-body .privat-dialog .friends-results .dialog-inner .dialog-message .message-icon IMG, .privat-messages .privat-content .privat-body .privat-groups .friends-results .dialog-inner .dialog-message .message-icon IMG, .privat-messages .privat-content .privat-body .privat-friends .friends-results .dialog-inner .dialog-message .message-icon IMG, .privat-messages .privat-content .privat-body .privat-search .friends-results .dialog-inner .dialog-message .message-icon IMG, .privat-messages .privat-content .privat-contacts .contact-element .contact-icon IMG, .user-info-section.info-small .info-navigation .info-name .name-avatar, .user-row .row-avatar {
  height: 2.5em;
  width: 2.5em;
  border-radius: 50%;
  border: 3px double rgb(225, 225, 225);
}

.user-row {
  display: inline-flex;
  gap: 0.3em;
  align-items: center;
}
.user-row .row-avatar .avatar-img, .user-row .row-avatar img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.user-row .row-login {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  color: rgb(221, 44, 0);
}
.user-row .row-login:hover {
  color: rgb(66, 66, 66);
}
.anounce-comment-list {
  background-color: rgb(255, 255, 255);
  padding: 1em;
  line-height: 2;
}
.anounce-comment-list .action-frame {
  display: flex;
  justify-content: flex-start;
  flex-flow: row nowrap;
  align-items: stretch;
  transform: translateX(-100%);
  width: calc(100% - 6em) !important;
}
@media only screen and (max-width: 415px) {
  .anounce-comment-list .action-frame {
    width: calc(100% - 3em) !important;
    display: flex;
    justify-content: flex-start;
    flex-flow: column nowrap;
    align-items: stretch;
  }
}
.anounce-comment-list .action-frame > A {
  min-width: 15em;
  margin-left: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 2.5em;
}
@media only screen and (max-width: 415px) {
  .anounce-comment-list .action-frame > A {
    min-width: auto;
    margin: 0;
    white-space: normal;
    line-height: 1.6;
  }
}
.anounce-comment-list .action-frame .user-row {
  min-width: 10em;
}
.anounce-comment-list .slider-frame {
  height: 2.5em;
}
@media only screen and (max-width: 415px) {
  .anounce-comment-list .slider-frame {
    height: 8em !important;
  }
}
.anounce-comment-list .slider-frame .slider-navigation {
  right: 0;
}

.anounce-blog-list {
  background-color: rgb(255, 255, 255);
  padding: 1em;
  display: flex;
  justify-content: flex-start;
  flex-flow: row nowrap;
  align-items: stretch;
}
@media only screen and (max-width: 415px) {
  .anounce-blog-list {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}
.anounce-blog-list .export-image {
  flex-basis: 25%;
  margin: 0.5em !important;
}
@media only screen and (max-width: 415px) {
  .anounce-blog-list .export-image {
    flex-basis: auto;
  }
}

.experts-feed {
  background-color: rgb(255, 255, 255);
  overflow: hidden;
  padding: 1em 0.5em;
}
.experts-feed .feed-frame {
  transition: all 0.4s ease-out 0s;
  display: flex;
  justify-content: flex-start;
  flex-flow: row nowrap;
  align-items: stretch;
}
.experts-feed .feed-frame .feed-element {
  -webkit-flex-basis: 24%;
  flex-basis: 24%;
  min-width: calc(25% - 0.4em);
  margin: 0 0.2em 1em;
  background-color: rgb(244, 244, 244);
  padding: 0.5em;
  display: flex;
  justify-content: flex-start;
  flex-flow: column wrap;
  align-items: stretch;
}
@media only screen and (max-width: 415px) {
  .experts-feed .feed-frame .feed-element {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    min-width: calc(100% - 0.4em);
  }
}
.experts-feed .feed-frame .feed-element H2 {
  line-height: 1.2;
  font-size: 120%;
  -webkit-flex-basis: 2.4em;
  flex-basis: 2.4em;
  max-height: 2.4em;
  overflow: hidden;
}
.experts-feed .feed-frame .feed-element .type-icon {
  margin-left: 0.5em;
  font-size: 80%;
  vertical-align: super;
  color: #ff4011;
}
.experts-feed .feed-frame .feed-element P {
  -webkit-flex-basis: 6.32em;
  flex-basis: 6.32em;
  align-self: flex-start;
  margin: 0;
}
.experts-feed .feed-frame .feed-element .element-options {
  border-bottom: 0 none;
  -webkit-flex-basis: 3.5em;
  flex-basis: 3.5em;
  font-size: 80%;
}
@media only screen and (min-width: 1024px) {
  .experts-feed .feed-frame .feed-element .element-options .row-login {
    text-overflow: ellipsis;
    max-width: 8em;
    white-space: nowrap;
    overflow: hidden;
  }
}
.experts-feed .slider-navigation {
  display: flex;
  justify-content: center;
  flex-flow: row nowrap;
  align-items: center;
  text-align: center;
}
.experts-feed .slider-navigation > A:hover {
  color: rgb(254, 199, 34);
}
.experts-feed .slider-navigation .feed-selector > SPAN {
  display: inline-block;
  width: 0.7em;
  height: 0.7em;
  line-height: 1em;
  border-radius: 50%;
  margin: 0 0.2em;
  background-color: #8f8f8f;
  cursor: pointer;
}
.experts-feed .slider-navigation .feed-selector > SPAN.selected, .experts-feed .slider-navigation .feed-selector > SPAN:hover {
  background-color: rgb(254, 199, 34);
}

.slider-navigation .navigation-right:before, .slider-navigation .navigation-left:before {
  cursor: pointer;
  line-height: 1;
  font-size: 200%;
  margin: 0 0.2em;
}

.slider-frame {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.slider-frame .action-frame {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10;
  animation-delay: 0s;
  animation-duration: 1.5s;
  animation-fill-mode: both;
  transition: all 0.2s ease-out 0s;
}
.slider-frame .action-frame.selected {
  transform: none;
  -webkit-transform: none;
  opacity: 1;
}
.slider-frame .slider-navigation {
  z-index: 22;
  position: absolute;
}

.slider-selector > A, .slider-selector > SPAN {
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1em;
  border-radius: 50%;
  margin: 0 0.5em;
  background-color: #8f8f8f;
  cursor: pointer;
}
.slider-selector > A.selected, .slider-selector > A:hover, .slider-selector > SPAN.selected, .slider-selector > SPAN:hover {
  background-color: rgb(77, 119, 204);
}

.enter-social-box {
  text-align: center;
  margin-left: 2em;
  padding-left: 2em;
  border-left: 1px solid rgb(225, 225, 225);
}
@media only screen and (max-width: 415px) {
  .enter-social-box {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    margin-left: 0;
    margin-top: 2em;
    padding-left: 0;
    padding-top: 2em;
    border-left: 0 none;
    border-top: 1px solid rgb(225, 225, 225);
  }
}
.enter-social-box A[role=button] {
  color: rgb(255, 255, 255);
  width: 80%;
  white-space: nowrap;
  text-align: left;
}
.enter-social-box .social-vk {
  background-color: rgb(76, 117, 163);
}
.enter-social-box .social-vk:hover {
  background-color: #446992;
}
.enter-social-box .social-facebook {
  background-color: rgb(59, 89, 153);
}
.enter-social-box .social-facebook:hover {
  background-color: #344e87;
}
.enter-social-box .social-twitter {
  background-color: rgb(85, 172, 238);
}
.enter-social-box .social-twitter:hover {
  background-color: #3ea1ec;
}
.enter-social-box .social-google {
  background-color: rgb(221, 75, 57);
}
.enter-social-box .social-google:hover {
  background-color: #d73925;
}
.enter-social-box .social-ok {
  background-color: rgb(244, 115, 28);
}
.enter-social-box .social-ok:hover {
  background-color: #eb660b;
}
.enter-social-box .social-yandex {
  background-color: rgb(255, 214, 51);
}
.enter-social-box .social-yandex:hover {
  background-color: #ffd11a;
}
.enter-social-box .social-instagram {
  background-color: rgb(228, 64, 95);
}
.enter-social-box .social-instagram:hover {
  background-color: #e12a4c;
}

.social-icons .social-vk {
  color: rgb(76, 117, 163);
}
.social-icons .social-vk:hover {
  color: #446992;
}
.social-icons .social-facebook {
  color: rgb(59, 89, 153);
}
.social-icons .social-facebook:hover {
  color: #344e87;
}
.social-icons .social-twitter {
  color: rgb(85, 172, 238);
}
.social-icons .social-twitter:hover {
  color: #3ea1ec;
}
.social-icons .social-google {
  color: rgb(221, 75, 57);
}
.social-icons .social-google:hover {
  color: #d73925;
}
.social-icons .social-ok {
  color: rgb(244, 115, 28);
}
.social-icons .social-ok:hover {
  color: #eb660b;
}
.social-icons .social-yandex {
  color: rgb(255, 214, 51);
}
.social-icons .social-yandex:hover {
  color: #ffd11a;
}
.social-icons .social-instagram {
  color: rgb(228, 64, 95);
}
.social-icons .social-instagram:hover {
  color: #e12a4c;
}
.social-icons .social-youtube {
  color: rgb(255, 0, 0);
}
.social-icons .social-youtube:hover {
  color: #e60000;
}

.user-info-section {
  position: relative;
}
.user-info-section .info-background {
  background: rgb(255, 255, 255) no-repeat center top/cover;
  height: 15em;
  position: relative;
}
@media only screen and (max-width: 800px) {
  .user-info-section .info-background {
    height: 22em;
  }
}
.user-info-section .info-avatar {
  margin: 0 auto;
  position: relative;
  max-width: 160px;
  line-height: 0;
  top: calc(16em - 160px);
  z-index: 5;
}
@media only screen and (max-width: 800px) {
  .user-info-section .info-avatar {
    top: calc(19em - 160px);
  }
}
.user-info-section .info-avatar .user-level {
  position: absolute;
  width: 4em !important;
  height: 4em !important;
  left: -2em;
  top: calc(80px - 3em);
}
.user-info-section .info-avatar .moderator-badge {
  position: absolute;
  top: calc(80px + 1em);
  width: 2em;
  height: 2em;
  left: -0.5em;
}
.user-info-section .info-avatar .team-badge {
  position: absolute;
  top: calc(80px - 2em);
  left: calc(160px - 1.5em);
  width: 2.5em;
  background-color: rgb(244, 244, 244);
  border: 1px solid rgb(225, 225, 225);
  border-radius: 50%;
  padding: 0.1em;
  position: absolute;
}
.user-info-section .info-avatar .level-points {
  position: absolute;
  line-height: 1;
  top: calc(80px + 1.2em);
  left: calc(160px - 2.5em);
  background-color: rgb(244, 244, 244);
  font-size: 80%;
  padding: 0.3em 0.3em 0.5em 0.5em;
  border: 1px solid rgb(225, 225, 225);
  border-radius: 4px;
  font-family: "Roboto", sans-serif;
  white-space: nowrap;
}
.user-info-section .info-avatar .level-points > SUP {
  margin-left: 0.2em;
}
.user-info-section .info-avatar .level-points > SUP.diff-more {
  color: rgb(60, 118, 61);
}
.user-info-section .info-avatar .level-points > SUP.diff-less {
  color: rgb(200, 50, 50);
}
@media only screen and (max-width: 415px) {
  .user-info-section .info-avatar .level-points {
    top: calc(80px + 2.2em);
    left: calc(160px - 4.5em);
  }
}
.user-info-section .info-avatar .avatar-box {
  position: relative;
  overflow: hidden;
  border: 1px solid rgb(225, 225, 225);
  border-radius: 50%;
}
.user-info-section .info-avatar .avatar-box > IMG {
  object-fit: cover;
  border: 4px solid rgb(255, 255, 255);
  width: 100%;
  border-radius: 50%;
}
.user-info-section .info-avatar .avatar-box > A {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  transition: all 0.2s ease-out 0s;
  transform: translateY(100%);
  background-color: rgba(0, 0, 0, 0.6);
  padding: 1em;
  color: rgba(255, 255, 255, 0.9);
  opacity: 0;
  text-align: center;
  font-size: 80%;
  line-height: 1;
}
.user-info-section .info-avatar .avatar-box:hover > A {
  transform: none;
  opacity: 1;
}
.user-info-section .info-name {
  text-align: center;
  line-height: 2.6666666667;
  color: rgb(221, 44, 0);
  font-size: 150%;
  font-weight: bold;
  position: absolute;
  width: 100%;
  white-space: nowrap;
  text-transform: uppercase;
  top: 10em;
}
@media only screen and (max-width: 800px) {
  .user-info-section .info-name {
    top: 12em;
    background-color: rgb(244, 244, 244);
  }
}
.user-info-section .info-name > SPAN {
  color: rgb(66, 66, 66);
  text-transform: none;
}
.user-info-section .info-navigation {
  line-height: 4;
  background-color: rgb(244, 244, 244);
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
  align-items: stretch;
}
@media only screen and (max-width: 800px) {
  .user-info-section .info-navigation {
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
}
.user-info-section .info-navigation > DIV {
  display: flex;
  justify-content: flex-start;
  flex-flow: row nowrap;
  align-items: stretch;
}
@media only screen and (max-width: 800px) {
  .user-info-section .info-navigation > DIV {
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
}
.user-info-section .info-navigation > DIV A {
  border-right: 1px solid rgb(225, 225, 225);
  display: block;
  padding: 0 2em;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 95%;
}
.user-info-section .info-navigation > DIV A .link-counter {
  line-height: 1;
  font-size: 70%;
  color: #8f8f8f;
  top: 0.5em;
  right: 0.5em;
  position: absolute;
}
.user-info-section .info-navigation > DIV A:hover, .user-info-section .info-navigation > DIV A.selected {
  background-color: #e7e7e7;
  color: #0f0f0f;
}
@media only screen and (min-width: 1024px) {
  .user-info-section .info-navigation > DIV A:hover:after, .user-info-section .info-navigation > DIV A.selected:after {
    border-color: transparent transparent rgb(255, 255, 255);
    border-style: dashed;
    border-width: 0 0.5em 0.5em 0.5em;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
  }
}
.user-info-section .info-navigation > DIV A:hover {
  background-color: #eeeeee;
}
.user-info-section .info-navigation > DIV A:last-child {
  border-right: 0 none;
}
@media only screen and (max-width: 800px) {
  .user-info-section .info-navigation > DIV A {
    -webkit-flex-basis: 30%;
    flex-basis: 30%;
    text-align: center;
    border: 0 none;
  }
}
.user-info-section .info-navigation-sub {
  background-color: rgb(255, 255, 255);
  padding: 1em;
}
.user-info-section .info-navigation-sub .info-time {
  font-size: 85%;
  color: #8f8f8f;
}
.user-info-section .info-service {
  position: absolute;
  bottom: 1em;
  right: 1em;
}
@media only screen and (max-width: 800px) {
  .user-info-section .info-service {
    right: 0.5em;
    bottom: 4.5em;
  }
}
@media only screen and (max-width: 415px) {
  .user-info-section .info-service {
    right: 0;
  }
}
.user-info-section .info-service > A[role=button] {
  margin: 0.5em;
  padding: 0.7em 1.2em;
}
@media only screen and (max-width: 415px) {
  .user-info-section .info-service > A[role=button] {
    width: auto;
  }
}
.user-info-section .info-stuff {
  position: absolute;
  bottom: 1em;
  left: 1em;
  display: flex;
  justify-content: flex-start;
  flex-flow: row nowrap;
  align-items: flex-start;
}
@media only screen and (max-width: 800px) {
  .user-info-section .info-stuff {
    left: 0.5em;
    bottom: 4.5em;
  }
}
@media only screen and (max-width: 415px) {
  .user-info-section .info-stuff {
    -webkit-flex-flow: column;
    flex-flow: column;
  }
}
.user-info-section.info-small .info-navigation {
  align-items: center;
}
.user-info-section.info-small .info-navigation .info-name {
  line-height: 2.5;
  position: inherit;
  display: flex;
  align-items: center;
  margin-left: 1em;
}
.user-info-section.info-small .info-navigation .info-name .name-avatar {
  height: 2em;
  width: 2em;
  margin-right: 0.5em;
}
.user-info-section.info-small .info-navigation .info-name > SPAN {
  margin-left: 0.5em;
}

.user-info-message {
  background-color: rgb(255, 255, 255);
  padding: 1em;
}

.reg-username {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  align-items: stretch;
}
.reg-username .text-field, .reg-username .radio-field, .reg-username .select-field, .reg-username .editor-field {
  flex-basis: 32%;
}
@media only screen and (max-width: 415px) {
  .reg-username .text-field, .reg-username .radio-field, .reg-username .select-field, .reg-username .editor-field {
    flex-basis: 49%;
  }
}

.reg-avatar {
  display: flex;
  justify-content: flex-start;
  flex-flow: row wrap;
  align-items: stretch;
}
.reg-avatar .user-row {
  margin: 0.2em 0;
  font-size: 150%;
}
.reg-avatar .user-row .row-avatar {
  padding: 0 !important;
}
.reg-avatar .user-row .row-avatar .avatar-img {
  object-fit: contain;
  width: 100%;
  border-radius: 50%;
}

.phone-section {
  width: 50%;
  margin: 0 auto;
}
@media only screen and (max-width: 800px) {
  .phone-section {
    width: 100%;
  }
}

.photo-section .avatar-box {
  margin-right: 2em;
  position: relative;
  overflow: hidden;
  border: 1px solid rgb(225, 225, 225);
  border-radius: 50%;
  max-width: 160px;
  line-height: 0;
}
.photo-section .avatar-box > IMG {
  object-fit: cover;
  border: 4px solid rgb(255, 255, 255);
  width: 100%;
  border-radius: 50%;
}

.cover-list {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  align-items: stretch;
}
.cover-list > LABEL {
  flex-basis: 49%;
  margin-bottom: 1em;
}
@media only screen and (max-width: 415px) {
  .cover-list > LABEL {
    flex-basis: 100%;
  }
}
.cover-list > LABEL > IMG {
  width: 100%;
}
.cover-list > LABEL > INPUT[type=radio] {
  margin-top: -4em;
}

.user-biography {
  display: flex;
  justify-content: flex-start;
  flex-flow: row nowrap;
  align-items: stretch;
  margin: 1em auto 2em;
}
@media only screen and (max-width: 415px) {
  .user-biography {
    flex-flow: column;
  }
}
.user-biography .avatar-box {
  margin-right: 2em;
  position: relative;
  overflow: hidden;
  border: 1px solid rgb(225, 225, 225);
  border-radius: 50%;
  line-height: 0;
  width: 8rem;
  height: 8rem;
}
.user-biography .avatar-box > IMG {
  object-fit: cover;
  border: 4px solid rgb(255, 255, 255);
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.row-stuff {
  display: inline-flex;
  gap: 0.3rem;
}
.row-stuff DIV[role=dialog] {
  bottom: calc(2.6em - 1px);
  left: -2em;
  min-width: 20em;
  min-height: 10em;
  color: rgb(66, 66, 66);
  padding: 1.5em 1em 1em;
  display: none;
}
.row-stuff DIV[role=dialog] > .fa-close {
  line-height: 1.5em;
  width: 1.5em;
}
.row-stuff DIV[role=dialog] TIME {
  font-size: 90%;
  color: #8f8f8f;
  float: right;
}
.row-stuff DIV[role=dialog] P {
  font-style: italic;
}
.row-stuff .pointer {
  display: none;
}
.row-stuff.do DIV[role=dialog] {
  display: block;
}
.row-stuff.do .pointer {
  display: block;
}

.stuff-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.stuff-list .stuff-list__element {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-basis: 13%;
  margin-bottom: 1rem;
  text-align: center;
  position: relative;
}
.stuff-list .stuff-list__element .stuff-list__image {
  cursor: pointer;
  object-fit: contain;
  width: 4rem;
}
.stuff-list .stuff-list__element .element__title {
  margin-top: 0.5rem;
}
.stuff-list .stuff-list__element .element__count {
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgb(244, 244, 244);
  line-height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  font-size: 80%;
}

.stuff-list-element, .cart-list-element {
  display: flex;
  justify-content: flex-start;
  flex-flow: row nowrap;
  align-items: flex-start;
  margin-bottom: 2em;
}
@media only screen and (max-width: 415px) {
  .stuff-list-element, .cart-list-element {
    -webkit-flex-flow: column;
    flex-flow: column;
  }
}
.stuff-list-element > IMG, .cart-list-element > IMG {
  object-fit: contain;
  margin-right: 2em;
  width: 16em;
}
.stuff-list-element > DIV, .cart-list-element > DIV {
  width: 100%;
}
.stuff-list-element > DIV SPAN, .cart-list-element > DIV SPAN {
  color: #8f8f8f;
  font-size: 90%;
}

.user-stuff__use-header {
  display: flex;
  justify-content: flex-start;
  flex-flow: row wrap;
  align-items: center;
  margin-bottom: 1em;
}
.user-stuff__use-header .user-stuff {
  margin-right: 1em;
}
.user-stuff__use-header .user-row {
  margin-left: 2em;
}

.cart-list-element > DIV {
  padding: 0 1em;
}
.cart-list-element .cart-image {
  flex-basis: 20%;
  display: flex;
}
.cart-list-element .cart-image-discount {
  position: relative;
}
.cart-list-element .cart-image-discount:after {
  content: attr(data);
  position: absolute;
  left: 0;
  top: 1em;
  font-weight: bold;
  background-color: rgb(220, 50, 50);
  border-radius: 4px;
  color: rgb(255, 255, 255);
  line-height: 1;
  padding: 0.5em 1em;
  transform: rotate(-45deg);
}

.user-privat .envelope-area {
  position: relative;
}
.user-privat .envelope-area .fa > .fa {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 2.5em;
  min-width: 2em;
}
.user-privat .envelope-area .fa > .fa.fa-info {
  color: #31708f;
}
.user-privat .envelope-area .fa > .fa.fa-info:before {
  background-color: rgb(255, 255, 255);
}
.user-privat .envelope-area .fa > .fa.fa-attention {
  color: rgb(255, 224, 0);
}
.user-privat .envelope-area .fa > .fa.fa-warning, .user-privat .envelope-area .fa > .fa.fa-error {
  color: rgb(200, 50, 50);
}
.user-privat .envelope-area .fa > .fa.fa-group {
  color: rgb(95, 158, 160);
}
.user-privat .envelope-area .fa > .fa.fa-comments, .user-privat .envelope-area .fa > .fa.fa-comments-o {
  color: #8f8f8f;
}
.user-privat .envelope-area .fa > .fa:before {
  position: absolute;
  top: 1.6em;
  right: 0.2em;
  font-size: 80%;
  z-index: 2;
  height: 0.8em;
  width: 0.8em;
  line-height: 0.8em;
  border-radius: 50%;
}
.user-privat .envelope-area .fa .pointer {
  display: none;
}
.user-privat .envelope-area .fa.po .pointer {
  display: block;
}
.user-privat .envelope-area .messages-area {
  position: absolute;
  right: -2em;
  top: 3.35em;
  min-width: 30em;
  min-height: 10em;
  color: rgb(66, 66, 66);
  font-size: 90%;
  display: none;
}
@media only screen and (max-width: 415px) {
  .user-privat .envelope-area .messages-area {
    min-width: 23em;
  }
}
.user-privat .envelope-area .messages-area .message-element {
  padding: 1.5em 1em;
  border-bottom: 1px solid rgb(225, 225, 225);
  line-height: 1.5;
  display: flex;
  justify-content: flex-start;
  flex-flow: row nowrap;
  align-items: stretch;
  white-space: initial;
}
.user-privat .envelope-area .messages-area .message-element .message-icon {
  font-size: 200%;
  margin-right: 0.5rem;
}
.user-privat .envelope-area .messages-area .message-element .message-icon img {
  max-width: 3rem;
}
.user-privat .envelope-area .messages-area .message-element .message-icon.fa-info {
  color: #31708f;
}
.user-privat .envelope-area .messages-area .message-element .message-icon.fa-attention {
  color: rgb(255, 224, 0);
}
.user-privat .envelope-area .messages-area .message-element .message-icon.fa-warning {
  color: rgb(200, 50, 50);
}
.user-privat .envelope-area .messages-area .message-element .message-icon.fa-group {
  color: rgb(95, 158, 160);
}
.user-privat .envelope-area .messages-area .message-element .message-icon.fa-comments, .user-privat .envelope-area .messages-area .message-element .message-icon.fa-comments-o {
  color: #8f8f8f;
}
.user-privat .envelope-area .messages-area .message-element .message-icon.icon-gift .gift-image {
  width: 4rem;
}
.user-privat .envelope-area .messages-area .message-element .message-text {
  width: 100%;
}
.user-privat .envelope-area .messages-area .message-element .message-text .message-date {
  float: right;
  font-size: 85%;
  color: #8f8f8f;
}
.user-privat .envelope-area .messages-area .message-element .message-text .message-login {
  font-size: 120%;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  color: rgb(221, 44, 0);
}
.user-privat .envelope-area .messages-area .message-element .message-text .message-login:hover {
  color: rgb(66, 66, 66);
}
.user-privat .envelope-area .messages-area .message-element .message-text .message-actions {
  text-align: right;
}
.user-privat .envelope-area .messages-area .message-element .message-text .message-actions BUTTON {
  background-color: rgb(245, 245, 245);
  font-size: 85%;
  color: rgb(77, 119, 204);
  width: auto;
  display: inline-block;
  margin: 0.5em 0;
}
.user-privat .envelope-area .messages-area .message-element .message-text .message-actions BUTTON:hover {
  background-color: gainsboro;
}
.user-privat .envelope-area .messages-area .message-element:last-child {
  border-bottom: 0 none;
}
.user-privat AUDIO {
  display: none;
}

.privat-messages {
  min-height: 40em;
  position: relative;
}
@media only screen and (max-width: 415px) {
  .privat-messages {
    overflow: hidden;
  }
}
.privat-messages .privat-mobile {
  display: none;
}
@media only screen and (max-width: 415px) {
  .privat-messages .privat-mobile {
    display: flex;
    justify-content: flex-start;
    flex-flow: row nowrap;
    align-items: stretch;
    padding-bottom: 1em;
  }
}
.privat-messages .privat-loader {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(255, 255, 255, 0.8) url("/img/loader.gif") no-repeat center center;
}
.privat-messages .privat-content {
  display: flex;
  justify-content: flex-start;
  flex-flow: row nowrap;
  align-items: stretch;
}
@media only screen and (max-width: 415px) {
  .privat-messages .privat-content {
    width: 200%;
    transition: all 0.2s ease-out 0s;
  }
}
.privat-messages .privat-content .privat-contacts {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-basis: 20%;
  background-color: rgb(244, 244, 244);
  border-right: 1px solid rgb(225, 225, 225);
  padding-bottom: 2em;
}
@media only screen and (max-width: 415px) {
  .privat-messages .privat-content .privat-contacts {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
  }
}
@media only screen and (min-width: 1024px) {
  .privat-messages .privat-content .privat-contacts {
    max-width: 40%;
  }
}
.privat-messages .privat-content .privat-contacts .contacts-navigation {
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
  align-items: stretch;
  padding: 0.8em;
}
.privat-messages .privat-content .privat-contacts .contacts-navigation A {
  min-width: 2em;
  line-height: 2em;
  text-align: center;
}
.privat-messages .privat-content .privat-contacts .contact-element {
  display: flex;
  justify-content: flex-start;
  flex-flow: row nowrap;
  align-items: stretch;
  padding: 0.4em 0.8em;
  line-height: 1.2;
  cursor: pointer;
  transition: all 0.2s ease-out 0s;
}
.privat-messages .privat-content .privat-contacts .contact-element .contact-icon {
  margin-right: 0.5em;
}
.privat-messages .privat-content .privat-contacts .contact-element .contact-body {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
}
.privat-messages .privat-content .privat-contacts .contact-element .contact-body .contact-count {
  font-size: 60%;
  float: right;
  border-radius: 1em;
  background-color: rgb(34, 182, 110);
  color: rgb(255, 255, 255);
  font-weight: bold;
  padding: 0.2em 0.5em;
}
.privat-messages .privat-content .privat-contacts .contact-element .contact-body .contact-subject {
  font-size: 80%;
  color: #8f8f8f;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 19em;
}
.privat-messages .privat-content .privat-contacts .contact-element .contact-body .moderator-badge {
  width: 1em;
  vertical-align: middle;
  margin-left: 0.3em;
}
.privat-messages .privat-content .privat-contacts .contact-element:hover, .privat-messages .privat-content .privat-contacts .contact-element.selected {
  background-color: #e7e7e7;
}
.privat-messages .privat-content .privat-contacts .contacts-folder-name {
  padding: 0.8em;
  font-size: 80%;
  color: #8f8f8f;
}
.privat-messages .privat-content .privat-body {
  -webkit-flex-grow: 4;
  flex-grow: 4;
  -webkit-flex-basis: 20%;
  flex-basis: 20%;
  background-color: rgb(255, 255, 255);
}
@media only screen and (max-width: 415px) {
  .privat-messages .privat-content .privat-body {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
  }
}
.privat-messages .privat-content .privat-body .privat-dialog, .privat-messages .privat-content .privat-body .privat-groups, .privat-messages .privat-content .privat-body .privat-friends, .privat-messages .privat-content .privat-body .privat-search {
  display: flex;
  justify-content: flex-start;
  flex-flow: column nowrap;
  align-items: stretch;
  height: 100%;
}
.privat-messages .privat-content .privat-body .privat-dialog .dialog-name, .privat-messages .privat-content .privat-body .privat-groups .dialog-name, .privat-messages .privat-content .privat-body .privat-friends .dialog-name, .privat-messages .privat-content .privat-body .privat-search .dialog-name, .privat-messages .privat-content .privat-body .privat-dialog .layer-name, .privat-messages .privat-content .privat-body .privat-groups .layer-name, .privat-messages .privat-content .privat-body .privat-friends .layer-name, .privat-messages .privat-content .privat-body .privat-search .layer-name {
  display: flex;
  justify-content: flex-start;
  flex-flow: row nowrap;
  align-items: stretch;
  border-bottom: 1px solid rgb(225, 225, 225);
  background-color: rgb(255, 255, 255);
  padding: 0.5em;
}
.privat-messages .privat-content .privat-body .privat-dialog .dialog-name A, .privat-messages .privat-content .privat-body .privat-groups .dialog-name A, .privat-messages .privat-content .privat-body .privat-friends .dialog-name A, .privat-messages .privat-content .privat-body .privat-search .dialog-name A, .privat-messages .privat-content .privat-body .privat-dialog .layer-name A, .privat-messages .privat-content .privat-body .privat-groups .layer-name A, .privat-messages .privat-content .privat-body .privat-friends .layer-name A, .privat-messages .privat-content .privat-body .privat-search .layer-name A {
  min-width: 2em;
  text-align: center;
  line-height: 2em;
  cursor: pointer;
}
.privat-messages .privat-content .privat-body .privat-dialog .dialog-name A:hover, .privat-messages .privat-content .privat-body .privat-groups .dialog-name A:hover, .privat-messages .privat-content .privat-body .privat-friends .dialog-name A:hover, .privat-messages .privat-content .privat-body .privat-search .dialog-name A:hover, .privat-messages .privat-content .privat-body .privat-dialog .layer-name A:hover, .privat-messages .privat-content .privat-body .privat-groups .layer-name A:hover, .privat-messages .privat-content .privat-body .privat-friends .layer-name A:hover, .privat-messages .privat-content .privat-body .privat-search .layer-name A:hover {
  color: rgb(77, 119, 204);
}
.privat-messages .privat-content .privat-body .privat-dialog .dialog-name A.fa-stack > I:last-child, .privat-messages .privat-content .privat-body .privat-groups .dialog-name A.fa-stack > I:last-child, .privat-messages .privat-content .privat-body .privat-friends .dialog-name A.fa-stack > I:last-child, .privat-messages .privat-content .privat-body .privat-search .dialog-name A.fa-stack > I:last-child, .privat-messages .privat-content .privat-body .privat-dialog .layer-name A.fa-stack > I:last-child, .privat-messages .privat-content .privat-body .privat-groups .layer-name A.fa-stack > I:last-child, .privat-messages .privat-content .privat-body .privat-friends .layer-name A.fa-stack > I:last-child, .privat-messages .privat-content .privat-body .privat-search .layer-name A.fa-stack > I:last-child {
  color: #8f8f8f;
}
.privat-messages .privat-content .privat-body .privat-dialog .dialog-name B, .privat-messages .privat-content .privat-body .privat-groups .dialog-name B, .privat-messages .privat-content .privat-body .privat-friends .dialog-name B, .privat-messages .privat-content .privat-body .privat-search .dialog-name B, .privat-messages .privat-content .privat-body .privat-dialog .layer-name B, .privat-messages .privat-content .privat-body .privat-groups .layer-name B, .privat-messages .privat-content .privat-body .privat-friends .layer-name B, .privat-messages .privat-content .privat-body .privat-search .layer-name B {
  font-size: 120%;
  width: 100%;
}
.privat-messages .privat-content .privat-body .privat-dialog .dialog-body, .privat-messages .privat-content .privat-body .privat-dialog .privat-search-results, .privat-messages .privat-content .privat-body .privat-groups .dialog-body, .privat-messages .privat-content .privat-body .privat-groups .privat-search-results, .privat-messages .privat-content .privat-body .privat-friends .dialog-body, .privat-messages .privat-content .privat-body .privat-friends .privat-search-results, .privat-messages .privat-content .privat-body .privat-search .dialog-body, .privat-messages .privat-content .privat-body .privat-search .privat-search-results, .privat-messages .privat-content .privat-body .privat-dialog .groups-results, .privat-messages .privat-content .privat-body .privat-groups .groups-results, .privat-messages .privat-content .privat-body .privat-friends .groups-results, .privat-messages .privat-content .privat-body .privat-search .groups-results, .privat-messages .privat-content .privat-body .privat-dialog .friends-results, .privat-messages .privat-content .privat-body .privat-groups .friends-results, .privat-messages .privat-content .privat-body .privat-friends .friends-results, .privat-messages .privat-content .privat-body .privat-search .friends-results {
  overflow-x: hidden;
  overflow-y: auto;
  height: 32em;
}
.privat-messages .privat-content .privat-body .privat-dialog .dialog-body .dialog-inner, .privat-messages .privat-content .privat-body .privat-dialog .privat-search-results .dialog-inner, .privat-messages .privat-content .privat-body .privat-groups .dialog-body .dialog-inner, .privat-messages .privat-content .privat-body .privat-groups .privat-search-results .dialog-inner, .privat-messages .privat-content .privat-body .privat-friends .dialog-body .dialog-inner, .privat-messages .privat-content .privat-body .privat-friends .privat-search-results .dialog-inner, .privat-messages .privat-content .privat-body .privat-search .dialog-body .dialog-inner, .privat-messages .privat-content .privat-body .privat-search .privat-search-results .dialog-inner, .privat-messages .privat-content .privat-body .privat-dialog .groups-results .dialog-inner, .privat-messages .privat-content .privat-body .privat-groups .groups-results .dialog-inner, .privat-messages .privat-content .privat-body .privat-friends .groups-results .dialog-inner, .privat-messages .privat-content .privat-body .privat-search .groups-results .dialog-inner, .privat-messages .privat-content .privat-body .privat-dialog .friends-results .dialog-inner, .privat-messages .privat-content .privat-body .privat-groups .friends-results .dialog-inner, .privat-messages .privat-content .privat-body .privat-friends .friends-results .dialog-inner, .privat-messages .privat-content .privat-body .privat-search .friends-results .dialog-inner {
  display: flex;
  justify-content: flex-end;
  flex-flow: column nowrap;
  align-items: stretch;
  padding: 1em;
  min-height: 32em;
}
.privat-messages .privat-content .privat-body .privat-dialog .dialog-body .dialog-inner .dialog-message, .privat-messages .privat-content .privat-body .privat-dialog .privat-search-results .dialog-inner .dialog-message, .privat-messages .privat-content .privat-body .privat-groups .dialog-body .dialog-inner .dialog-message, .privat-messages .privat-content .privat-body .privat-groups .privat-search-results .dialog-inner .dialog-message, .privat-messages .privat-content .privat-body .privat-friends .dialog-body .dialog-inner .dialog-message, .privat-messages .privat-content .privat-body .privat-friends .privat-search-results .dialog-inner .dialog-message, .privat-messages .privat-content .privat-body .privat-search .dialog-body .dialog-inner .dialog-message, .privat-messages .privat-content .privat-body .privat-search .privat-search-results .dialog-inner .dialog-message, .privat-messages .privat-content .privat-body .privat-dialog .groups-results .dialog-inner .dialog-message, .privat-messages .privat-content .privat-body .privat-groups .groups-results .dialog-inner .dialog-message, .privat-messages .privat-content .privat-body .privat-friends .groups-results .dialog-inner .dialog-message, .privat-messages .privat-content .privat-body .privat-search .groups-results .dialog-inner .dialog-message, .privat-messages .privat-content .privat-body .privat-dialog .friends-results .dialog-inner .dialog-message, .privat-messages .privat-content .privat-body .privat-groups .friends-results .dialog-inner .dialog-message, .privat-messages .privat-content .privat-body .privat-friends .friends-results .dialog-inner .dialog-message, .privat-messages .privat-content .privat-body .privat-search .friends-results .dialog-inner .dialog-message {
  display: flex;
  justify-content: flex-start;
  flex-flow: row nowrap;
  align-items: stretch;
  margin-top: 0.5em;
}
.privat-messages .privat-content .privat-body .privat-dialog .dialog-body .dialog-inner .dialog-message .message-icon, .privat-messages .privat-content .privat-body .privat-dialog .privat-search-results .dialog-inner .dialog-message .message-icon, .privat-messages .privat-content .privat-body .privat-groups .dialog-body .dialog-inner .dialog-message .message-icon, .privat-messages .privat-content .privat-body .privat-groups .privat-search-results .dialog-inner .dialog-message .message-icon, .privat-messages .privat-content .privat-body .privat-friends .dialog-body .dialog-inner .dialog-message .message-icon, .privat-messages .privat-content .privat-body .privat-friends .privat-search-results .dialog-inner .dialog-message .message-icon, .privat-messages .privat-content .privat-body .privat-search .dialog-body .dialog-inner .dialog-message .message-icon, .privat-messages .privat-content .privat-body .privat-search .privat-search-results .dialog-inner .dialog-message .message-icon, .privat-messages .privat-content .privat-body .privat-dialog .groups-results .dialog-inner .dialog-message .message-icon, .privat-messages .privat-content .privat-body .privat-groups .groups-results .dialog-inner .dialog-message .message-icon, .privat-messages .privat-content .privat-body .privat-friends .groups-results .dialog-inner .dialog-message .message-icon, .privat-messages .privat-content .privat-body .privat-search .groups-results .dialog-inner .dialog-message .message-icon, .privat-messages .privat-content .privat-body .privat-dialog .friends-results .dialog-inner .dialog-message .message-icon, .privat-messages .privat-content .privat-body .privat-groups .friends-results .dialog-inner .dialog-message .message-icon, .privat-messages .privat-content .privat-body .privat-friends .friends-results .dialog-inner .dialog-message .message-icon, .privat-messages .privat-content .privat-body .privat-search .friends-results .dialog-inner .dialog-message .message-icon {
  margin-right: 0.5em;
}
.privat-messages .privat-content .privat-body .privat-dialog .dialog-body .dialog-inner .dialog-message .message-body, .privat-messages .privat-content .privat-body .privat-dialog .privat-search-results .dialog-inner .dialog-message .message-body, .privat-messages .privat-content .privat-body .privat-groups .dialog-body .dialog-inner .dialog-message .message-body, .privat-messages .privat-content .privat-body .privat-groups .privat-search-results .dialog-inner .dialog-message .message-body, .privat-messages .privat-content .privat-body .privat-friends .dialog-body .dialog-inner .dialog-message .message-body, .privat-messages .privat-content .privat-body .privat-friends .privat-search-results .dialog-inner .dialog-message .message-body, .privat-messages .privat-content .privat-body .privat-search .dialog-body .dialog-inner .dialog-message .message-body, .privat-messages .privat-content .privat-body .privat-search .privat-search-results .dialog-inner .dialog-message .message-body, .privat-messages .privat-content .privat-body .privat-dialog .groups-results .dialog-inner .dialog-message .message-body, .privat-messages .privat-content .privat-body .privat-groups .groups-results .dialog-inner .dialog-message .message-body, .privat-messages .privat-content .privat-body .privat-friends .groups-results .dialog-inner .dialog-message .message-body, .privat-messages .privat-content .privat-body .privat-search .groups-results .dialog-inner .dialog-message .message-body, .privat-messages .privat-content .privat-body .privat-dialog .friends-results .dialog-inner .dialog-message .message-body, .privat-messages .privat-content .privat-body .privat-groups .friends-results .dialog-inner .dialog-message .message-body, .privat-messages .privat-content .privat-body .privat-friends .friends-results .dialog-inner .dialog-message .message-body, .privat-messages .privat-content .privat-body .privat-search .friends-results .dialog-inner .dialog-message .message-body {
  max-width: 75%;
}
.privat-messages .privat-content .privat-body .privat-dialog .dialog-body .dialog-inner .dialog-message .message-body SMALL, .privat-messages .privat-content .privat-body .privat-dialog .privat-search-results .dialog-inner .dialog-message .message-body SMALL, .privat-messages .privat-content .privat-body .privat-groups .dialog-body .dialog-inner .dialog-message .message-body SMALL, .privat-messages .privat-content .privat-body .privat-groups .privat-search-results .dialog-inner .dialog-message .message-body SMALL, .privat-messages .privat-content .privat-body .privat-friends .dialog-body .dialog-inner .dialog-message .message-body SMALL, .privat-messages .privat-content .privat-body .privat-friends .privat-search-results .dialog-inner .dialog-message .message-body SMALL, .privat-messages .privat-content .privat-body .privat-search .dialog-body .dialog-inner .dialog-message .message-body SMALL, .privat-messages .privat-content .privat-body .privat-search .privat-search-results .dialog-inner .dialog-message .message-body SMALL, .privat-messages .privat-content .privat-body .privat-dialog .groups-results .dialog-inner .dialog-message .message-body SMALL, .privat-messages .privat-content .privat-body .privat-groups .groups-results .dialog-inner .dialog-message .message-body SMALL, .privat-messages .privat-content .privat-body .privat-friends .groups-results .dialog-inner .dialog-message .message-body SMALL, .privat-messages .privat-content .privat-body .privat-search .groups-results .dialog-inner .dialog-message .message-body SMALL, .privat-messages .privat-content .privat-body .privat-dialog .friends-results .dialog-inner .dialog-message .message-body SMALL, .privat-messages .privat-content .privat-body .privat-groups .friends-results .dialog-inner .dialog-message .message-body SMALL, .privat-messages .privat-content .privat-body .privat-friends .friends-results .dialog-inner .dialog-message .message-body SMALL, .privat-messages .privat-content .privat-body .privat-search .friends-results .dialog-inner .dialog-message .message-body SMALL {
  color: #8f8f8f;
  font-size: 65%;
  margin-bottom: 0.5em;
}
.privat-messages .privat-content .privat-body .privat-dialog .dialog-body .dialog-inner .dialog-message .message-body DIV, .privat-messages .privat-content .privat-body .privat-dialog .privat-search-results .dialog-inner .dialog-message .message-body DIV, .privat-messages .privat-content .privat-body .privat-groups .dialog-body .dialog-inner .dialog-message .message-body DIV, .privat-messages .privat-content .privat-body .privat-groups .privat-search-results .dialog-inner .dialog-message .message-body DIV, .privat-messages .privat-content .privat-body .privat-friends .dialog-body .dialog-inner .dialog-message .message-body DIV, .privat-messages .privat-content .privat-body .privat-friends .privat-search-results .dialog-inner .dialog-message .message-body DIV, .privat-messages .privat-content .privat-body .privat-search .dialog-body .dialog-inner .dialog-message .message-body DIV, .privat-messages .privat-content .privat-body .privat-search .privat-search-results .dialog-inner .dialog-message .message-body DIV, .privat-messages .privat-content .privat-body .privat-dialog .groups-results .dialog-inner .dialog-message .message-body DIV, .privat-messages .privat-content .privat-body .privat-groups .groups-results .dialog-inner .dialog-message .message-body DIV, .privat-messages .privat-content .privat-body .privat-friends .groups-results .dialog-inner .dialog-message .message-body DIV, .privat-messages .privat-content .privat-body .privat-search .groups-results .dialog-inner .dialog-message .message-body DIV, .privat-messages .privat-content .privat-body .privat-dialog .friends-results .dialog-inner .dialog-message .message-body DIV, .privat-messages .privat-content .privat-body .privat-groups .friends-results .dialog-inner .dialog-message .message-body DIV, .privat-messages .privat-content .privat-body .privat-friends .friends-results .dialog-inner .dialog-message .message-body DIV, .privat-messages .privat-content .privat-body .privat-search .friends-results .dialog-inner .dialog-message .message-body DIV {
  padding: 0.4em 0.8em;
  border-radius: 1em;
  background-color: rgb(244, 244, 244);
  margin-bottom: 0.5em;
  line-height: 1.3;
  max-width: 32em;
  overflow-x: hidden;
}
.privat-messages .privat-content .privat-body .privat-dialog .dialog-body .dialog-inner .dialog-message .message-body DIV A, .privat-messages .privat-content .privat-body .privat-dialog .privat-search-results .dialog-inner .dialog-message .message-body DIV A, .privat-messages .privat-content .privat-body .privat-groups .dialog-body .dialog-inner .dialog-message .message-body DIV A, .privat-messages .privat-content .privat-body .privat-groups .privat-search-results .dialog-inner .dialog-message .message-body DIV A, .privat-messages .privat-content .privat-body .privat-friends .dialog-body .dialog-inner .dialog-message .message-body DIV A, .privat-messages .privat-content .privat-body .privat-friends .privat-search-results .dialog-inner .dialog-message .message-body DIV A, .privat-messages .privat-content .privat-body .privat-search .dialog-body .dialog-inner .dialog-message .message-body DIV A, .privat-messages .privat-content .privat-body .privat-search .privat-search-results .dialog-inner .dialog-message .message-body DIV A, .privat-messages .privat-content .privat-body .privat-dialog .groups-results .dialog-inner .dialog-message .message-body DIV A, .privat-messages .privat-content .privat-body .privat-groups .groups-results .dialog-inner .dialog-message .message-body DIV A, .privat-messages .privat-content .privat-body .privat-friends .groups-results .dialog-inner .dialog-message .message-body DIV A, .privat-messages .privat-content .privat-body .privat-search .groups-results .dialog-inner .dialog-message .message-body DIV A, .privat-messages .privat-content .privat-body .privat-dialog .friends-results .dialog-inner .dialog-message .message-body DIV A, .privat-messages .privat-content .privat-body .privat-groups .friends-results .dialog-inner .dialog-message .message-body DIV A, .privat-messages .privat-content .privat-body .privat-friends .friends-results .dialog-inner .dialog-message .message-body DIV A, .privat-messages .privat-content .privat-body .privat-search .friends-results .dialog-inner .dialog-message .message-body DIV A {
  color: rgb(77, 119, 204);
}
.privat-messages .privat-content .privat-body .privat-dialog .dialog-body .dialog-inner .dialog-message .message-body DIV A:hover, .privat-messages .privat-content .privat-body .privat-dialog .privat-search-results .dialog-inner .dialog-message .message-body DIV A:hover, .privat-messages .privat-content .privat-body .privat-groups .dialog-body .dialog-inner .dialog-message .message-body DIV A:hover, .privat-messages .privat-content .privat-body .privat-groups .privat-search-results .dialog-inner .dialog-message .message-body DIV A:hover, .privat-messages .privat-content .privat-body .privat-friends .dialog-body .dialog-inner .dialog-message .message-body DIV A:hover, .privat-messages .privat-content .privat-body .privat-friends .privat-search-results .dialog-inner .dialog-message .message-body DIV A:hover, .privat-messages .privat-content .privat-body .privat-search .dialog-body .dialog-inner .dialog-message .message-body DIV A:hover, .privat-messages .privat-content .privat-body .privat-search .privat-search-results .dialog-inner .dialog-message .message-body DIV A:hover, .privat-messages .privat-content .privat-body .privat-dialog .groups-results .dialog-inner .dialog-message .message-body DIV A:hover, .privat-messages .privat-content .privat-body .privat-groups .groups-results .dialog-inner .dialog-message .message-body DIV A:hover, .privat-messages .privat-content .privat-body .privat-friends .groups-results .dialog-inner .dialog-message .message-body DIV A:hover, .privat-messages .privat-content .privat-body .privat-search .groups-results .dialog-inner .dialog-message .message-body DIV A:hover, .privat-messages .privat-content .privat-body .privat-dialog .friends-results .dialog-inner .dialog-message .message-body DIV A:hover, .privat-messages .privat-content .privat-body .privat-groups .friends-results .dialog-inner .dialog-message .message-body DIV A:hover, .privat-messages .privat-content .privat-body .privat-friends .friends-results .dialog-inner .dialog-message .message-body DIV A:hover, .privat-messages .privat-content .privat-body .privat-search .friends-results .dialog-inner .dialog-message .message-body DIV A:hover {
  color: rgb(66, 66, 66);
}
.privat-messages .privat-content .privat-body .privat-dialog .dialog-body .dialog-inner .dialog-message.incoming, .privat-messages .privat-content .privat-body .privat-dialog .privat-search-results .dialog-inner .dialog-message.incoming, .privat-messages .privat-content .privat-body .privat-groups .dialog-body .dialog-inner .dialog-message.incoming, .privat-messages .privat-content .privat-body .privat-groups .privat-search-results .dialog-inner .dialog-message.incoming, .privat-messages .privat-content .privat-body .privat-friends .dialog-body .dialog-inner .dialog-message.incoming, .privat-messages .privat-content .privat-body .privat-friends .privat-search-results .dialog-inner .dialog-message.incoming, .privat-messages .privat-content .privat-body .privat-search .dialog-body .dialog-inner .dialog-message.incoming, .privat-messages .privat-content .privat-body .privat-search .privat-search-results .dialog-inner .dialog-message.incoming, .privat-messages .privat-content .privat-body .privat-dialog .groups-results .dialog-inner .dialog-message.incoming, .privat-messages .privat-content .privat-body .privat-groups .groups-results .dialog-inner .dialog-message.incoming, .privat-messages .privat-content .privat-body .privat-friends .groups-results .dialog-inner .dialog-message.incoming, .privat-messages .privat-content .privat-body .privat-search .groups-results .dialog-inner .dialog-message.incoming, .privat-messages .privat-content .privat-body .privat-dialog .friends-results .dialog-inner .dialog-message.incoming, .privat-messages .privat-content .privat-body .privat-groups .friends-results .dialog-inner .dialog-message.incoming, .privat-messages .privat-content .privat-body .privat-friends .friends-results .dialog-inner .dialog-message.incoming, .privat-messages .privat-content .privat-body .privat-search .friends-results .dialog-inner .dialog-message.incoming {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.privat-messages .privat-content .privat-body .privat-dialog .dialog-body .dialog-inner .dialog-message.incoming .message-icon, .privat-messages .privat-content .privat-body .privat-dialog .privat-search-results .dialog-inner .dialog-message.incoming .message-icon, .privat-messages .privat-content .privat-body .privat-groups .dialog-body .dialog-inner .dialog-message.incoming .message-icon, .privat-messages .privat-content .privat-body .privat-groups .privat-search-results .dialog-inner .dialog-message.incoming .message-icon, .privat-messages .privat-content .privat-body .privat-friends .dialog-body .dialog-inner .dialog-message.incoming .message-icon, .privat-messages .privat-content .privat-body .privat-friends .privat-search-results .dialog-inner .dialog-message.incoming .message-icon, .privat-messages .privat-content .privat-body .privat-search .dialog-body .dialog-inner .dialog-message.incoming .message-icon, .privat-messages .privat-content .privat-body .privat-search .privat-search-results .dialog-inner .dialog-message.incoming .message-icon, .privat-messages .privat-content .privat-body .privat-dialog .groups-results .dialog-inner .dialog-message.incoming .message-icon, .privat-messages .privat-content .privat-body .privat-groups .groups-results .dialog-inner .dialog-message.incoming .message-icon, .privat-messages .privat-content .privat-body .privat-friends .groups-results .dialog-inner .dialog-message.incoming .message-icon, .privat-messages .privat-content .privat-body .privat-search .groups-results .dialog-inner .dialog-message.incoming .message-icon, .privat-messages .privat-content .privat-body .privat-dialog .friends-results .dialog-inner .dialog-message.incoming .message-icon, .privat-messages .privat-content .privat-body .privat-groups .friends-results .dialog-inner .dialog-message.incoming .message-icon, .privat-messages .privat-content .privat-body .privat-friends .friends-results .dialog-inner .dialog-message.incoming .message-icon, .privat-messages .privat-content .privat-body .privat-search .friends-results .dialog-inner .dialog-message.incoming .message-icon {
  margin-right: 0;
  margin-left: 0.5em;
}
.privat-messages .privat-content .privat-body .privat-dialog .dialog-body .dialog-inner .dialog-message.incoming .message-body, .privat-messages .privat-content .privat-body .privat-dialog .privat-search-results .dialog-inner .dialog-message.incoming .message-body, .privat-messages .privat-content .privat-body .privat-groups .dialog-body .dialog-inner .dialog-message.incoming .message-body, .privat-messages .privat-content .privat-body .privat-groups .privat-search-results .dialog-inner .dialog-message.incoming .message-body, .privat-messages .privat-content .privat-body .privat-friends .dialog-body .dialog-inner .dialog-message.incoming .message-body, .privat-messages .privat-content .privat-body .privat-friends .privat-search-results .dialog-inner .dialog-message.incoming .message-body, .privat-messages .privat-content .privat-body .privat-search .dialog-body .dialog-inner .dialog-message.incoming .message-body, .privat-messages .privat-content .privat-body .privat-search .privat-search-results .dialog-inner .dialog-message.incoming .message-body, .privat-messages .privat-content .privat-body .privat-dialog .groups-results .dialog-inner .dialog-message.incoming .message-body, .privat-messages .privat-content .privat-body .privat-groups .groups-results .dialog-inner .dialog-message.incoming .message-body, .privat-messages .privat-content .privat-body .privat-friends .groups-results .dialog-inner .dialog-message.incoming .message-body, .privat-messages .privat-content .privat-body .privat-search .groups-results .dialog-inner .dialog-message.incoming .message-body, .privat-messages .privat-content .privat-body .privat-dialog .friends-results .dialog-inner .dialog-message.incoming .message-body, .privat-messages .privat-content .privat-body .privat-groups .friends-results .dialog-inner .dialog-message.incoming .message-body, .privat-messages .privat-content .privat-body .privat-friends .friends-results .dialog-inner .dialog-message.incoming .message-body, .privat-messages .privat-content .privat-body .privat-search .friends-results .dialog-inner .dialog-message.incoming .message-body {
  text-align: right;
}
.privat-messages .privat-content .privat-body .privat-dialog .dialog-body .dialog-inner .dialog-message.incoming .message-body > DIV, .privat-messages .privat-content .privat-body .privat-dialog .privat-search-results .dialog-inner .dialog-message.incoming .message-body > DIV, .privat-messages .privat-content .privat-body .privat-groups .dialog-body .dialog-inner .dialog-message.incoming .message-body > DIV, .privat-messages .privat-content .privat-body .privat-groups .privat-search-results .dialog-inner .dialog-message.incoming .message-body > DIV, .privat-messages .privat-content .privat-body .privat-friends .dialog-body .dialog-inner .dialog-message.incoming .message-body > DIV, .privat-messages .privat-content .privat-body .privat-friends .privat-search-results .dialog-inner .dialog-message.incoming .message-body > DIV, .privat-messages .privat-content .privat-body .privat-search .dialog-body .dialog-inner .dialog-message.incoming .message-body > DIV, .privat-messages .privat-content .privat-body .privat-search .privat-search-results .dialog-inner .dialog-message.incoming .message-body > DIV, .privat-messages .privat-content .privat-body .privat-dialog .groups-results .dialog-inner .dialog-message.incoming .message-body > DIV, .privat-messages .privat-content .privat-body .privat-groups .groups-results .dialog-inner .dialog-message.incoming .message-body > DIV, .privat-messages .privat-content .privat-body .privat-friends .groups-results .dialog-inner .dialog-message.incoming .message-body > DIV, .privat-messages .privat-content .privat-body .privat-search .groups-results .dialog-inner .dialog-message.incoming .message-body > DIV, .privat-messages .privat-content .privat-body .privat-dialog .friends-results .dialog-inner .dialog-message.incoming .message-body > DIV, .privat-messages .privat-content .privat-body .privat-groups .friends-results .dialog-inner .dialog-message.incoming .message-body > DIV, .privat-messages .privat-content .privat-body .privat-friends .friends-results .dialog-inner .dialog-message.incoming .message-body > DIV, .privat-messages .privat-content .privat-body .privat-search .friends-results .dialog-inner .dialog-message.incoming .message-body > DIV {
  text-align: left;
}
.privat-messages .privat-content .privat-body .privat-dialog .dialog-form, .privat-messages .privat-content .privat-body .privat-groups .dialog-form, .privat-messages .privat-content .privat-body .privat-friends .dialog-form, .privat-messages .privat-content .privat-body .privat-search .dialog-form {
  background-color: rgb(255, 255, 255);
  padding: 0.5em;
  border-top: 1px solid rgb(225, 225, 225);
  line-height: 1.2;
}
.privat-messages .privat-content .privat-body .privat-dialog .dialog-form TEXTAREA, .privat-messages .privat-content .privat-body .privat-groups .dialog-form TEXTAREA, .privat-messages .privat-content .privat-body .privat-friends .dialog-form TEXTAREA, .privat-messages .privat-content .privat-body .privat-search .dialog-form TEXTAREA {
  display: inline;
  resize: none;
  border-radius: 2px 0 0 2px;
  width: calc(100% - 4em);
  height: 6em;
}
.privat-messages .privat-content .privat-body .privat-dialog .dialog-form BUTTON, .privat-messages .privat-content .privat-body .privat-groups .dialog-form BUTTON, .privat-messages .privat-content .privat-body .privat-friends .dialog-form BUTTON, .privat-messages .privat-content .privat-body .privat-search .dialog-form BUTTON {
  display: inline;
  border-radius: 0 2px 2px 0;
  background-color: rgb(255, 255, 255);
  height: 6.67em;
  width: 4em;
  border: 1px solid rgb(225, 225, 225);
  border-left: 0 none;
  padding: 0;
}
.privat-messages .privat-content .privat-body .privat-dialog .dialog-form BUTTON:hover, .privat-messages .privat-content .privat-body .privat-groups .dialog-form BUTTON:hover, .privat-messages .privat-content .privat-body .privat-friends .dialog-form BUTTON:hover, .privat-messages .privat-content .privat-body .privat-search .dialog-form BUTTON:hover {
  background-color: #e1e1e1;
}
.privat-messages .privat-content .privat-body .privat-dialog .dialog-form BUTTON I, .privat-messages .privat-content .privat-body .privat-groups .dialog-form BUTTON I, .privat-messages .privat-content .privat-body .privat-friends .dialog-form BUTTON I, .privat-messages .privat-content .privat-body .privat-search .dialog-form BUTTON I {
  transform: rotate(90deg);
  font-size: 180%;
  color: rgb(34, 182, 110);
}
.privat-messages .privat-content .privat-body .privat-dialog .friends-results, .privat-messages .privat-content .privat-body .privat-groups .friends-results, .privat-messages .privat-content .privat-body .privat-friends .friends-results, .privat-messages .privat-content .privat-body .privat-search .friends-results {
  height: 100%;
}
.privat-messages .privat-content .privat-body .privat-dialog .friends-results .user-row, .privat-messages .privat-content .privat-body .privat-groups .friends-results .user-row, .privat-messages .privat-content .privat-body .privat-friends .friends-results .user-row, .privat-messages .privat-content .privat-body .privat-search .friends-results .user-row {
  padding: 0.8em;
  display: block;
  display: flex;
}
.privat-messages .privat-content .privat-body .privat-dialog .friends-results .user-row:hover, .privat-messages .privat-content .privat-body .privat-groups .friends-results .user-row:hover, .privat-messages .privat-content .privat-body .privat-friends .friends-results .user-row:hover, .privat-messages .privat-content .privat-body .privat-search .friends-results .user-row:hover, .privat-messages .privat-content .privat-body .privat-dialog .friends-results .user-row.selected, .privat-messages .privat-content .privat-body .privat-groups .friends-results .user-row.selected, .privat-messages .privat-content .privat-body .privat-friends .friends-results .user-row.selected, .privat-messages .privat-content .privat-body .privat-search .friends-results .user-row.selected {
  background-color: #e7e7e7;
}
.privat-messages .privat-content .privat-body .privat-dialog .groups-results .group-create, .privat-messages .privat-content .privat-body .privat-groups .groups-results .group-create, .privat-messages .privat-content .privat-body .privat-friends .groups-results .group-create, .privat-messages .privat-content .privat-body .privat-search .groups-results .group-create {
  padding: 2em;
}
.privat-messages .privat-content .privat-body .privat-dialog .groups-results .group-row, .privat-messages .privat-content .privat-body .privat-groups .groups-results .group-row, .privat-messages .privat-content .privat-body .privat-friends .groups-results .group-row, .privat-messages .privat-content .privat-body .privat-search .groups-results .group-row {
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
  align-items: stretch;
  padding: 0.8em;
  border-bottom: 1px solid rgb(225, 225, 225);
}
.privat-messages .privat-content .privat-body .privat-dialog .groups-results .group-row .members-count, .privat-messages .privat-content .privat-body .privat-groups .groups-results .group-row .members-count, .privat-messages .privat-content .privat-body .privat-friends .groups-results .group-row .members-count, .privat-messages .privat-content .privat-body .privat-search .groups-results .group-row .members-count {
  font-size: 80%;
  color: #8f8f8f;
}
.privat-messages .privat-content .privat-body .privat-dialog .groups-results .group-row:hover, .privat-messages .privat-content .privat-body .privat-groups .groups-results .group-row:hover, .privat-messages .privat-content .privat-body .privat-friends .groups-results .group-row:hover, .privat-messages .privat-content .privat-body .privat-search .groups-results .group-row:hover {
  background-color: #f2f2f2;
}
.privat-messages .privat-content .privat-body .privat-search-form {
  padding: 1em;
}
.privat-messages .privat-content .privat-body .privat-search-form INPUT {
  display: inline;
  width: calc(100% - 4.5em);
  margin-right: 0.5em;
}
.privat-messages .privat-content .privat-body .privat-search-form BUTTON {
  display: inline;
  width: auto;
}
.privat-messages .privat-content .privat-body .privat-search-results {
  display: flex;
  flex-direction: column;
  height: 35em;
}
.privat-messages .privat-content .privat-body .privat-search-results .user-row {
  padding: 0.8em;
  display: flex;
  cursor: pointer;
}
.privat-messages .privat-content .privat-body .privat-search-results .user-row:hover {
  background-color: #e7e7e7;
}
.privat-messages .privat-content .privat-body .privat-search-results .user-row.selected {
  background-color: rgba(95, 158, 160, 0.2);
}

.blog-list {
  margin-bottom: 3em;
}
.blog-list h2 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.blog-list.hidden {
  opacity: 0.5;
}
.blog-list .approved {
  margin-left: 0.5em;
  font-size: 50%;
  vertical-align: super;
  color: rgb(254, 199, 34);
}
.blog-list .yandex {
  margin-left: 0.5em;
  font-size: 70%;
  vertical-align: middle;
  color: red;
}
.blog-list .type-icon {
  margin-left: 0.5em;
  font-size: 60%;
  vertical-align: super;
  color: #ff4011;
}

.blog-element {
  font-size: 110%;
}
@media only screen and (max-width: 415px) {
  .blog-element P {
    font-size: 120%;
  }
}
.blog-element H1 > A {
  margin-left: 0.5em;
  font-size: 50%;
  vertical-align: super;
  color: #8f8f8f;
}
.blog-element H1 > A .approved {
  color: rgb(254, 199, 34);
}
.blog-element IMG {
  width: 100%;
  max-height: 40em;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}
.blog-element A {
  color: rgb(77, 119, 204);
}
.blog-element A:hover {
  color: rgb(66, 66, 66);
}
.blog-element .video-element {
  text-align: center;
}
.blog-element QUOTE {
  color: #8f8f8f;
  padding-left: 1em;
  font-style: italic;
  font-size: 90%;
  display: block;
  border-left: 2px solid rgb(225, 225, 225);
  margin-left: 2em;
}
.blog-element QUOTE:before {
  position: relative;
  left: -2em;
  color: rgb(225, 225, 225);
  font-size: 150%;
}

.element-tags {
  margin-bottom: 1em;
}
.element-tags A {
  color: rgb(77, 119, 204);
}
.element-tags A:hover {
  color: rgb(66, 66, 66);
}

.addthis_sharing_toolbox {
  margin-bottom: 1em;
}
.addthis_sharing_toolbox .at-style-responsive .at-share-btn {
  width: auto;
  margin: 0;
}

.element-source {
  margin-bottom: 1em;
}
.element-source A {
  font-size: 90%;
}
.element-source A:after {
  content: "\e830";
}

.element-events {
  margin-bottom: 1em;
  font-size: 80%;
  color: rgb(255, 0, 0);
}

.element-options {
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
  align-items: center;
  background-color: rgb(244, 244, 244);
  border-bottom: 2px solid #e7e7e7;
  padding: 0.5em;
  font-size: 90%;
}
@media only screen and (max-width: 415px) {
  .element-options {
    flex-wrap: wrap;
  }
  .element-options > * {
    margin: 0.5em 0;
  }
}
@media only screen and (max-width: 415px) {
  .element-options .element-edit {
    order: 2;
  }
}
.element-options .element-edit A:hover {
  color: rgba(201, 48, 44, 0.9);
}
.element-options .element-edit .approved {
  color: rgb(254, 199, 34);
}
.element-options .element-edit .yandex {
  color: red;
}
.element-options .element-stars .one-star {
  width: 1.1em;
  text-align: center;
}
.element-options .element-stars .one-star:before {
  content: "\f006";
}
.element-options .element-stars .one-star.hover:before, .element-options .element-stars .one-star.active:before {
  content: "\f005";
}
.element-options .element-stars .one-star.active {
  color: rgb(254, 199, 34);
}
.element-options .element-stars .one-star.hover {
  color: inherit;
}
.element-options .element-stars .one-star.js {
  cursor: pointer;
}

.blog-list-export, OL .blog-list-search {
  margin: 0.7em 0;
}
.blog-list-export > P, OL .blog-list-search > P {
  margin-top: 0;
}
.blog-list-export .type-icon, OL .blog-list-search .type-icon {
  margin-left: 0.5em;
  font-size: 80%;
  vertical-align: super;
  color: #ff4011;
}
.blog-list-export .element-options, OL .blog-list-search .element-options {
  padding: 0;
  background-color: transparent;
  border: 0 none;
  color: #8f8f8f;
  font-size: 80%;
}
@media only screen and (max-width: 415px) {
  .blog-list-export .element-options, OL .blog-list-search .element-options {
    flex-wrap: nowrap;
  }
  .blog-list-export .element-options > *, OL .blog-list-search .element-options > * {
    flex-basis: auto;
    margin: 0;
  }
}
.blog-list-export .element-options .element-options-time, OL .blog-list-search .element-options .element-options-time {
  display: flex;
  align-items: center;
}
.blog-list-export .element-options .element-options-time time, OL .blog-list-search .element-options .element-options-time time {
  margin-right: 1em;
}
.blog-list-export .element-header, OL .blog-list-search .element-header {
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
  align-items: stretch;
}
.blog-list-export .element-header H4, OL .blog-list-search .element-header H4 {
  -webkit-flex-grow: 2;
  flex-grow: 2;
  -webkit-flex-basis: 0;
  flex-basis: 0;
}
@media only screen and (max-width: 415px) {
  .blog-list-export .element-header H4, OL .blog-list-search .element-header H4 {
    width: 70%;
  }
}
.blog-list-export .element-header .user-row .row-avatar, OL .blog-list-search .element-header .user-row .row-avatar {
  width: 2rem;
  height: 2rem;
}
@media only screen and (max-width: 415px) {
  .blog-list-export .element-header .user-row img, OL .blog-list-search .element-header .user-row img {
    display: none;
  }
}
.blog-list-export.export-image, OL .export-image.blog-list-search {
  display: flex;
  justify-content: space-between;
  flex-flow: column wrap;
  align-items: stretch;
  height: 24em;
  background: transparent no-repeat center center/cover;
  padding: 0.6em;
  margin: 0 -0.6em;
  color: rgb(255, 255, 255);
}
.blog-list-export.export-image > DIV, OL .export-image.blog-list-search > DIV {
  padding: 0.6em;
  margin: -0.6em;
  line-height: 1.3;
  background-color: rgba(0, 0, 0, 0.4);
}
.blog-list-export.export-image > DIV H3, OL .export-image.blog-list-search > DIV H3 {
  font-size: 130%;
}
.blog-list-export.export-image > DIV TIME, OL .export-image.blog-list-search > DIV TIME {
  font-size: 80%;
  color: rgb(200, 200, 100);
}
.blog-list-export.export-image P, OL .export-image.blog-list-search P {
  padding: 0.6em;
  margin: -0.6em;
  background-color: rgba(0, 0, 0, 0.5);
}
.blog-list-export.export-image A, OL .export-image.blog-list-search A {
  color: inherit;
}
.blog-list-export STRONG.highlighted, OL .blog-list-search STRONG.highlighted {
  background-color: rgb(253, 233, 153);
}

.search-form {
  padding: 1em;
  margin-bottom: 2em;
  border-bottom: 1px solid rgb(225, 225, 225);
}
.search-form INPUT {
  display: inline;
  width: calc(100% - 4.5em);
  margin-right: 0.5em;
}
.search-form BUTTON {
  display: inline;
  width: auto;
}

OL {
  padding-left: 2em;
}
OL .blog-list-search {
  padding-left: 1em;
}

.blog-error {
  padding: 5em;
  font-size: 150%;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 800px) {
  .blog-error {
    padding: 1em;
  }
}
.blog-error:after {
  content: "";
  background-color: rgb(254, 199, 34);
  height: 100%;
  left: -5em;
  width: 12em;
  transform: skew(-30deg);
  position: absolute;
  top: 0;
}
.blog-error > * {
  position: relative;
  z-index: 2;
}
.blog-error > DIV.small {
  font-size: 80%;
}
.blog-error > A {
  font-size: 65%;
}
.blog-error .button-section {
  font-size: 65%;
}

.comments .comments-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.comments .comments-list.children {
  margin-left: 3em;
}
.comments .comments-list.children.level-2 {
  margin-left: 2.6em;
}
@media only screen and (max-width: 800px) {
  .comments .comments-list.children.level-2 {
    margin-left: 1.3em;
  }
}
@media only screen and (max-width: 415px) {
  .comments .comments-list.children.level-2 {
    margin-left: 0.86em;
  }
}
.comments .comments-list.children.level-3 {
  margin-left: 2.4em;
}
@media only screen and (max-width: 800px) {
  .comments .comments-list.children.level-3 {
    margin-left: 1.2em;
  }
}
@media only screen and (max-width: 415px) {
  .comments .comments-list.children.level-3 {
    margin-left: 0.79em;
  }
}
.comments .comments-list.children.level-4 {
  margin-left: 2.2em;
}
@media only screen and (max-width: 800px) {
  .comments .comments-list.children.level-4 {
    margin-left: 1.1em;
  }
}
@media only screen and (max-width: 415px) {
  .comments .comments-list.children.level-4 {
    margin-left: 0.72em;
  }
}
.comments .comments-list.children.level-5 {
  margin-left: 2em;
}
@media only screen and (max-width: 800px) {
  .comments .comments-list.children.level-5 {
    margin-left: 1em;
  }
}
@media only screen and (max-width: 415px) {
  .comments .comments-list.children.level-5 {
    margin-left: 0.65em;
  }
}
.comments .comments-list.children.level-6 {
  margin-left: 1.8em;
}
@media only screen and (max-width: 800px) {
  .comments .comments-list.children.level-6 {
    margin-left: 0.9em;
  }
}
@media only screen and (max-width: 415px) {
  .comments .comments-list.children.level-6 {
    margin-left: 0.58em;
  }
}
.comments .comments-list.children.level-7 {
  margin-left: 1.6em;
}
@media only screen and (max-width: 800px) {
  .comments .comments-list.children.level-7 {
    margin-left: 0.8em;
  }
}
@media only screen and (max-width: 415px) {
  .comments .comments-list.children.level-7 {
    margin-left: 0.51em;
  }
}
.comments .comments-list.children.level-8 {
  margin-left: 1.4em;
}
@media only screen and (max-width: 800px) {
  .comments .comments-list.children.level-8 {
    margin-left: 0.7em;
  }
}
@media only screen and (max-width: 415px) {
  .comments .comments-list.children.level-8 {
    margin-left: 0.44em;
  }
}
.comments .comments-list.children.level-9 {
  margin-left: 1.2em;
}
@media only screen and (max-width: 800px) {
  .comments .comments-list.children.level-9 {
    margin-left: 0.6em;
  }
}
@media only screen and (max-width: 415px) {
  .comments .comments-list.children.level-9 {
    margin-left: 0.37em;
  }
}
.comments .comments-list.children.level-10 {
  margin-left: 0;
}
.comments .comments-list.children.level-11 {
  margin-left: 0;
}
.comments .comments-list.children.level-12 {
  margin-left: 0;
}
.comments .comments-list.children.level-13 {
  margin-left: 0;
}
.comments .comments-list.children.level-14 {
  margin-left: 0;
}
.comments .comments-list.children.level-15 {
  margin-left: 0;
}
.comments .comments-list .comment-post {
  border-top: 1px solid #b4b4b4;
  margin: 0;
  padding: 0;
  scroll-margin-top: 5em;
}
.comments .comments-list .comment-post.post-hidden {
  opacity: 0.5;
}
.comments .comments-list .comment-post.collapsed .post-message, .comments .comments-list .comment-post.collapsed .post-footer, .comments .comments-list .comment-post.collapsed .children {
  display: none;
}
.comments .comments-list .comment-post:first-child {
  border-top: 1px solid #cecece;
}
.comments .comments-list .comment-post .post-content {
  padding: 0.5em;
}
.comments .comments-list .comment-post .post-content .comment-action {
  cursor: pointer;
  display: list-item;
  list-style-type: disc;
  list-style-position: inside;
  white-space: nowrap;
}
.comments .comments-list .comment-post .post-content .comment-action:hover, .comments .comments-list .comment-post .post-content .comment-action:focus {
  color: rgb(77, 119, 204);
}
.comments .comments-list .comment-post .post-content .comment-action.events {
  color: rgb(255, 0, 0);
}
.comments .comments-list .comment-post .post-content .comment-action:nth-child(2) {
  list-style-type: none;
}
.comments .comments-list .comment-post .post-content .post-header {
  font-size: 80%;
  color: #8f8f8f;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1em;
}
.comments .comments-list .comment-post .post-content .post-header .comment-time {
  color: rgb(200, 200, 100);
}
.comments .comments-list .comment-post .post-content .post-header .comment-new {
  font-size: 130%;
  display: list-item;
  list-style-type: disc;
  list-style-position: inside;
}
.comments .comments-list .comment-post .post-content .post-header .comment-new.new_ {
  color: #FF0000;
}
.comments .comments-list .comment-post .post-content .post-header .comment-new.new_0 {
  display: none;
}
.comments .comments-list .comment-post .post-content .post-header .comment-new.new_1 {
  color: rgba(255, 255, 255, 0);
}
.comments .comments-list .comment-post .post-content .post-header .comment-new.new_2 {
  color: rgba(223, 159, 159, 0.5);
}
.comments .comments-list .comment-post .post-content .post-header .comment-new.new_3 {
  color: rgba(227, 113, 113, 0.6666666667);
}
.comments .comments-list .comment-post .post-content .post-header .comment-new.new_4 {
  color: rgba(231, 88, 88, 0.75);
}
.comments .comments-list .comment-post .post-content .post-header .comment-new.new_5 {
  color: rgba(235, 71, 71, 0.8);
}
.comments .comments-list .comment-post .post-content .post-header .comment-new.new_6 {
  color: rgba(237, 60, 60, 0.8333333333);
}
.comments .comments-list .comment-post .post-content .post-header .comment-new.new_7 {
  color: rgba(239, 52, 52, 0.8571428571);
}
.comments .comments-list .comment-post .post-content .post-header .comment-new.new_8 {
  color: rgba(241, 46, 46, 0.875);
}
.comments .comments-list .comment-post .post-content .post-header .comment-new.new_9 {
  color: rgba(242, 41, 41, 0.8888888889);
}
.comments .comments-list .comment-post .post-content .post-header .comment-new.new_10 {
  color: rgba(244, 37, 37, 0.9);
}
.comments .comments-list .comment-post .post-content .post-header .post-menu {
  flex-grow: 1;
  text-align: right;
  opacity: 0;
}
.comments .comments-list .comment-post .post-content .post-header .post-menu .post-collapse,
.comments .comments-list .comment-post .post-content .post-header .post-menu .post-expand {
  width: 1.5em;
  text-align: center;
  font-size: 150%;
  line-height: 1.5em;
  cursor: pointer;
}
.comments .comments-list .comment-post .post-content .post-header .comment-parent {
  transform: rotate(-90deg);
  margin-left: -1.5em;
  width: 1.5em;
  text-align: right;
}
.comments .comments-list .comment-post .post-content .post-header .comment-complain {
  width: 1.5em;
  text-align: center;
  cursor: pointer;
}
.comments .comments-list .comment-post .post-content .post-header .comment-complain.active {
  color: rgb(255, 0, 0);
}
.comments .comments-list .comment-post .post-content .post-message {
  margin: 0.2em 0;
  font-size: 95%;
}
.comments .comments-list .comment-post .post-content .post-message a {
  color: rgb(77, 119, 204);
}
.comments .comments-list .comment-post .post-content .post-message a:hover {
  text-decoration: underline;
}
.comments .comments-list .comment-post .post-content .post-message .video-element {
  display: inline-block;
  position: relative;
  line-height: 0;
}
.comments .comments-list .comment-post .post-content .post-message .video-element .video-element-ancor {
  display: block;
}
.comments .comments-list .comment-post .post-content .post-message .video-element .video-element-ancor .video-element-image {
  border-radius: 4px;
}
.comments .comments-list .comment-post .post-content .post-message .video-element .video-element-ancor .video-element-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgb(255, 0, 0);
  font-size: 2.5em;
}
.comments .comments-list .comment-post .post-content .post-message quote, .comments .comments-list .comment-post .post-content .post-message blockquote, .comments .comments-list .comment-post .post-content .post-message .quote {
  color: #8f8f8f;
  padding-left: 1em;
  font-style: italic;
  font-size: 90%;
  display: block;
  border-left: 2px solid rgb(225, 225, 225);
  margin-left: 2em;
}
.comments .comments-list .comment-post .post-content .post-message quote:before, .comments .comments-list .comment-post .post-content .post-message blockquote:before, .comments .comments-list .comment-post .post-content .post-message .quote:before {
  position: relative;
  left: -2em;
  color: rgb(225, 225, 225);
  font-size: 150%;
}
.comments .comments-list .comment-post .post-content .post-footer {
  font-size: 80%;
  color: #8f8f8f;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 1em;
  --color-up: rgb(25, 135, 69);
  --color-down: rgb(200, 100, 100);
}
@media only screen and (max-width: 415px) {
  .comments .comments-list .comment-post .post-content .post-footer {
    flex-wrap: wrap;
  }
}
.comments .comments-list .comment-post .post-content .post-footer .comment-vote {
  display: inline-flex;
  align-items: center;
  gap: 0.15em;
}
.comments .comments-list .comment-post .post-content .post-footer .comment-vote .fa {
  font-size: 120%;
  width: 1.5em;
  text-align: center;
  cursor: pointer;
}
.comments .comments-list .comment-post .post-content .post-footer .comment-vote .fa.disabled {
  cursor: default;
  opacity: 0.3;
  --color-up: #8f8f8f;
  --color-down: #8f8f8f;
}
.comments .comments-list .comment-post .post-content .post-footer .comment-vote .fa-vote-up:hover {
  color: var(--color-up);
}
.comments .comments-list .comment-post .post-content .post-footer .comment-vote .fa-vote-down:hover {
  color: var(--color-down);
}
.comments .comments-list .comment-post .post-content .post-footer .comment-vote .vote-up {
  color: var(--color-up);
}
.comments .comments-list .comment-post .post-content .post-footer .comment-vote .vote-down {
  color: var(--color-down);
}
.comments .comments-list .comment-post .post-content .post-footer .footer-menu {
  flex-wrap: wrap;
}
.comments .comments-list .comment-post .post-content:hover .post-menu {
  opacity: 1;
}
.comments .comments-list .comment-post .post-content.post-owner {
  border-right: 2px solid rgb(77, 119, 204);
}
.comments .bullet {
  margin: 0 0.4em;
  font-size: 160%;
  line-height: 1;
  color: #c2c2c2;
}
.comments .logged-out {
  margin: 2em auto;
  text-align: center;
  width: 80%;
}
@media only screen and (max-width: 415px) {
  .comments .logged-out {
    width: 100%;
  }
}
.comments .reply-container {
  margin: 1rem 0.5rem;
  display: flex;
  align-items: flex-start;
}
.comments .reply-container.loading {
  opacity: 0.8;
}
.comments .reply-container .reply-form {
  flex-grow: 1;
  margin-left: 0.5em;
}
.comments .reply-container UL[role=error],
.comments .reply-container UL[role=attention] {
  margin-left: 0;
}

.comments-not-allowed {
  margin: 2em auto;
  font-size: 80%;
  color: #8f8f8f;
  font-style: italic;
}

.gallery-folder-header {
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
  align-items: stretch;
}
.gallery-folder-header .gallery-folder-name > SMALL {
  font-weight: normal;
}
.gallery-items, .uploaded-files {
  display: flex;
  justify-content: flex-start;
  flex-flow: row wrap;
  align-items: stretch;
}
.gallery-items .uploaded-file, .uploaded-files .uploaded-file {
  flex-basis: calc(25% - 1em);
  background: no-repeat center, center/cover;
  border-radius: 4px;
  position: relative;
  margin: 0.5em;
  height: 10em;
}
@media only screen and (max-width: 415px) {
  .gallery-items .uploaded-file, .uploaded-files .uploaded-file {
    flex-basis: calc(50% - 1em);
  }
}
.gallery-items .uploaded-file .edit-options, .uploaded-files .uploaded-file .edit-options {
  position: absolute;
  bottom: 0;
  padding: 0 0.5em;
}
.gallery-items .uploaded-file.error, .uploaded-files .uploaded-file.error {
  border: 1px solid rgb(255, 0, 0);
}
.gallery-items .uploaded-file.error .upload-error, .uploaded-files .uploaded-file.error .upload-error {
  color: rgb(200, 50, 50);
  text-align: center;
  padding: 1em;
  font-style: italic;
  font-size: 80%;
  margin-top: 10%;
}

.upload-progress {
  background-color: rgb(255, 255, 255);
  padding: 0;
  width: calc(25% - 3em);
  position: absolute;
  display: none;
}
@media only screen and (max-width: 415px) {
  .upload-progress {
    width: calc(50% - 3em);
  }
}
.upload-progress .progress-color {
  background-color: rgb(124, 165, 65);
  display: block;
  height: 1.4em;
  width: 0;
}
.upload-progress .progress-title {
  font-size: 80%;
  position: absolute;
  top: 0.2em;
  left: 0.5em;
  color: inherit;
  line-height: 1.3;
}

.upload-area {
  position: relative;
  background-color: rgba(223, 231, 242, 0.5);
  height: 5em;
  width: 100%;
  z-index: 2;
  border: 1px solid rgb(225, 225, 225);
  border-radius: 4px;
  transition: all 0.2s ease-out 0s;
  margin: 0.5em auto;
}
.upload-area > SPAN {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}

.upload-area:hover, .upload-area.hover {
  border: 1px solid rgba(77, 144, 254, 0.5);
}

.upload-button {
  position: relative;
  background-color: rgba(51, 122, 183, 0.9);
  color: rgb(255, 255, 255);
}
.upload-button:hover {
  background-color: rgba(45, 109, 163, 0.9);
}
.upload-button:active {
  background-color: rgba(40, 95, 143, 0.9);
}
.upload-button.button-border {
  border: 1px solid rgb(225, 225, 225);
}
.upload-button INPUT {
  cursor: pointer;
  position: absolute;
  width: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  margin: 0;
}

.event-element {
  margin: 0.8em 0;
}
.event-element SPAN, .event-element TIME {
  color: #8f8f8f;
  font-size: 90%;
}
.event-element H3, .event-element H4 {
  margin-left: 3em;
}
.event-element P {
  margin: 0 0 0 3.5em;
}
.event-element.export-event {
  font-size: 85%;
}

.friends-list .friend-row {
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
  align-items: center;
  margin: 1em 0;
  padding: 0.5em;
  border-top: 1px solid rgb(225, 225, 225);
}
.friends-list .friend-row:hover {
  background-color: rgb(248, 248, 248);
}
.friends-list .friend-row .friend-options A[role=button] {
  padding: 0.5em 0.75em 0.35em;
  margin: 0;
}
.friends-list .event-element TIME {
  margin-left: 4em;
}

.table, .table-games, .table-results-edit, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table, .table-points {
  display: flex;
  justify-content: flex-start;
  flex-flow: column nowrap;
  align-items: stretch;
}
.table .table-header, .table-games .table-header, .table-results-edit .table-header, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header, .table-points .table-header {
  display: flex;
  justify-content: flex-start;
  flex-flow: row nowrap;
  align-items: center;
  font-weight: bold;
  background-color: rgb(244, 244, 244);
  border-bottom: 1px solid rgb(225, 225, 225);
}
.table .table-header > *, .table-games .table-header > *, .table-results-edit .table-header > *, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > *, .table-points .table-header > * {
  flex-grow: 1;
  flex-basis: 0;
  padding: 0.3rem;
}
.table .table-header > *.flex-grow1, .table-games .table-header > *.flex-grow1, .table-results-edit .table-header > *.flex-grow1, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > *.flex-grow1, .table-points .table-header > *.flex-grow1 {
  flex-grow: 1;
  flex-basis: 0;
}
.table .table-header > *.flex-grow2, .table-games .table-header > *.flex-grow2, .table-results-edit .table-header > *.flex-grow2, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > *.flex-grow2, .table-points .table-header > *.flex-grow2, .table .content-default .table-header > .right-side, .table-games .content-default .table-header > .right-side, .table-results-edit .content-default .table-header > .right-side, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .content-default .table-header > .right-side, .table-points .content-default .table-header > .right-side, .content-default .table .table-header > .right-side, .content-default .table-games .table-header > .right-side, .content-default .table-results-edit .table-header > .right-side, .content-default .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > .right-side, .virtual-wrapper .content-virtual .virtual-forecast .content-default .forecast-table .table-header > .right-side, .content-default .table-points .table-header > .right-side {
  flex-grow: 2;
  flex-basis: 0;
}
.table .table-header > *.flex-grow3, .table-games .table-header > *.flex-grow3, .table-results-edit .table-header > *.flex-grow3, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > *.flex-grow3, .table-points .table-header > *.flex-grow3, .table .content-index .table-header > .left-side, .table-games .content-index .table-header > .left-side, .table-results-edit .content-index .table-header > .left-side, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .content-index .table-header > .left-side, .table-points .content-index .table-header > .left-side, .content-index .table .table-header > .left-side, .content-index .table-games .table-header > .left-side, .content-index .table-results-edit .table-header > .left-side, .content-index .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > .left-side, .virtual-wrapper .content-virtual .virtual-forecast .content-index .forecast-table .table-header > .left-side, .content-index .table-points .table-header > .left-side {
  flex-grow: 3;
  flex-basis: 0;
}
.table .table-header > *.flex-grow4, .table-games .table-header > *.flex-grow4, .table-results-edit .table-header > *.flex-grow4, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > *.flex-grow4, .table-points .table-header > *.flex-grow4 {
  flex-grow: 4;
  flex-basis: 0;
}
.table .table-header > *.flex-grow5, .table-games .table-header > *.flex-grow5, .table-results-edit .table-header > *.flex-grow5, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > *.flex-grow5, .table-points .table-header > *.flex-grow5, .table .content-index .table-header > .right-side, .table-games .content-index .table-header > .right-side, .table-results-edit .content-index .table-header > .right-side, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .content-index .table-header > .right-side, .table-points .content-index .table-header > .right-side, .content-index .table .table-header > .right-side, .content-index .table-games .table-header > .right-side, .content-index .table-results-edit .table-header > .right-side, .content-index .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > .right-side, .virtual-wrapper .content-virtual .virtual-forecast .content-index .forecast-table .table-header > .right-side, .content-index .table-points .table-header > .right-side {
  flex-grow: 5;
  flex-basis: 0;
}
.table .table-header > *.flex-grow6, .table-games .table-header > *.flex-grow6, .table-results-edit .table-header > *.flex-grow6, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > *.flex-grow6, .table-points .table-header > *.flex-grow6 {
  flex-grow: 6;
  flex-basis: 0;
}
.table .table-header > *.flex-grow7, .table-games .table-header > *.flex-grow7, .table-results-edit .table-header > *.flex-grow7, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > *.flex-grow7, .table-points .table-header > *.flex-grow7 {
  flex-grow: 7;
  flex-basis: 0;
}
.table .table-header > *.flex-grow8, .table-games .table-header > *.flex-grow8, .table-results-edit .table-header > *.flex-grow8, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > *.flex-grow8, .table-points .table-header > *.flex-grow8, .table .content-index .table-header > .middle-side, .table-games .content-index .table-header > .middle-side, .table-results-edit .content-index .table-header > .middle-side, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .content-index .table-header > .middle-side, .table-points .content-index .table-header > .middle-side, .content-index .table .table-header > .middle-side, .content-index .table-games .table-header > .middle-side, .content-index .table-results-edit .table-header > .middle-side, .content-index .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > .middle-side, .virtual-wrapper .content-virtual .virtual-forecast .content-index .forecast-table .table-header > .middle-side, .content-index .table-points .table-header > .middle-side {
  flex-grow: 8;
  flex-basis: 0;
}
.table .table-header .team-icon, .table-games .table-header .team-icon, .table-results-edit .table-header .team-icon, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header .team-icon, .table-points .table-header .team-icon {
  border: 0 none;
}
.table .table-header .fa, .table-games .table-header .fa, .table-results-edit .table-header .fa, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header .fa, .table-points .table-header .fa {
  font-size: 80%;
}
.table .table-row, .table-games .table-row, .table-results-edit .table-row, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row, .table-points .table-row {
  display: flex;
  justify-content: flex-start;
  flex-flow: row nowrap;
  align-items: center;
}
.table .table-row:nth-child(2n+1), .table-games .table-row:nth-child(2n+1), .table-results-edit .table-row:nth-child(2n+1), .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row:nth-child(2n+1), .table-points .table-row:nth-child(2n+1) {
  background-color: rgb(248, 248, 248);
}
.table .table-row > *, .table-games .table-row > *, .table-results-edit .table-row > *, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > *, .table-points .table-row > * {
  flex-grow: 1;
  flex-basis: 0;
  padding: 0.3rem;
}
.table .table-row > *.flex-grow1, .table-games .table-row > *.flex-grow1, .table-results-edit .table-row > *.flex-grow1, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > *.flex-grow1, .table-points .table-row > *.flex-grow1 {
  flex-grow: 1;
  flex-basis: 0;
}
.table .table-row > *.flex-grow2, .table-games .table-row > *.flex-grow2, .table-results-edit .table-row > *.flex-grow2, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > *.flex-grow2, .table-points .table-row > *.flex-grow2, .table .content-default .table-row > .right-side, .table-games .content-default .table-row > .right-side, .table-results-edit .content-default .table-row > .right-side, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .content-default .table-row > .right-side, .table-points .content-default .table-row > .right-side, .content-default .table .table-row > .right-side, .content-default .table-games .table-row > .right-side, .content-default .table-results-edit .table-row > .right-side, .content-default .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > .right-side, .virtual-wrapper .content-virtual .virtual-forecast .content-default .forecast-table .table-row > .right-side, .content-default .table-points .table-row > .right-side {
  flex-grow: 2;
  flex-basis: 0;
}
.table .table-row > *.flex-grow3, .table-games .table-row > *.flex-grow3, .table-results-edit .table-row > *.flex-grow3, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > *.flex-grow3, .table-points .table-row > *.flex-grow3, .table .content-index .table-row > .left-side, .table-games .content-index .table-row > .left-side, .table-results-edit .content-index .table-row > .left-side, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .content-index .table-row > .left-side, .table-points .content-index .table-row > .left-side, .content-index .table .table-row > .left-side, .content-index .table-games .table-row > .left-side, .content-index .table-results-edit .table-row > .left-side, .content-index .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > .left-side, .virtual-wrapper .content-virtual .virtual-forecast .content-index .forecast-table .table-row > .left-side, .content-index .table-points .table-row > .left-side {
  flex-grow: 3;
  flex-basis: 0;
}
.table .table-row > *.flex-grow4, .table-games .table-row > *.flex-grow4, .table-results-edit .table-row > *.flex-grow4, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > *.flex-grow4, .table-points .table-row > *.flex-grow4 {
  flex-grow: 4;
  flex-basis: 0;
}
.table .table-row > *.flex-grow5, .table-games .table-row > *.flex-grow5, .table-results-edit .table-row > *.flex-grow5, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > *.flex-grow5, .table-points .table-row > *.flex-grow5, .table .content-index .table-row > .right-side, .table-games .content-index .table-row > .right-side, .table-results-edit .content-index .table-row > .right-side, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .content-index .table-row > .right-side, .table-points .content-index .table-row > .right-side, .content-index .table .table-row > .right-side, .content-index .table-games .table-row > .right-side, .content-index .table-results-edit .table-row > .right-side, .content-index .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > .right-side, .virtual-wrapper .content-virtual .virtual-forecast .content-index .forecast-table .table-row > .right-side, .content-index .table-points .table-row > .right-side {
  flex-grow: 5;
  flex-basis: 0;
}
.table .table-row > *.flex-grow6, .table-games .table-row > *.flex-grow6, .table-results-edit .table-row > *.flex-grow6, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > *.flex-grow6, .table-points .table-row > *.flex-grow6 {
  flex-grow: 6;
  flex-basis: 0;
}
.table .table-row > *.flex-grow7, .table-games .table-row > *.flex-grow7, .table-results-edit .table-row > *.flex-grow7, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > *.flex-grow7, .table-points .table-row > *.flex-grow7 {
  flex-grow: 7;
  flex-basis: 0;
}
.table .table-row > *.flex-grow8, .table-games .table-row > *.flex-grow8, .table-results-edit .table-row > *.flex-grow8, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > *.flex-grow8, .table-points .table-row > *.flex-grow8, .table .content-index .table-row > .middle-side, .table-games .content-index .table-row > .middle-side, .table-results-edit .content-index .table-row > .middle-side, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .content-index .table-row > .middle-side, .table-points .content-index .table-row > .middle-side, .content-index .table .table-row > .middle-side, .content-index .table-games .table-row > .middle-side, .content-index .table-results-edit .table-row > .middle-side, .content-index .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > .middle-side, .virtual-wrapper .content-virtual .virtual-forecast .content-index .forecast-table .table-row > .middle-side, .content-index .table-points .table-row > .middle-side {
  flex-grow: 8;
  flex-basis: 0;
}
.table .table-row > * .team-icon, .table-games .table-row > * .team-icon, .table-results-edit .table-row > * .team-icon, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > * .team-icon, .table-points .table-row > * .team-icon {
  width: 1.6rem;
  height: 1.2rem;
  object-fit: contain;
  vertical-align: middle;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.table .table-row:hover, .table-games .table-row:hover, .table-results-edit .table-row:hover, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row:hover, .table-points .table-row:hover {
  background-color: #f3f3f3;
}

.table-points {
  font-size: 95%;
}
.table-points.index-long .table-row:nth-child(2) > *, .table-points.index-long .table-row:nth-child(3) > *, .table-points.index-long .table-row:nth-child(4) > * {
  font-weight: normal;
}
.table-points.index-long .table-header {
  cursor: pointer;
}
.table-points.index-long .team-icon {
  width: 1.2rem;
  height: 0.9rem;
}
.table-points.index-long .table-body {
  height: 9rem;
  overflow: hidden;
  transition: all 0.2s ease-out 0s;
}
.table-points.index-long.collapsed .table-body {
  height: 0;
}
.table-points .table-header > *, .table-points .table-row > * {
  padding: 0.4rem 0.2rem;
}
.table-points .table-header > *:nth-child(1), .table-points .table-header > *:nth-child(3), .table-points .table-header > *:nth-child(4), .table-points .table-header > *:nth-child(5), .table-points .table-header > *:nth-child(6), .table-points .table-header > *:nth-child(7), .table-points .table-header > *:nth-child(8), .table-points .table-header > *:nth-child(9), .table-points .table-header > *:nth-child(10), .table-points .table-row > *:nth-child(1), .table-points .table-row > *:nth-child(3), .table-points .table-row > *:nth-child(4), .table-points .table-row > *:nth-child(5), .table-points .table-row > *:nth-child(6), .table-points .table-row > *:nth-child(7), .table-points .table-row > *:nth-child(8), .table-points .table-row > *:nth-child(9), .table-points .table-row > *:nth-child(10) {
  text-align: center;
}
.table-points .table-row:nth-child(2) > *, .table-points .table-row:nth-child(3) > *, .table-points .table-row:nth-child(4) > * {
  font-weight: bold;
}
.table-points .table-row:nth-child(2) > *:nth-child(1), .table-points .table-row:nth-child(3) > *:nth-child(1), .table-points .table-row:nth-child(4) > *:nth-child(1) {
  border-left: 2px solid rgb(124, 165, 65);
}
.table-points .table-row:nth-last-child(1) > *:nth-child(1), .table-points .table-row:nth-last-child(2) > *:nth-child(1) {
  border-left: 2px solid rgb(220, 50, 50);
}

.table-games .table-header > *, .table-results-edit .table-header > *, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > * {
  padding: 0.4rem;
}
.table-games .table-row > *, .table-results-edit .table-row > *, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > * {
  padding: 0.4rem;
}
.table-games .table-row > *:nth-child(1), .table-results-edit .table-row > *:nth-child(1), .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > *:nth-child(1) {
  text-align: right;
  justify-content: flex-end;
}
.table-games .table-row > *:nth-child(2), .table-results-edit .table-row > *:nth-child(2), .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > *:nth-child(2) {
  text-align: center;
  font-weight: bold;
}
.table-games .table-row > *.game-date, .table-results-edit .table-row > *.game-date, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > *.game-date {
  font-size: 80%;
}
.table-games .table-row + .table-header, .table-results-edit .table-row + .table-header, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row + .table-header {
  margin-top: 2rem;
}

.table-champs, .table-results {
  display: flex;
  justify-content: flex-start;
  flex-flow: column nowrap;
  align-items: stretch;
}
.table-champs .champ-header, .table-results .champ-header {
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
  align-items: center;
  background-color: rgb(244, 244, 244);
  border-bottom: 1px solid rgb(225, 225, 225);
  padding: 0.4rem;
}
.table-champs .champ-row, .table-results .champ-row {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  align-items: center;
  padding: 0 1rem;
  margin-bottom: 2rem;
}
.table-champs .champ-row > *, .table-results .champ-row > * {
  -webkit-flex-basis: 49.5%;
  flex-basis: 49.5%;
}
.table-champs .champ-row .game-date, .table-results .champ-row .game-date {
  color: #8f8f8f;
  font-size: 90%;
  text-transform: uppercase;
  padding: 0.4rem;
  border-bottom: 1px solid rgb(225, 225, 225);
  font-family: "Roboto", sans-serif;
}
.table-champs .champ-row .game-row, .table-results .champ-row .game-row {
  padding: 0.4rem;
  border-bottom: 1px solid rgb(244, 244, 244);
}
.table-champs .champ-row .game-row .team-icon, .table-results .champ-row .game-row .team-icon {
  width: 1.6rem;
  height: 1.2rem;
  object-fit: contain;
  vertical-align: middle;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin: 0 0.2rem;
}
@media only screen and (max-width: 415px) {
  .table-champs .champ-row .game-row SPAN, .table-results .champ-row .game-row SPAN {
    display: block;
  }
}
.table-champs .champ-row .game-row TIME, .table-results .champ-row .game-row TIME {
  color: rgb(200, 200, 100);
  font-size: 80%;
  margin-right: 0.5rem;
}
@media only screen and (max-width: 415px) {
  .table-champs .champ-row .game-row TIME, .table-results .champ-row .game-row TIME {
    display: block;
  }
}
.table-champs .champ-row .game-row B, .table-results .champ-row .game-row B {
  font-size: 90%;
  margin: 0 0.6rem;
}
.table-champs .champ-row .game-row:hover, .table-results .champ-row .game-row:hover {
  background-color: #f3f3f3;
}
.table-champs .champ-row .game-row:last-child, .table-results .champ-row .game-row:last-child {
  border-bottom-color: transparent;
}
@media only screen and (max-width: 415px) {
  .table-champs .champ-row .game-row, .table-results .champ-row .game-row {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    text-align: center;
  }
}
.table-champs .empty-tip, .table-results .empty-tip {
  margin: 3rem auto;
  font-size: 80%;
}

#table-games-list-edit .table-game-edit {
  margin: 1rem 0;
  padding: 1rem;
  border-bottom: 1px solid #b4b4b4;
}
#table-games-list-edit .table-game-edit:nth-child(2n-1) {
  background-color: rgb(248, 248, 248);
}

.table-results-edit, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table {
  display: block;
}
.table-results-edit .champ-header, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .champ-header {
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
  align-items: center;
  padding: 0.4rem;
}
.table-results-edit .table-header > *.game-points, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > *.game-points {
  text-align: center;
}
.table-results-edit .table-row > *.game-points, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > *.game-points {
  text-align: center;
}
.table-results-edit .table-row > * INPUT, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > * INPUT {
  padding: 0.2rem 0.6rem;
  width: 3rem;
}
.table-results-edit .table-row .text-field, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row .text-field, .table-results-edit .table-row .radio-field, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row .radio-field, .table-results-edit .table-row .select-field, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row .select-field, .table-results-edit .table-row .editor-field, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row .editor-field {
  margin-bottom: 0;
}
.table-results-edit BUTTON, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table BUTTON {
  margin-bottom: 1rem;
}

.table-results .result-row {
  display: flex;
  justify-content: flex-start;
  flex-flow: row nowrap;
  align-items: center;
}
.table-results .result-row:nth-child(2n+1) {
  background-color: rgb(248, 248, 248);
}
.table-results .result-row:nth-child(2) > *:nth-child(1), .table-results .result-row:nth-child(3) > *:nth-child(1), .table-results .result-row:nth-child(4) > *:nth-child(1) {
  border-left: 2px solid rgb(124, 165, 65);
}
.table-results .result-row > * {
  flex-grow: 1;
  flex-basis: 0;
  padding: 0.4rem 0.2rem;
}
.table-results .result-row > *:nth-child(1) {
  font-size: 90%;
}
.table-results .result-row > *:nth-child(1), .table-results .result-row > *:nth-child(3), .table-results .result-row > *:nth-child(4), .table-results .result-row > *:nth-child(5), .table-results .result-row > *:nth-child(6), .table-results .result-row > *:nth-child(7) {
  text-align: center;
}
.table-results .result-row:hover {
  background-color: #f3f3f3;
}
.table-results .result-row .user-row {
  flex-grow: 5;
  flex-basis: 0;
}
.table-results .result-row .user-row .row-avatar {
  width: 2rem;
  height: 2rem;
}

.tags-cloud {
  background-color: rgb(255, 255, 255);
  padding: 1em;
  font-family: "Roboto", sans-serif;
}
.tags-cloud a {
  color: rgb(77, 119, 204);
  margin: 0 0.2em;
  line-height: 1;
}
.tags-cloud a:hover {
  color: rgb(66, 66, 66) !important;
}

.tag-description {
  margin-bottom: 2em;
}

.calendar {
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
  align-items: center;
  width: 90%;
  margin: 3em auto;
}
.calendar .calendar-month {
  margin: 0 1em;
}
.calendar .calendar-month .month-name {
  text-align: center;
}
.calendar .calendar-month .calendar-weekday > SPAN {
  text-align: center;
  font-size: 90%;
  margin: 0 0.64%;
  padding: 0.5em;
  width: 13%;
  display: inline-block;
  color: #8f8f8f;
}
.calendar .calendar-month .calendar-days > DIV, .calendar .calendar-month .calendar-days > A {
  border-radius: 2px;
  display: inline-block;
  margin: 0.64%;
  padding: 0.5em;
  width: 13%;
  font-size: 80%;
  color: inherit;
}
.calendar .calendar-month .calendar-days > DIV.holiday, .calendar .calendar-month .calendar-days > A.holiday {
  color: #F6532F;
}
.calendar .calendar-month .calendar-days > A:hover {
  background-color: rgb(248, 248, 248);
}
.calendar .calendar-month .calendar-days > *:not(.empty) {
  border: 1px solid #eeeeee;
}
.calendar .calendar-month .calendar-days .green {
  background-color: rgba(126, 211, 33, 0.3);
}
.calendar .calendar-month .calendar-days .yellow {
  background-color: rgba(255, 211, 33, 0.3);
}
.calendar .calendar-month .calendar-days .red {
  background-color: rgba(255, 80, 33, 0.3);
}
.calendar .calendar-month .calendar-days .today {
  background-color: rgb(248, 248, 248);
}
.calendar .fa-angle-left,
.calendar .fa-angle-right {
  font-size: 300%;
}

.poll {
  padding: 1em;
}
@media only screen and (min-width: 1024px) {
  .poll {
    width: 80%;
    margin: 1.5em;
  }
}
.poll.poll-export {
  width: 100%;
  margin: 0.5em 0;
  padding: 0;
}
.poll .poll-header {
  margin: 0.5em 0;
}
.poll .Bookmarks_Content {
  animation-delay: 0ms;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  display: none;
}
.poll .Bookmarks_Content.selected {
  display: block;
}
.poll .poll-questions {
  font-size: 95%;
}
.poll .poll-answers {
  font-size: 95%;
}
.poll .poll-answers .answer-elem {
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
  align-items: stretch;
}
.poll .poll-answers .answer-elem .answer-value {
  position: relative;
  flex-grow: 1;
  margin: 0.1em 0;
}
.poll .poll-answers .answer-elem .answer-value .answer-text {
  position: relative;
  z-index: 2;
  padding: 0.2em 0.6em;
}
.poll .poll-answers .answer-elem .answer-value .answer-bg {
  position: absolute;
  background-color: rgb(253, 233, 153);
  height: 100%;
  top: 0;
}
.poll .poll-footer {
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
  align-items: center;
  margin-top: 0.5em;
}
.poll .poll-footer > DIV:last-child {
  font-size: 80%;
  color: #8f8f8f;
}

.comment-now {
  background-color: rgb(255, 255, 255);
  padding: 1em;
}
.comment-now .comment {
  display: flex;
  justify-content: flex-start;
  flex-flow: row nowrap;
  align-items: center;
  margin: 0.5em 0;
  font-size: 90%;
}
@media only screen and (max-width: 415px) {
  .comment-now .comment {
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
}
.comment-now .comment .user-row {
  -webkit-flex-basis: 15em;
  flex-basis: 15em;
  min-width: 15em;
}
.comment-now .comment TIME {
  -webkit-flex-basis: 10em;
  flex-basis: 10em;
  min-width: 10em;
  color: #8f8f8f;
  font-size: 90%;
}

.scroll {
  margin: 1.5em;
}
.scroll A, .scroll SPAN {
  border: 1px solid rgb(225, 225, 225);
  border-radius: 4px;
  color: #8f8f8f;
  display: inline-block;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  text-align: center;
  text-decoration: none;
  width: 2.5em;
  line-height: 2em;
}
.scroll A:hover, .scroll SPAN:hover {
  background-color: rgb(244, 244, 244);
}
.scroll SPAN {
  background-color: rgb(244, 244, 244);
}

.page-error {
  background-color: rgb(244, 244, 244);
  min-height: 80%;
  padding: 3em 5em;
  font-size: 300%;
  position: relative;
}
@media only screen and (max-width: 800px) {
  .page-error {
    padding: 1em 0.5em;
    overflow: hidden;
  }
}
.page-error:after {
  content: "";
  background-color: rgb(254, 199, 34);
  height: 100%;
  left: -4em;
  width: 11em;
  transform: skew(-30deg);
  position: absolute;
  top: 0;
}
.page-error > * {
  position: relative;
  z-index: 2;
}
.page-error > DIV.small {
  font-size: 60%;
}
.page-error > A {
  font-size: 40%;
}
.page-error .button-section {
  border-top: 0 none;
  font-size: 35%;
}

.virtual-wrapper .champ-header {
  margin: 0.5em 0;
}
.virtual-wrapper .content-virtual {
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
  align-items: stretch;
}
@media only screen and (max-width: 800px) {
  .virtual-wrapper .content-virtual {
    flex-wrap: wrap;
  }
}
.virtual-wrapper .content-virtual > DIV {
  flex-basis: calc(240px + 2em) !important;
}
.virtual-wrapper .content-virtual .virtual-forecast {
  min-width: calc(65% - 1.5em);
  margin-right: 1.5em;
}
@media only screen and (max-width: 800px) {
  .virtual-wrapper .content-virtual .virtual-forecast {
    min-width: 100%;
  }
}
.virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row .text-field, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row .radio-field, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row .select-field, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row .editor-field {
  display: flex;
  justify-content: center;
  flex-flow: row nowrap;
  align-items: center;
}
.virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row .text-field .text-field__wrapper, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row .radio-field .text-field__wrapper, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row .select-field .text-field__wrapper, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row .editor-field .text-field__wrapper {
  display: flex;
  justify-content: center;
  flex-flow: row nowrap;
  align-items: center;
}
.virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row .text-field .text-field__wrapper .text-field__buttons, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row .radio-field .text-field__wrapper .text-field__buttons, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row .select-field .text-field__wrapper .text-field__buttons, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row .editor-field .text-field__wrapper .text-field__buttons {
  display: flex;
  justify-content: center;
  flex-flow: column nowrap;
  align-items: center;
}
.virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row .text-field .text-field__wrapper .text-field__buttons A, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row .radio-field .text-field__wrapper .text-field__buttons A, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row .select-field .text-field__wrapper .text-field__buttons A, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row .editor-field .text-field__wrapper .text-field__buttons A {
  padding: 0.3em 0.6em;
}
.virtual-wrapper .content-virtual .virtual-table {
  min-width: 35%;
}
.virtual-wrapper .content-virtual .virtual-table .table-row > *:nth-child(2):before {
  content: "";
  display: inline-block;
  transform: rotate(90deg);
  width: 1em;
}
.virtual-wrapper .content-virtual .virtual-table .table-row.move-up {
  transition: background-color 0.5s;
}
.virtual-wrapper .content-virtual .virtual-table .table-row.move-up.move-color {
  transition: background-color 0.2s;
  background-color: rgba(25, 135, 69, 0.5);
}
.virtual-wrapper .content-virtual .virtual-table .table-row.move-up > *:nth-child(2):before {
  content: "\f104";
  color: rgb(25, 135, 69);
  transform: rotate(90deg);
}
.virtual-wrapper .content-virtual .virtual-table .table-row.move-down {
  transition: background-color 0.5s;
}
.virtual-wrapper .content-virtual .virtual-table .table-row.move-down.move-color {
  transition: background-color 0.2s;
  background-color: rgba(220, 50, 50, 0.5);
}
.virtual-wrapper .content-virtual .virtual-table .table-row.move-down > *:nth-child(2):before {
  content: "\f104";
  color: rgb(220, 50, 50);
  transform: rotate(-90deg);
  padding-bottom: 0.3em;
}

@font-face {
  font-family: "HeliosCondBlack";
  src: url("/fonts/HeliosCondBlackC.otf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "HeliosCondBold";
  src: url("/fonts/HeliosCondC-Bold.otf");
  font-style: normal;
  font-weight: bold;
}
@media only screen and (max-width: 415px) {
  .league-table .champ-row > * {
    flex-basis: 30%;
  }
}
.league-table .champ-row > DIV:nth-child(2) {
  display: flex;
  align-items: stretch;
  padding: 0.4em;
}
.league-table .champ-row > DIV:nth-child(2) .ls_logo {
  background: transparent url("/data/liga-stavok__logo.png") no-repeat center center/contain;
  min-width: 4em;
  margin: 0 0.5em;
}
.league-table .champ-row > DIV:nth-child(2) .ls_button {
  font-family: "HeliosCondBold", "RobotoLight", sans-serif;
  background-color: rgb(229, 235, 78);
  color: rgb(0, 0, 0);
  padding: 0.4em 0.6em 0.2em;
  border-radius: 2px;
  text-transform: uppercase;
  white-space: nowrap;
}
.league-table .champ-row .game-row {
  flex-basis: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 3;
  flex-wrap: wrap;
}
@media only screen and (max-width: 415px) {
  .league-table .champ-row .game-row SPAN {
    display: inline-block;
  }
}
@media only screen and (max-width: 415px) {
  .league-table .champ-row .game-row TIME {
    display: inline-block;
  }
}
.league-table .champ-row .game-row .ls_bets {
  display: flex;
  align-items: stretch;
  line-height: 2;
  flex-wrap: wrap;
}
.league-table .champ-row .game-row .ls_bets .ls_plate {
  min-width: 5em;
  text-align: center;
}
.league-table .champ-row .game-row .ls_bets .ls_plate:hover {
  background-color: rgb(229, 235, 78);
  color: rgb(66, 66, 66);
  border-radius: 2px;
}

.match-calendar {
  display: flex;
}

.country {
  display: flex;
  align-items: center;
  gap: 1rem;
  background-color: rgb(244, 244, 244);
  padding: 0.5rem;
  position: relative;
  overflow: hidden;
}
.country:after {
  content: "";
  background-color: rgb(254, 199, 34);
  height: 100%;
  right: -1em;
  width: 5em;
  transform: skew(-30deg);
  position: absolute;
  top: 0;
}
.country:not(:first-child) {
  margin-top: 2rem;
}
.country .country-image {
  height: 1rem;
}
.league + .league {
  margin-top: 2rem;
}
.league .league-head {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
  padding: 0.5rem;
  margin-bottom: 1rem;
  background-color: rgb(248, 248, 248);
  border-top: 1px solid rgb(225, 225, 225);
}
.league .league-head .league-image {
  height: 2rem;
}
.league .league-head .league-time {
  flex-grow: 1;
  text-align: right;
  color: rgb(200, 200, 100);
  font-size: 80%;
  align-self: center;
}
.league .empty-tip {
  margin: 1rem auto;
}
.league .games {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2rem;
}
.league .games .game {
  flex-grow: 1;
  flex-basis: 48%;
  max-width: 48%;
  padding: 0.5rem;
  border-bottom: 1px solid rgb(225, 225, 225);
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
}
.league .games .game:hover {
  background-color: rgb(248, 248, 248);
}
.league .games .game .game-time {
  color: rgb(200, 200, 100);
  font-size: 80%;
  align-self: center;
}
.league .games .game .team-logo {
  height: 1.5rem;
}
.league .games .game .game-score {
  font-weight: bold;
}
.league .games .game .live-badge {
  margin-left: auto;
}

.live-badge {
  padding: 0.3em 0.6em;
  background-color: rgb(230, 50, 50);
  line-height: 1;
  border-radius: 4px;
  color: #fff;
  font-size: 80%;
}

.one-game {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.one-game .league-head {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  gap: 1rem;
}
.one-game .league-head .league-name-wrapper {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.one-game .league-head .league-image {
  height: 3rem;
}
.one-game .league-head .league-time {
  text-align: right;
  color: rgb(200, 200, 100);
  font-size: 80%;
  align-self: center;
}
.one-game .teams {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4rem;
}
.one-game .teams .team {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  min-width: 17rem;
}
.one-game .teams .team .team-logo {
  height: 5rem;
}
.one-game .teams .game-state {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.one-game .teams .game-state .status {
  font-size: 80%;
  color: #8f8f8f;
}
.one-game .teams .game-state .game-score {
  padding: 0.8rem 1.6rem;
  background-color: rgb(244, 244, 244);
  font-weight: bold;
  border-radius: 14px;
  font-size: 120%;
}

.game-events {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.game-events > div {
  flex-basis: 45%;
}
.game-events > div:nth-child(2n+1) {
  border-right: 1px solid rgb(225, 225, 225);
}
.game-events .event {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 0.2rem 0.5rem;
  min-height: 2.4em;
}
.game-events .event b {
  font-size: 120%;
  min-width: 2rem;
}
.game-events .event.event-left {
  justify-content: flex-end;
}
.game-events .event.event-left b {
  text-align: right;
}
.game-events .event.event-right {
  justify-content: flex-start;
}
.game-events .event .event-type__icon {
  height: 1.2em;
}

.game-lineups {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.game-lineups .lineup {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.game-lineups .lineup.lineup-left .lineup-player b {
  margin-left: auto;
}
.game-lineups .lineup.lineup-right .lineup-player {
  justify-content: flex-end;
}
.game-lineups .lineup.lineup-right .lineup-player b {
  margin-right: auto;
}
.game-lineups .lineup-player {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.3rem 0.8rem;
  border: 1px solid rgb(225, 225, 225);
  border-radius: 4px;
  min-width: 22rem;
}
.game-lineups .lineup-player b {
  font-size: 120%;
}
.game-lineups .lineup-player img {
  height: 3rem;
}

.gift-banner {
  --color-background: #000000;
  --color-primary: #34A836;
  --color-button--hover: #004B1E;
}
@media only screen and (min-width: 1024px) {
  .gift-banner {
    position: relative;
  }
}
@media only screen and (max-width: 600px) {
  .gift-banner {
    margin-right: 1em;
  }
}
.gift-banner .fa-gift {
  cursor: pointer;
  background-color: var(--color-primary);
  color: var(--color-background);
  border-radius: 50%;
  padding: 0.5em 0.549em;
}
.gift-banner .fa-gift .pointer {
  display: none;
  border-bottom-color: var(--color-background);
}
@media only screen and (min-width: 1024px) {
  .gift-banner .fa-gift.selected .pointer {
    display: block;
  }
}
.gift-banner DIV[role=dialog] {
  right: -6em;
  top: 2.6em;
  min-width: 18em;
  background: var(--color-background);
  border: 0 none;
  padding: 0.3rem;
  border-radius: 8px;
  transition: all 0.2s ease-out 0s;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-20%);
}
@media only screen and (max-width: 600px) {
  .gift-banner DIV[role=dialog] {
    right: 1.5em;
    left: 1.5em;
    top: 7em;
  }
}
.gift-banner DIV[role=dialog].selected {
  visibility: visible;
  opacity: 1;
  transform: translateX(0);
}
.gift-banner DIV[role=dialog] .banner__body {
  line-height: 0;
  text-transform: none;
  position: relative;
  min-height: 2rem;
}
.gift-banner DIV[role=dialog] .banner__body .banner__image {
  width: 100%;
}
.gift-banner DIV[role=dialog] .banner__body .fa-close {
  position: absolute;
  top: -0.5em;
  right: -0.5em;
  cursor: pointer;
  color: #FFFFFF;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  width: 1.5em;
  height: 1.5em;
  transition: background-color 0.2s ease;
  font-size: 80%;
}
.gift-banner DIV[role=dialog] .banner__body .fa-close:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.gift-banner DIV[role=dialog] .banner__body .flex-row {
  align-items: flex-end;
  margin-top: 1em;
}
.gift-banner DIV[role=dialog] .banner__body .flex-row .banner__text {
  font-size: 14px;
  font-weight: bold;
}
.gift-banner DIV[role=dialog] .banner__body .flex-row .banner__text SPAN {
  color: var(--color-primary);
}
.gift-banner DIV[role=dialog] .banner__body .flex-row A[role=button] {
  background-color: var(--color-primary);
  color: #FFFFFF;
  padding: 0.6em 1.3em;
  font-size: 12px;
  border-radius: 1.2em;
  letter-spacing: inherit;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  margin: 0.5em 0 0;
}
.gift-banner DIV[role=dialog] .banner__body .flex-row A[role=button]:hover {
  background-color: var(--color-button--hover);
}

.sitemap {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.sitemap div {
  flex: 1 1 calc(50% - 1rem);
}
@media only screen and (max-width: 415px) {
  .sitemap div {
    flex: 1 1 100%;
  }
}
.sitemap h2 {
  border-bottom: 1px solid rgb(225, 225, 225);
}
.sitemap ul {
  list-style: none;
  padding-left: 1rem;
  margin-bottom: 2rem;
}
.sitemap ul.flex {
  display: flex;
  flex-wrap: wrap;
}
.sitemap ul.flex li {
  flex-basis: 45%;
}
.sitemap ul li {
  margin: 0.25rem 0;
}

.teams-list {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: space-between;
}
.teams-list .list-team {
  display: flex;
  gap: 1rem;
  flex-basis: 32%;
  padding: 1rem;
  border: 1px solid rgb(225, 225, 225);
  border-radius: 4px;
}
.teams-list .list-team:hover {
  background-color: #FAFAFA;
  border-color: rgb(254, 199, 34);
}
.teams-list .list-team .team-image-wrapper {
  flex-basis: 25%;
}
.teams-list .list-team .team-image-wrapper img {
  width: 100%;
}
.teams-list .list-team .team-header-wrapper h3 {
  font-size: 20px;
}
.teams-list .list-team .team-desc-wrapper {
  display: flex;
  flex-direction: column;
}
.teams-list .list-team .team-desc-wrapper .team-desc {
  font-size: 12px;
}

.one-team {
  display: flex;
  gap: 3rem;
  margin-bottom: 2rem;
}
.one-team .team-image-wrapper {
  flex-basis: 20%;
}
.one-team .team-image-wrapper img {
  width: 130px;
}
.one-team .team-desc-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.players-list {
  display: flex;
  gap: 1rem;
  margin-bottom: 4rem;
  flex-wrap: wrap;
}
.players-list .list-player {
  flex-basis: 18%;
  padding: 0.75rem;
  border: 1px solid rgb(225, 225, 225);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.players-list .list-player:hover {
  background-color: #FAFAFA;
  border-color: rgb(254, 199, 34);
}
.players-list .list-player .player-image-wrapper img {
  border-radius: 4px;
  min-height: 160px;
  width: 100%;
  object-fit: cover;
}
.players-list .list-player .player-desc {
  font-size: 12px;
}

.one-player {
  display: flex;
  margin-bottom: 2rem;
}
.one-player .player-image-wrapper {
  flex-basis: 25%;
  padding: 0 1rem;
}
.one-player .player-image-wrapper img {
  border-radius: 4px;
  max-height: 160px;
  object-fit: cover;
}
.one-player .player-desc-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.index-seo {
  font-size: 12px;
  background-color: rgb(255, 255, 255);
  padding: 1rem 2rem;
}