@font-face {
  font-family: "RobotoLight";
  src: url("/fonts/RobotoLight.eot");
  src: url("/fonts/RobotoLight.eot?#iefix") format("embedded-opentype"), url("/fonts/RobotoLight.woff") format("woff"), url("/fonts/RobotoLight.ttf") format("truetype");
  font-style: normal;
  font-weight: 300; }
@font-face {
  font-family: "Roboto";
  src: url("/fonts/RobotoRegular.eot");
  src: url("/fonts/RobotoRegular.eot?#iefix") format("embedded-opentype"), url("/fonts/RobotoRegular.woff") format("woff"), url("/fonts/RobotoRegular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }
@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; }
.fa, .blog-element QUOTE:before, .element-source A:after, .element-options .element-stars .one-star, .comments .comments-list .comment-post .post-content .post-header .post-menu > A, .comments .comments-list .comment-post .post-content .post-header .comment-complain, .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-message QUOTE:before, .virtual-wrapper .content-virtual .virtual-table .table-row > :nth-child(2):before {
  display: inline-block;
  font: normal normal normal 14px/1 bobsoccer;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* 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; }

.fa-fw, .element-source A:after {
  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; }

/*
   Animation example, for spinners
*/
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block; }

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

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

.fa-insert {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  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, .blog-element QUOTE:before, .comments .comments-list .comment-post .post-content .post-message 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 > A.post-expand:before {
  content: '\f067'; }

.fa-minus:before, .comments .comments-list .comment-post .post-content .post-header .post-menu > A.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: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: stretch;
  align-items: stretch; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.content-background {
  background-color: #1f1f1f;
  padding: 10em 0 0;
  position: relative; }
  @media only screen and (max-width: 800px) {
    .content-background {
      background-size: 150% !important;
      padding-top: 9em; } }
  @media only screen and (max-width: 415px) {
    .content-background {
      padding-top: 7em; } }
  @media only screen and (max-width: 415px) {
    .content-background .page-size {
      padding: 0; } }

.content-index {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: stretch;
  align-items: stretch; }
  @media only screen and (max-width: 800px) {
    .content-index {
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .content-index > DIV {
    background-color: white;
    padding: 1em;
    -webkit-flex-basis: calc(240px + 2em) !important;
    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: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: stretch;
  align-items: stretch; }
  @media only screen and (max-width: 800px) {
    .content-default {
      flex-wrap: wrap; } }
  .content-default > DIV {
    background-color: white;
    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: "RobotoLight", sans-serif;
  color: #424242;
  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: #4d77cc; }
  A.color {
    color: #4d77cc; }
    A.color:hover {
      color: #424242; }
  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; }

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: 1200px;
  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: white;
  overflow: hidden; }
  .banner-place > * {
    margin: 0 auto; }

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

.catfish-place__top {
  width: 100%;
  position: relative;
  z-index: 160;
  background-color: white;
  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: white;
  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 whitesmoke;
    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 whitesmoke;
    top: -0.6em; }

DIV[role="dialog"] {
  position: absolute;
  background-color: whitesmoke;
  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: #198745; }

.color-red {
  color: #dc3232; }

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

.fadeIn, .poll .Bookmarks_Content.selected {
  animation-name: fadeIn !important;
  -webkit-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;
  -webkit-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;
  -webkit-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;
  -webkit-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;
  -webkit-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;
  -webkit-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;
  -webkit-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;
  -webkit-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;
  -webkit-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;
  -webkit-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;
  -webkit-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;
  -webkit-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;
  -webkit-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;
  -webkit-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;
  -webkit-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;
  -webkit-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;
  -webkit-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;
  -webkit-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;
  -webkit-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;
  -webkit-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;
  -webkit-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="error"], UL[role="attention"], UL[role="message"], UL[role="info"] {
  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="error"], UL[role="attention"], UL[role="message"], UL[role="info"] {
      width: 100%; } }

UL[role="error"] {
  color: #a94442;
  background-color: #f2dede;
  border: 1px solid #dca7a7; }

UL[role="attention"] {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border: 1px solid #f5e79e; }

UL[role="message"] {
  color: #3c763d;
  background-color: #dff0d8;
  border: 1px solid #b2dba1; }

UL[role="info"] {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bcdff1; }

INPUT, TEXTAREA, SELECT, .radio-field, INPUT[type="button"], A[role="button"], BUTTON, 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, 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"].button-blue, BUTTON.button-blue, A[role="button"].button-blue, INPUT[type="button"].button-yellow, BUTTON.button-yellow, A[role="button"].button-yellow, 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), .upload-button {
  border-radius: 2px;
  font-family: inherit;
  font-size: inherit;
  color: #999999;
  margin: 0.5em 0;
  width: 100%;
  border: 1px solid #e1e1e1;
  transition: all 0.2s ease-out 0s;
  background-color: white;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  line-height: inherit;
  padding: 0.5em 1em;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none !important; }
  INPUT:focus, TEXTAREA:focus, SELECT:focus, .radio-field:focus, A[role="button"]:focus, BUTTON:focus, A[role="button delete"]:focus, A[role="button save"]:focus, A[role="button add"]:focus, .poll .poll-footer INPUT[type="button"].Bookmarks_Tab:focus:not(.selected), .poll .poll-footer BUTTON.Bookmarks_Tab:focus:not(.selected), .poll .poll-footer A[role="button"].Bookmarks_Tab:focus:not(.selected), .upload-button:focus {
    color: #424242;
    border: 1px solid #424242; }

.text-field INPUT + LABEL, .radio-field INPUT + LABEL, .select-field INPUT + LABEL, .editor-field INPUT + LABEL, .text-field TEXTAREA + LABEL, .radio-field TEXTAREA + LABEL, .select-field TEXTAREA + LABEL, .editor-field TEXTAREA + LABEL, .radio-field LABEL:last-of-type, .select-field SELECT + LABEL {
  position: absolute;
  left: 1em;
  font-size: 70%;
  top: -0.2em;
  color: #999999;
  transition: all 0.4s ease-out 0s;
  background-color: white;
  cursor: default;
  padding: 0 0.5em; }

TEXTAREA {
  resize: vertical; }

INPUT[type="radio"] {
  width: auto;
  margin: 0.5em;
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio; }

INPUT[type="checkbox"] {
  width: auto;
  margin: 0.5em;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox; }

INPUT[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield; }

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

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

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

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

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

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

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

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

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

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

.text-field, .radio-field, .select-field, .editor-field {
  position: relative; }
  .text-field INPUT:required, .radio-field INPUT:required, .select-field INPUT:required, .editor-field INPUT:required, .select-field SELECT:required, .text-field TEXTAREA:required, .radio-field TEXTAREA:required, .select-field TEXTAREA:required, .editor-field TEXTAREA:required {
    border-left-color: red; }
  .text-field INPUT:focus + LABEL, .radio-field INPUT:focus + LABEL, .select-field INPUT:focus + LABEL, .editor-field INPUT:focus + LABEL, .text-field TEXTAREA:focus + LABEL, .radio-field TEXTAREA:focus + LABEL, .select-field TEXTAREA:focus + LABEL, .editor-field TEXTAREA:focus + LABEL {
    color: #424242; }
  .text-field INPUT:valid, .radio-field INPUT:valid, .select-field INPUT:valid, .editor-field INPUT:valid, .text-field TEXTAREA:valid, .radio-field TEXTAREA:valid, .select-field TEXTAREA:valid, .editor-field TEXTAREA:valid {
    color: #424242; }
  .text-field INPUT[readonly], .radio-field INPUT[readonly], .select-field INPUT[readonly], .editor-field INPUT[readonly], .select-field SELECT[readonly], .select-field SELECT:disabled, .text-field INPUT:disabled, .radio-field INPUT:disabled, .select-field INPUT:disabled, .editor-field INPUT:disabled, .text-field TEXTAREA[readonly], .radio-field TEXTAREA[readonly], .select-field TEXTAREA[readonly], .editor-field TEXTAREA[readonly], .text-field TEXTAREA:disabled, .radio-field TEXTAREA:disabled, .select-field TEXTAREA:disabled, .editor-field TEXTAREA:disabled {
    background-color: #f7f7f7;
    color: #adadad; }
  .text-field INPUT.error, .radio-field INPUT.error, .select-field INPUT.error, .editor-field INPUT.error, .text-field INPUT:focus:invalid, .radio-field INPUT:focus:invalid, .select-field INPUT:focus:invalid, .editor-field INPUT:focus:invalid, .text-field TEXTAREA:focus:invalid, .radio-field TEXTAREA:focus:invalid, .select-field TEXTAREA:focus:invalid, .editor-field TEXTAREA:focus:invalid, .select-field SELECT:focus:invalid, .select-field SELECT.error, .text-field TEXTAREA.error, .radio-field TEXTAREA.error, .select-field TEXTAREA.error, .editor-field TEXTAREA.error {
    color: red;
    border-color: red; }
  .text-field[icon]:after, .text-field[icon="password"]:after, [icon="password"].radio-field:after, [icon="password"].select-field:after, [icon="password"].editor-field:after, .text-field[icon="login"]:after, [icon="login"].radio-field:after, [icon="login"].select-field:after, [icon="login"].editor-field:after, .text-field[icon="email"]:after, [icon="email"].radio-field:after, [icon="email"].select-field:after, [icon="email"].editor-field:after, .text-field[icon="date"]:after, [icon="date"].radio-field:after, [icon="date"].select-field:after, [icon="date"].editor-field:after, .text-field[icon="calendar"]:after, [icon="calendar"].radio-field:after, [icon="calendar"].select-field:after, [icon="calendar"].editor-field:after, .text-field[icon="time"]:after, [icon="time"].radio-field:after, [icon="time"].select-field:after, [icon="time"].editor-field:after, .text-field[icon="tags"]:after, [icon="tags"].radio-field:after, [icon="tags"].select-field:after, [icon="tags"].editor-field:after, .text-field[icon="phone"]:after, [icon="phone"].radio-field:after, [icon="phone"].select-field:after, [icon="phone"].editor-field:after, .text-field[icon="minus"]:after, [icon="minus"].radio-field:after, [icon="minus"].select-field:after, [icon="minus"].editor-field:after, .text-field[icon="delete"]:after, [icon="delete"].radio-field:after, [icon="delete"].select-field:after, [icon="delete"].editor-field:after, .text-field[icon="add"]:after, [icon="add"].radio-field:after, [icon="add"].select-field:after, [icon="add"].editor-field:after, .text-field[icon="plus"]:after, [icon="plus"].radio-field:after, [icon="plus"].select-field:after, [icon="plus"].editor-field:after, .text-field[icon="photo"]:after, [icon="photo"].radio-field:after, [icon="photo"].select-field:after, [icon="photo"].editor-field:after, .text-field > A, .radio-field > A, .select-field > A, .editor-field > A, [icon].radio-field:after, [icon].select-field:after, [icon].editor-field:after {
    color: #e1e1e1;
    font-family: "bobsoccer";
    position: absolute;
    top: 0.8em;
    right: 0.5em;
    width: 1.5em;
    text-align: center;
    line-height: inherit;
    font-size: 120%;
    transition: all 0.2s ease-out 0s; }
  .text-field[icon]:hover:after, .text-field[icon="password"]:hover:after, [icon="password"].radio-field:hover:after, [icon="password"].select-field:hover:after, [icon="password"].editor-field:hover:after, .text-field[icon="login"]:hover:after, [icon="login"].radio-field:hover:after, [icon="login"].select-field:hover:after, [icon="login"].editor-field:hover:after, .text-field[icon="email"]:hover:after, [icon="email"].radio-field:hover:after, [icon="email"].select-field:hover:after, [icon="email"].editor-field:hover:after, .text-field[icon="date"]:hover:after, [icon="date"].radio-field:hover:after, [icon="date"].select-field:hover:after, [icon="date"].editor-field:hover:after, .text-field[icon="calendar"]:hover:after, [icon="calendar"].radio-field:hover:after, [icon="calendar"].select-field:hover:after, [icon="calendar"].editor-field:hover:after, .text-field[icon="time"]:hover:after, [icon="time"].radio-field:hover:after, [icon="time"].select-field:hover:after, [icon="time"].editor-field:hover:after, .text-field[icon="tags"]:hover:after, [icon="tags"].radio-field:hover:after, [icon="tags"].select-field:hover:after, [icon="tags"].editor-field:hover:after, .text-field[icon="phone"]:hover:after, [icon="phone"].radio-field:hover:after, [icon="phone"].select-field:hover:after, [icon="phone"].editor-field:hover:after, .text-field[icon="minus"]:hover:after, [icon="minus"].radio-field:hover:after, [icon="minus"].select-field:hover:after, [icon="minus"].editor-field:hover:after, .text-field[icon="delete"]:hover:after, [icon="delete"].radio-field:hover:after, [icon="delete"].select-field:hover:after, [icon="delete"].editor-field:hover:after, .text-field[icon="add"]:hover:after, [icon="add"].radio-field:hover:after, [icon="add"].select-field:hover:after, [icon="add"].editor-field:hover:after, .text-field[icon="plus"]:hover:after, [icon="plus"].radio-field:hover:after, [icon="plus"].select-field:hover:after, [icon="plus"].editor-field:hover:after, .text-field[icon="photo"]:hover:after, [icon="photo"].radio-field:hover:after, [icon="photo"].select-field:hover:after, [icon="photo"].editor-field:hover:after, .text-field > A:hover, .radio-field > A:hover, .select-field > A:hover, .editor-field > A:hover, [icon].radio-field:hover:after, [icon].select-field:hover:after, [icon].editor-field:hover:after {
    color: #424242; }
  .text-field[icon="password"]:after, [icon="password"].radio-field:after, [icon="password"].select-field:after, [icon="password"].editor-field:after {
    content: "\f023"; }
  .text-field[icon="login"]:after, [icon="login"].radio-field:after, [icon="login"].select-field:after, [icon="login"].editor-field:after {
    content: "\f2be"; }
  .text-field[icon="email"]:after, [icon="email"].radio-field:after, [icon="email"].select-field:after, [icon="email"].editor-field:after {
    content: '\f0e0'; }
  .text-field[icon="date"]:after, [icon="date"].radio-field:after, [icon="date"].select-field:after, [icon="date"].editor-field:after, .text-field[icon="calendar"]:after, [icon="calendar"].radio-field:after, [icon="calendar"].select-field:after, [icon="calendar"].editor-field:after {
    content: "\f073"; }
  .text-field[icon="time"]:after, [icon="time"].radio-field:after, [icon="time"].select-field:after, [icon="time"].editor-field:after {
    content: "\e818"; }
  .text-field[icon="tags"]:after, [icon="tags"].radio-field:after, [icon="tags"].select-field:after, [icon="tags"].editor-field:after {
    content: "\f02c"; }
  .text-field[icon="phone"]:after, [icon="phone"].radio-field:after, [icon="phone"].select-field:after, [icon="phone"].editor-field:after {
    content: "\e816"; }
  .text-field[icon="minus"]:after, [icon="minus"].radio-field:after, [icon="minus"].select-field:after, [icon="minus"].editor-field:after, .text-field[icon="delete"]:after, [icon="delete"].radio-field:after, [icon="delete"].select-field:after, [icon="delete"].editor-field:after {
    content: "\e806"; }
  .text-field[icon="minus"]:hover:after, [icon="minus"].radio-field:hover:after, [icon="minus"].select-field:hover:after, [icon="minus"].editor-field:hover:after, .text-field[icon="delete"]:hover:after, [icon="delete"].radio-field:hover:after, [icon="delete"].select-field:hover:after, [icon="delete"].editor-field:hover:after {
    color: #a94442; }
  .text-field[icon="add"]:after, [icon="add"].radio-field:after, [icon="add"].select-field:after, [icon="add"].editor-field:after, .text-field[icon="plus"]:after, [icon="plus"].radio-field:after, [icon="plus"].select-field:after, [icon="plus"].editor-field:after {
    content: "\f068"; }
  .text-field[icon="add"]:hover:after, [icon="add"].radio-field:hover:after, [icon="add"].select-field:hover:after, [icon="add"].editor-field:hover:after, .text-field[icon="plus"]:hover:after, [icon="plus"].radio-field:hover:after, [icon="plus"].select-field:hover:after, [icon="plus"].editor-field:hover:after {
    color: #3c763d; }
  .text-field[icon="photo"]:after, [icon="photo"].radio-field:after, [icon="photo"].select-field:after, [icon="photo"].editor-field:after {
    content: "\e815"; }
  .text-field.inline, .inline.radio-field, .inline.select-field, .inline.editor-field {
    display: inline-block; }
  .text-field > A, .radio-field > A, .select-field > A, .editor-field > A {
    height: 1.5em;
    cursor: pointer;
    z-index: 2; }
  @media only screen and (max-width: 415px) {
    .text-field.c1of4, .c1of4.radio-field, .c1of4.select-field, .c1of4.editor-field {
      width: 49.3%; } }

.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: -1em; }
.radio-field:focus LABEL {
  color: #424242; }
.radio-field.c1of2 {
  width: 49.3%; }
.radio-field.c1of3 {
  width: 33%; }

.select-field SELECT {
  box-shadow: none;
  background: transparent none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  .select-field SELECT OPTION {
    color: #424242; }
  .select-field SELECT:focus {
    outline: none; }
    .select-field SELECT:focus + LABEL {
      color: #424242; }
.select-field:after {
  top: 50%;
  right: 1em;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  border-top-color: #999999;
  margin-top: -2px;
  z-index: 70; }

.editor-field {
  padding-top: 0.5em; }
  .editor-field TEXTAREA {
    margin-top: 0;
    border-top: 0 none;
    color: #424242;
    min-height: 10em;
    line-height: 1.2; }
    .editor-field TEXTAREA + LABEL {
      display: none; }

INPUT[type="button"], A[role="button"], BUTTON, 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, 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"].button-blue, BUTTON.button-blue, A[role="button"].button-blue, INPUT[type="button"].button-yellow, BUTTON.button-yellow, A[role="button"].button-yellow, 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), .upload-button {
  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: 1em 1.5em 0.7em; }
  INPUT[type="button"]:hover, A[role="button"]:hover, BUTTON:hover, A[role="button delete"]:hover, INPUT[type="submit"]:hover, A[role="button save"]:hover, A[role="button add"]:hover, .poll .poll-footer INPUT[type="button"].Bookmarks_Tab:hover:not(.selected), .poll .poll-footer BUTTON.Bookmarks_Tab:hover:not(.selected), .poll .poll-footer A[role="button"].Bookmarks_Tab:hover:not(.selected), .upload-button:hover {
    background-color: #e1e1e1; }
  INPUT[type="button"]:active, A[role="button"]:active, BUTTON:active, A[role="button delete"]:active, INPUT[type="submit"]:active, A[role="button save"]:active, A[role="button add"]:active, .poll .poll-footer INPUT[type="button"].Bookmarks_Tab:active:not(.selected), .poll .poll-footer BUTTON.Bookmarks_Tab:active:not(.selected), .poll .poll-footer A[role="button"].Bookmarks_Tab:active:not(.selected), .upload-button:active {
    background-color: #d5d5d5; }
  INPUT[type="button"]:focus, A[role="button"]:focus, BUTTON:focus, A[role="button delete"]:focus, INPUT[type="submit"]:focus, A[role="button save"]:focus, A[role="button add"]:focus, .poll .poll-footer INPUT[type="button"].Bookmarks_Tab:focus:not(.selected), .poll .poll-footer BUTTON.Bookmarks_Tab:focus:not(.selected), .poll .poll-footer A[role="button"].Bookmarks_Tab:focus:not(.selected), .upload-button:focus {
    border: 0 none; }
  INPUT[readonly][type="button"], .select-field SELECT[type="button"][readonly], .select-field SELECT[type="button"]:disabled, A[readonly][role="button"], BUTTON[readonly], A[readonly][role="button delete"], INPUT[readonly][type="submit"], .select-field SELECT[type="submit"][readonly], .select-field SELECT[type="submit"]:disabled, A[readonly][role="button save"], A[readonly][role="button add"], .select-field .poll .poll-footer SELECT[type="button"][readonly].Bookmarks_Tab:not(.selected), .poll .poll-footer .select-field SELECT[type="button"][readonly].Bookmarks_Tab:not(.selected), .select-field .poll .poll-footer SELECT[type="button"].Bookmarks_Tab:disabled:not(.selected), .poll .poll-footer .select-field SELECT[type="button"].Bookmarks_Tab:disabled:not(.selected), .poll .poll-footer INPUT[readonly][type="button"].Bookmarks_Tab:not(.selected), .poll .poll-footer BUTTON[readonly].Bookmarks_Tab:not(.selected), .poll .poll-footer A[readonly][role="button"].Bookmarks_Tab:not(.selected), [readonly].upload-button, INPUT[disabled][type="button"], A[disabled][role="button"], BUTTON[disabled], A[disabled][role="button delete"], INPUT[disabled][type="submit"], A[disabled][role="button save"], A[disabled][role="button add"], .poll .poll-footer INPUT[disabled][type="button"].Bookmarks_Tab:not(.selected), .poll .poll-footer BUTTON[disabled].Bookmarks_Tab:not(.selected), .poll .poll-footer A[disabled][role="button"].Bookmarks_Tab:not(.selected), [disabled].upload-button, INPUT[type="button"]:disabled, A[role="button"]:disabled, BUTTON:disabled, A[role="button delete"]:disabled, INPUT[type="submit"]:disabled, A[role="button save"]:disabled, A[role="button add"]:disabled, .poll .poll-footer INPUT[type="button"].Bookmarks_Tab:disabled:not(.selected), .poll .poll-footer BUTTON.Bookmarks_Tab:disabled:not(.selected), .poll .poll-footer A[role="button"].Bookmarks_Tab:disabled:not(.selected), .upload-button:disabled, INPUT.disabled[type="button"], A.disabled[role="button"], BUTTON.disabled, A.disabled[role="button delete"], INPUT.disabled[type="submit"], A.disabled[role="button save"], A.disabled[role="button add"], .poll .poll-footer INPUT.disabled[type="button"].Bookmarks_Tab:not(.selected), .poll .poll-footer BUTTON.disabled.Bookmarks_Tab:not(.selected), .poll .poll-footer A.disabled[role="button"].Bookmarks_Tab:not(.selected), .disabled.upload-button {
    background-color: #f7f7f7 !important;
    color: #adadad !important;
    cursor: not-allowed; }
  @media (min-width: 415px) {
    INPUT[type="button"] + INPUT[type="submit"], A[role="button"] + INPUT[type="submit"], BUTTON + INPUT[type="submit"], A[role="button delete"] + INPUT[type="submit"], INPUT[type="submit"] + INPUT[type="submit"], A[role="button save"] + INPUT[type="submit"], A[role="button add"] + INPUT[type="submit"], .poll .poll-footer INPUT[type="button"].Bookmarks_Tab:not(.selected) + INPUT[type="submit"], .poll .poll-footer BUTTON.Bookmarks_Tab:not(.selected) + INPUT[type="submit"], .poll .poll-footer A[role="button"].Bookmarks_Tab:not(.selected) + INPUT[type="submit"], .upload-button + INPUT[type="submit"], INPUT[type="button"] + INPUT[type="button"], A[role="button"] + INPUT[type="button"], BUTTON + INPUT[type="button"], A[role="button delete"] + INPUT[type="button"], INPUT[type="submit"] + INPUT[type="button"], A[role="button save"] + INPUT[type="button"], A[role="button add"] + INPUT[type="button"], .poll .poll-footer INPUT[type="button"].Bookmarks_Tab:not(.selected) + INPUT[type="button"], .poll .poll-footer BUTTON.Bookmarks_Tab:not(.selected) + INPUT[type="button"], .poll .poll-footer A[role="button"].Bookmarks_Tab:not(.selected) + INPUT[type="button"], .upload-button + INPUT[type="button"], INPUT[type="button"] + A[role="button"], A[role="button"] + A[role="button"], BUTTON + A[role="button"], A[role="button delete"] + A[role="button"], INPUT[type="submit"] + A[role="button"], A[role="button save"] + A[role="button"], A[role="button add"] + A[role="button"], .poll .poll-footer INPUT[type="button"].Bookmarks_Tab:not(.selected) + A[role="button"], .poll .poll-footer BUTTON.Bookmarks_Tab:not(.selected) + A[role="button"], .poll .poll-footer A[role="button"].Bookmarks_Tab:not(.selected) + A[role="button"], .upload-button + A[role="button"], INPUT[type="button"] + BUTTON, A[role="button"] + BUTTON, BUTTON + 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, 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"].button-blue + BUTTON, BUTTON.button-blue + BUTTON, A[role="button"].button-blue + BUTTON, INPUT[type="button"].button-yellow + BUTTON, BUTTON.button-yellow + BUTTON, A[role="button"].button-yellow + 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, .upload-button + BUTTON {
      margin-left: 1em; } }
  @media only screen and (max-width: 415px) {
    INPUT[type="button"], A[role="button"], BUTTON, 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, 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"].button-blue, BUTTON.button-blue, A[role="button"].button-blue, INPUT[type="button"].button-yellow, BUTTON.button-yellow, A[role="button"].button-yellow, 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), .upload-button {
      margin: 1em auto;
      width: 95%;
      display: block; } }

INPUT[type="button"], A[role="button"], BUTTON {
  background-color: #eeeeee;
  color: #424242; }
  INPUT[type="button"]:hover, A[role="button"]:hover, BUTTON:hover {
    background-color: #e1e1e1; }
  INPUT[type="button"]:active, A[role="button"]:active, BUTTON:active {
    background-color: #d5d5d5; }
  INPUT[type="button"].button-border, A[role="button"].button-border, BUTTON.button-border {
    border: 1px solid #e1e1e1; }

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 {
  background-color: rgba(201, 48, 44, 0.9);
  color: white; }
  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 {
    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 {
    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 {
    border: 1px solid #e1e1e1; }

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: white; }
  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 #e1e1e1; }

INPUT[type="button"].button-blue, BUTTON.button-blue, A[role="button"].button-blue {
  background-color: rgba(51, 122, 183, 0.9);
  color: white; }
  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 #e1e1e1; }

INPUT[type="button"].button-yellow, BUTTON.button-yellow, A[role="button"].button-yellow {
  background-color: rgba(255, 232, 105, 0.8);
  color: #6f6300; }
  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 #e1e1e1; }

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: white;
  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 #e1e1e1; }

.button-section {
  text-align: center;
  border-top: 1px solid #e1e1e1;
  margin-top: 2em; }

HEADER {
  position: relative;
  z-index: 500; }
  HEADER .menu-top {
    background-color: #727272;
    color: #cccccc;
    font-size: 90%;
    border-bottom: 1px solid #a5a5a5;
    line-height: 2.5; }
    HEADER .menu-top LI {
      white-space: nowrap; }
      HEADER .menu-top LI A {
        color: #cccccc; }
        HEADER .menu-top LI A:hover, HEADER .menu-top LI A:active, HEADER .menu-top LI A:focus {
          color: #fec722; }
      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: #727272 url("/img/pattern.png") no-repeat center center/cover; }
    HEADER .header > DIV {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-align-items: center;
      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-navigation {
  flex-grow: 1;
  margin: 1em 0;
  color: white;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: flex-end;
  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: #fec722; }
    .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 white;
    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: #424242;
        display: block; }
        .header-navigation .menu-user .user-popup DIV[role="dialog"] A:hover {
          background-color: #eeeeee; }
      .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: #727272;
  font-size: 85%;
  max-width: 100% !important; }
  FOOTER .page-size {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: stretch;
    align-items: stretch; }
    @media only screen and (max-width: 415px) {
      FOOTER .page-size {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-align-items: stretch;
        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: #fec722; }
  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: #727272;
    color: white;
    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: #fec722;
      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; }

.user-row .row-avatar > IMG, .comments .comments-reply .reply-postbox .user-row .replay-avatar > IMG, .user-info-section.info-small .info-navigation .info-name .name-avatar, .user-privat .envelope-area .messages-area .message-element .message-icon IMG, .privat-messages .privat-content .privat-contacts .contact-element .contact-icon IMG, .privat-messages .privat-content .privat-body .privat-dialog .dialog-body .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-friends .dialog-body .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-dialog .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-body .privat-friends .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-dialog .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-friends .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-dialog .privat-search-results .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-friends .privat-search-results .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, .comments .comments-reply .reply-postbox .replay-avatar > IMG {
  height: 2.5em;
  border-radius: 50%;
  border: 3px double #999999; }

.user-row {
  line-height: 0; }
  .user-row > * {
    vertical-align: middle;
    display: inline-block;
    line-height: 2; }
  .user-row .row-avatar, .user-row .comments .comments-reply .reply-postbox .replay-avatar, .comments .comments-reply .reply-postbox .user-row .replay-avatar {
    line-height: 0;
    margin-right: 0.3em; }
  .user-row .row-login {
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    color: #dd2c00; }
    .user-row .row-login:hover {
      color: #424242; }
  .user-row IMG {
    vertical-align: middle; }

.anounce-comment-list {
  background-color: white;
  padding: 1em;
  line-height: 2; }
  .anounce-comment-list .action-frame {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: stretch;
    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: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-align-items: stretch;
        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: white;
  padding: 1em;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: stretch;
  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: white;
  overflow: hidden;
  padding: 1em 0.5em; }
  .experts-feed .feed-frame {
    transition: all 0.4s ease-out 0s;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: stretch;
    align-items: stretch; }
    .experts-feed .feed-frame .feed-element {
      -webkit-flex-basis: 24%;
      flex-basis: 24%;
      min-width: calc(100% / 4 - 0.4em);
      margin: 0 0.2em 1em;
      background-color: #f4f4f4;
      padding: 0.5em;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      -webkit-flex-flow: column wrap;
      flex-flow: column wrap;
      -webkit-align-items: stretch;
      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: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    align-items: center;
    text-align: center; }
    .experts-feed .slider-navigation > A:hover {
      color: #fec722; }
    .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: #fec722; }

.slider-navigation .navigation-left:before, .slider-navigation .navigation-right: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;
    -webkit-animation-delay: 0s;
    -webkit-animation-duration: 1.5s;
    -webkit-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: #4d77cc; }

.enter-social-box {
  text-align: center;
  margin-left: 2em;
  padding-left: 2em;
  border-left: 1px solid #e1e1e1; }
  @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 #e1e1e1; } }
  .enter-social-box A[role="button"] {
    color: white;
    width: 80%;
    white-space: nowrap;
    text-align: left; }
  .enter-social-box .social-vk {
    background-color: #4c75a3; }
    .enter-social-box .social-vk:hover {
      background-color: #446992; }
  .enter-social-box .social-facebook {
    background-color: #3b5999; }
    .enter-social-box .social-facebook:hover {
      background-color: #344e87; }
  .enter-social-box .social-twitter {
    background-color: #55acee; }
    .enter-social-box .social-twitter:hover {
      background-color: #3ea1ec; }
  .enter-social-box .social-google {
    background-color: #dd4b39; }
    .enter-social-box .social-google:hover {
      background-color: #d73925; }
  .enter-social-box .social-ok {
    background-color: #f4731c; }
    .enter-social-box .social-ok:hover {
      background-color: #eb660b; }
  .enter-social-box .social-yandex {
    background-color: #ffd633; }
    .enter-social-box .social-yandex:hover {
      background-color: #ffd11a; }
  .enter-social-box .social-instagram {
    background-color: #e4405f; }
    .enter-social-box .social-instagram:hover {
      background-color: #e12a4c; }

.social-icons .social-vk {
  color: #4c75a3; }
  .social-icons .social-vk:hover {
    color: #446992; }
.social-icons .social-facebook {
  color: #3b5999; }
  .social-icons .social-facebook:hover {
    color: #344e87; }
.social-icons .social-twitter {
  color: #55acee; }
  .social-icons .social-twitter:hover {
    color: #3ea1ec; }
.social-icons .social-google {
  color: #dd4b39; }
  .social-icons .social-google:hover {
    color: #d73925; }
.social-icons .social-ok {
  color: #f4731c; }
  .social-icons .social-ok:hover {
    color: #eb660b; }
.social-icons .social-yandex {
  color: #ffd633; }
  .social-icons .social-yandex:hover {
    color: #ffd11a; }
.social-icons .social-instagram {
  color: #e4405f; }
  .social-icons .social-instagram:hover {
    color: #e12a4c; }
.social-icons .social-youtube {
  color: red; }
  .social-icons .social-youtube:hover {
    color: #e60000; }

.user-info-section {
  position: relative; }
  .user-info-section .info-background {
    background: white 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(160px / 2 - 3em); }
    .user-info-section .info-avatar .moderator-badge {
      position: absolute;
      top: calc(160px / 2 + 1em);
      width: 2em;
      height: 2em;
      left: -0.5em; }
    .user-info-section .info-avatar .team-badge {
      position: absolute;
      top: calc(160px / 2 - 2em);
      left: calc(160px - 1.5em);
      width: 2.5em;
      background-color: #f4f4f4;
      border: 1px solid #e1e1e1;
      border-radius: 50%;
      padding: 0.1em;
      position: absolute; }
    .user-info-section .info-avatar .level-points {
      position: absolute;
      line-height: 1;
      top: calc(160px / 2 + 1.2em);
      left: calc(160px - 2.5em);
      background-color: #f4f4f4;
      font-size: 80%;
      padding: 0.3em 0.3em 0.5em 0.5em;
      border: 1px solid #e1e1e1;
      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: #3c763d; }
        .user-info-section .info-avatar .level-points > SUP.diff-less {
          color: #c83232; }
      @media only screen and (max-width: 415px) {
        .user-info-section .info-avatar .level-points {
          top: calc(160px / 2 + 2.2em);
          left: calc(160px - 4.5em); } }
    .user-info-section .info-avatar .avatar-box {
      position: relative;
      overflow: hidden;
      border: 1px solid #e1e1e1;
      border-radius: 50%; }
      .user-info-section .info-avatar .avatar-box > IMG {
        object-fit: cover;
        border: 4px solid white;
        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: #dd2c00;
    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: #f4f4f4; } }
    .user-info-section .info-name > SPAN {
      color: #424242;
      text-transform: none; }
  .user-info-section .info-navigation {
    line-height: 4;
    background-color: #f4f4f4;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: stretch;
    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: -webkit-flex;
      display: flex;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      -webkit-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-align-items: stretch;
      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 #e1e1e1;
        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 white;
              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: white;
    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: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: flex-start;
    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;
        margin-right: 0.5em; }
      .user-info-section.info-small .info-navigation .info-name > SPAN {
        margin-left: 0.5em; }

.user-info-message {
  background-color: white;
  padding: 1em; }

.reg-username {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: stretch;
  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: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: stretch;
  align-items: stretch; }
  .reg-avatar .user-row {
    margin: 0.2em 0;
    font-size: 150%; }

.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 #e1e1e1;
  border-radius: 50%;
  max-width: 160px;
  line-height: 0; }
  .photo-section .avatar-box > IMG {
    object-fit: cover;
    border: 4px solid white;
    width: 100%;
    border-radius: 50%; }

.cover-list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: stretch;
  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: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: stretch;
  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 #e1e1e1;
    border-radius: 50%;
    line-height: 0;
    width: 8rem;
    height: 8rem; }
    .user-biography .avatar-box > IMG {
      object-fit: cover;
      border: 4px solid white;
      width: 100%;
      border-radius: 50%; }

.row-stuff {
  position: relative; }
  .row-stuff DIV[role="dialog"] {
    bottom: calc(2.6em - 1px);
    left: -2em;
    min-width: 20em;
    min-height: 10em;
    color: #424242;
    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: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start; }
  .stuff-list > A {
    margin: 0 0.5em; }
    .stuff-list > A > IMG {
      object-fit: contain;
      width: 5em; }

.stuff-list-element, .cart-list-element {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: flex-start;
  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: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: center;
  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-discount {
  position: relative; }
  .cart-list-element .cart-image-discount:after {
    content: attr(data);
    position: absolute;
    left: 0;
    top: 1em;
    font-weight: bold;
    background-color: #dc3232;
    border-radius: 4px;
    color: white;
    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: white; }
    .user-privat .envelope-area .fa > .fa.fa-attention {
      color: #ffe000; }
    .user-privat .envelope-area .fa > .fa.fa-warning, .user-privat .envelope-area .fa > .fa.fa-error {
      color: #c83232; }
    .user-privat .envelope-area .fa > .fa.fa-group {
      color: cadetblue; }
    .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: #424242;
    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 #e1e1e1;
      line-height: 1.5;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      -webkit-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-align-items: stretch;
      align-items: stretch;
      white-space: initial; }
      .user-privat .envelope-area .messages-area .message-element .message-icon {
        font-size: 300%;
        margin-right: 0.5em; }
        .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: #ffe000; }
        .user-privat .envelope-area .messages-area .message-element .message-icon.fa-warning {
          color: #c83232; }
        .user-privat .envelope-area .messages-area .message-element .message-icon.fa-group {
          color: cadetblue; }
        .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 IMG {
          border: 0 none; }
        .user-privat .envelope-area .messages-area .message-element .message-icon IMG {
          height: 1em; }
      .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: #dd2c00; }
          .user-privat .envelope-area .messages-area .message-element .message-text .message-login:hover {
            color: #424242; }
        .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: whitesmoke;
            font-size: 85%;
            color: #4d77cc;
            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: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-align-items: stretch;
        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: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: stretch;
    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: #f4f4f4;
      border-right: 1px solid #e1e1e1;
      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: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-align-items: stretch;
        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: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-align-items: stretch;
        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: #22b66e;
            color: white;
            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: white; }
      @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-search, .privat-messages .privat-content .privat-body .privat-friends, .privat-messages .privat-content .privat-body .privat-groups {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-align-items: stretch;
        align-items: stretch;
        height: 100%; }
        .privat-messages .privat-content .privat-body .privat-dialog .dialog-name, .privat-messages .privat-content .privat-body .privat-search .dialog-name, .privat-messages .privat-content .privat-body .privat-friends .dialog-name, .privat-messages .privat-content .privat-body .privat-groups .dialog-name, .privat-messages .privat-content .privat-body .privat-dialog .layer-name, .privat-messages .privat-content .privat-body .privat-search .layer-name, .privat-messages .privat-content .privat-body .privat-friends .layer-name, .privat-messages .privat-content .privat-body .privat-groups .layer-name {
          display: -webkit-flex;
          display: flex;
          -webkit-justify-content: flex-start;
          justify-content: flex-start;
          -webkit-flex-flow: row nowrap;
          flex-flow: row nowrap;
          -webkit-align-items: stretch;
          align-items: stretch;
          border-bottom: 1px solid #e1e1e1;
          background-color: white;
          padding: 0.5em; }
          .privat-messages .privat-content .privat-body .privat-dialog .dialog-name A, .privat-messages .privat-content .privat-body .privat-search .dialog-name A, .privat-messages .privat-content .privat-body .privat-friends .dialog-name A, .privat-messages .privat-content .privat-body .privat-groups .dialog-name A, .privat-messages .privat-content .privat-body .privat-dialog .layer-name A, .privat-messages .privat-content .privat-body .privat-search .layer-name A, .privat-messages .privat-content .privat-body .privat-friends .layer-name A, .privat-messages .privat-content .privat-body .privat-groups .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-search .dialog-name A:hover, .privat-messages .privat-content .privat-body .privat-friends .dialog-name A:hover, .privat-messages .privat-content .privat-body .privat-groups .dialog-name A:hover, .privat-messages .privat-content .privat-body .privat-dialog .layer-name A:hover, .privat-messages .privat-content .privat-body .privat-search .layer-name A:hover, .privat-messages .privat-content .privat-body .privat-friends .layer-name A:hover, .privat-messages .privat-content .privat-body .privat-groups .layer-name A:hover {
              color: #4d77cc; }
            .privat-messages .privat-content .privat-body .privat-dialog .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-friends .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-dialog .layer-name A.fa-stack > I:last-child, .privat-messages .privat-content .privat-body .privat-search .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-groups .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-search .dialog-name B, .privat-messages .privat-content .privat-body .privat-friends .dialog-name B, .privat-messages .privat-content .privat-body .privat-groups .dialog-name B, .privat-messages .privat-content .privat-body .privat-dialog .layer-name B, .privat-messages .privat-content .privat-body .privat-search .layer-name B, .privat-messages .privat-content .privat-body .privat-friends .layer-name B, .privat-messages .privat-content .privat-body .privat-groups .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-search .dialog-body, .privat-messages .privat-content .privat-body .privat-friends .dialog-body, .privat-messages .privat-content .privat-body .privat-groups .dialog-body, .privat-messages .privat-content .privat-body .privat-dialog .friends-results, .privat-messages .privat-content .privat-body .privat-search .friends-results, .privat-messages .privat-content .privat-body .privat-friends .friends-results, .privat-messages .privat-content .privat-body .privat-groups .friends-results, .privat-messages .privat-content .privat-body .privat-dialog .groups-results, .privat-messages .privat-content .privat-body .privat-search .groups-results, .privat-messages .privat-content .privat-body .privat-friends .groups-results, .privat-messages .privat-content .privat-body .privat-groups .groups-results, .privat-messages .privat-content .privat-body .privat-dialog .privat-search-results, .privat-messages .privat-content .privat-body .privat-search .privat-search-results, .privat-messages .privat-content .privat-body .privat-friends .privat-search-results, .privat-messages .privat-content .privat-body .privat-groups .privat-search-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-search .dialog-body .dialog-inner, .privat-messages .privat-content .privat-body .privat-friends .dialog-body .dialog-inner, .privat-messages .privat-content .privat-body .privat-groups .dialog-body .dialog-inner, .privat-messages .privat-content .privat-body .privat-dialog .friends-results .dialog-inner, .privat-messages .privat-content .privat-body .privat-search .friends-results .dialog-inner, .privat-messages .privat-content .privat-body .privat-friends .friends-results .dialog-inner, .privat-messages .privat-content .privat-body .privat-groups .friends-results .dialog-inner, .privat-messages .privat-content .privat-body .privat-dialog .groups-results .dialog-inner, .privat-messages .privat-content .privat-body .privat-search .groups-results .dialog-inner, .privat-messages .privat-content .privat-body .privat-friends .groups-results .dialog-inner, .privat-messages .privat-content .privat-body .privat-groups .groups-results .dialog-inner, .privat-messages .privat-content .privat-body .privat-dialog .privat-search-results .dialog-inner, .privat-messages .privat-content .privat-body .privat-search .privat-search-results .dialog-inner, .privat-messages .privat-content .privat-body .privat-friends .privat-search-results .dialog-inner, .privat-messages .privat-content .privat-body .privat-groups .privat-search-results .dialog-inner {
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: flex-end;
            justify-content: flex-end;
            -webkit-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -webkit-align-items: stretch;
            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-search .dialog-body .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-groups .dialog-body .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-search .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-groups .friends-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-search .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-groups .groups-results .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-search .privat-search-results .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-groups .privat-search-results .dialog-inner .dialog-message {
              display: -webkit-flex;
              display: flex;
              -webkit-justify-content: flex-start;
              justify-content: flex-start;
              -webkit-flex-flow: row nowrap;
              flex-flow: row nowrap;
              -webkit-align-items: stretch;
              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-search .dialog-body .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-groups .dialog-body .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-search .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-groups .friends-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-search .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-groups .groups-results .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-search .privat-search-results .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-groups .privat-search-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-search .dialog-body .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-groups .dialog-body .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-search .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-groups .friends-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-search .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-groups .groups-results .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-search .privat-search-results .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-groups .privat-search-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-search .dialog-body .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-groups .dialog-body .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-search .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-groups .friends-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-search .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-groups .groups-results .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-search .privat-search-results .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-groups .privat-search-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-search .dialog-body .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-groups .dialog-body .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-search .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-groups .friends-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-search .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-groups .groups-results .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-search .privat-search-results .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-groups .privat-search-results .dialog-inner .dialog-message .message-body DIV {
                  padding: 0.4em 0.8em;
                  border-radius: 1em;
                  background-color: #f4f4f4;
                  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-search .dialog-body .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-groups .dialog-body .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-search .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-groups .friends-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-search .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-groups .groups-results .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-search .privat-search-results .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-groups .privat-search-results .dialog-inner .dialog-message .message-body DIV A {
                    color: #4d77cc; }
                    .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-search .dialog-body .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-groups .dialog-body .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-search .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-groups .friends-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-search .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-groups .groups-results .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-search .privat-search-results .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-groups .privat-search-results .dialog-inner .dialog-message .message-body DIV A:hover {
                      color: #424242; }
              .privat-messages .privat-content .privat-body .privat-dialog .dialog-body .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-friends .dialog-body .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-dialog .friends-results .dialog-inner .dialog-message.incoming, .privat-messages .privat-content .privat-body .privat-search .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-groups .friends-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-search .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-groups .groups-results .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-search .privat-search-results .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-groups .privat-search-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-search .dialog-body .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-groups .dialog-body .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-search .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-groups .friends-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-search .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-groups .groups-results .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-search .privat-search-results .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-groups .privat-search-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-search .dialog-body .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-groups .dialog-body .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-search .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-groups .friends-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-search .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-groups .groups-results .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-search .privat-search-results .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-groups .privat-search-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-search .dialog-body .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-groups .dialog-body .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-search .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-groups .friends-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-search .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-groups .groups-results .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-search .privat-search-results .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-groups .privat-search-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-search .dialog-form, .privat-messages .privat-content .privat-body .privat-friends .dialog-form, .privat-messages .privat-content .privat-body .privat-groups .dialog-form {
          background-color: white;
          padding: 0.5em;
          border-top: 1px solid #e1e1e1;
          line-height: 1.2; }
          .privat-messages .privat-content .privat-body .privat-dialog .dialog-form TEXTAREA, .privat-messages .privat-content .privat-body .privat-search .dialog-form TEXTAREA, .privat-messages .privat-content .privat-body .privat-friends .dialog-form TEXTAREA, .privat-messages .privat-content .privat-body .privat-groups .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-search .dialog-form BUTTON, .privat-messages .privat-content .privat-body .privat-friends .dialog-form BUTTON, .privat-messages .privat-content .privat-body .privat-groups .dialog-form BUTTON {
            display: inline;
            border-radius: 0 2px 2px 0;
            background-color: white;
            height: 6.67em;
            width: 4em;
            border: 1px solid #e1e1e1;
            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-search .dialog-form BUTTON:hover, .privat-messages .privat-content .privat-body .privat-friends .dialog-form BUTTON:hover, .privat-messages .privat-content .privat-body .privat-groups .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-search .dialog-form BUTTON I, .privat-messages .privat-content .privat-body .privat-friends .dialog-form BUTTON I, .privat-messages .privat-content .privat-body .privat-groups .dialog-form BUTTON I {
              -webkit-transform: rotate(90deg);
              -moz-transform: rotate(90deg);
              -ms-transform: rotate(90deg);
              -o-transform: rotate(90deg);
              transform: rotate(90deg);
              font-size: 180%;
              color: #22b66e; }
        .privat-messages .privat-content .privat-body .privat-dialog .friends-results, .privat-messages .privat-content .privat-body .privat-search .friends-results, .privat-messages .privat-content .privat-body .privat-friends .friends-results, .privat-messages .privat-content .privat-body .privat-groups .friends-results {
          height: 100%; }
          .privat-messages .privat-content .privat-body .privat-dialog .friends-results .user-row, .privat-messages .privat-content .privat-body .privat-search .friends-results .user-row, .privat-messages .privat-content .privat-body .privat-friends .friends-results .user-row, .privat-messages .privat-content .privat-body .privat-groups .friends-results .user-row {
            padding: 0.8em;
            display: block; }
            .privat-messages .privat-content .privat-body .privat-dialog .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-friends .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-dialog .friends-results .user-row.selected, .privat-messages .privat-content .privat-body .privat-search .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-groups .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-search .groups-results .group-create, .privat-messages .privat-content .privat-body .privat-friends .groups-results .group-create, .privat-messages .privat-content .privat-body .privat-groups .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-search .groups-results .group-row, .privat-messages .privat-content .privat-body .privat-friends .groups-results .group-row, .privat-messages .privat-content .privat-body .privat-groups .groups-results .group-row {
          display: -webkit-flex;
          display: flex;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          -webkit-flex-flow: row nowrap;
          flex-flow: row nowrap;
          -webkit-align-items: stretch;
          align-items: stretch;
          padding: 0.8em;
          border-bottom: 1px solid #e1e1e1; }
          .privat-messages .privat-content .privat-body .privat-dialog .groups-results .group-row .members-count, .privat-messages .privat-content .privat-body .privat-search .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-groups .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-search .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-groups .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 {
        height: 35em; }
        .privat-messages .privat-content .privat-body .privat-search-results .user-row {
          padding: 0.8em;
          display: block;
          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.hidden {
    opacity: 0.5; }
  .blog-list .approved {
    margin-left: 0.5em;
    font-size: 50%;
    vertical-align: super;
    color: #fec722; }
  .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-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  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: #fec722; }
  .blog-element IMG {
    width: 100%;
    max-height: 40em;
    object-fit: contain;
    display: block;
    margin: 0 auto; }
  .blog-element A {
    color: #4d77cc; }
    .blog-element A:hover {
      color: #424242; }
  .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 #e1e1e1;
    margin-left: 2em; }
    .blog-element QUOTE:before {
      position: relative;
      left: -2em;
      color: #e1e1e1;
      font-size: 150%; }

.element-tags {
  margin-bottom: 1em; }
  .element-tags A {
    color: #4d77cc; }
    .element-tags A:hover {
      color: #424242; }

.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: red; }

.element-options {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  align-items: center;
  background-color: #f4f4f4;
  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: #fec722; }
  .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: #fec722; }
    .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: 1em 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-header, OL .blog-list-search .element-header {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: stretch;
    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 > *, OL .blog-list-search .element-header .user-row > * {
      line-height: 1.6; }
    .blog-list-export .element-header .user-row .row-avatar > IMG, OL .blog-list-search .element-header .user-row .row-avatar > IMG, .blog-list-export .element-header .user-row .comments .comments-reply .reply-postbox .replay-avatar > IMG, .comments .comments-reply .reply-postbox .blog-list-export .element-header .user-row .replay-avatar > IMG, OL .blog-list-search .element-header .user-row .comments .comments-reply .reply-postbox .replay-avatar > IMG, .comments .comments-reply .reply-postbox OL .blog-list-search .element-header .user-row .replay-avatar > IMG {
      height: 1.5em;
      border-width: 2px; }
    @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: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    height: 24em;
    background: transparent no-repeat center center / cover;
    padding: 0.6em;
    margin: 0 -0.6em;
    color: white; }
    .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: #c8c864; }
    .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: #fde999; }

.search-form {
  padding: 1em;
  margin-bottom: 2em;
  border-bottom: 1px solid #e1e1e1; }
  .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: #fec722;
    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 * {
  transition: all 0.2s ease-out 0s; }
.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 .post-header {
        font-size: 80%;
        color: #8f8f8f; }
        .comments .comments-list .comment-post .post-content .post-header > * {
          vertical-align: middle;
          display: inline-block;
          line-height: 2; }
        .comments .comments-list .comment-post .post-content .post-header .comment-new {
          font-size: 200%;
          float: right;
          line-height: 1.1; }
          .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 {
          float: right;
          opacity: 0; }
          .comments .comments-list .comment-post .post-content .post-header .post-menu > A {
            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 {
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          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; }
          .comments .comments-list .comment-post .post-content .post-header .comment-complain.active {
            color: red; }
      .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: #4d77cc; }
          .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: red;
              font-size: 2.5em; }
        .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 #e1e1e1;
          margin-left: 2em; }
          .comments .comments-list .comment-post .post-content .post-message QUOTE:before {
            position: relative;
            left: -2em;
            color: #e1e1e1;
            font-size: 150%; }
      .comments .comments-list .comment-post .post-content .post-footer {
        font-size: 80%;
        color: #8f8f8f;
        display: flex;
        align-items: center; }
        .comments .comments-list .comment-post .post-content .post-footer .comment-vote {
          margin-right: 1.5em; }
          .comments .comments-list .comment-post .post-content .post-footer .comment-vote > A {
            font-size: 120%;
            width: 1.5em;
            text-align: center; }
        .comments .comments-list .comment-post .post-content .post-footer .comment-events {
          color: red; }
        .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 #4d77cc; }
.comments .bullet {
  margin: 0 0.4em;
  font-size: 160%;
  line-height: 1;
  color: #c2c2c2; }
.comments .comments-reply .logged-out {
  margin: 2em auto;
  text-align: center;
  width: 80%; }
  @media only screen and (max-width: 415px) {
    .comments .comments-reply .logged-out {
      width: 100%; } }
.comments .comments-reply .reply-postbox {
  margin: 1em 0 1em 0.5em; }
  .comments .comments-reply .reply-postbox .replay-avatar {
    float: left; }
  .comments .comments-reply .reply-postbox FORM {
    margin-left: 3em; }
  .comments .comments-reply .reply-postbox TEXTAREA {
    height: 6.5em;
    min-height: 6.5em; }

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

.gallery-folder-header {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: stretch;
  align-items: stretch; }
  .gallery-folder-header .gallery-folder-name > SMALL {
    font-weight: normal; }

.gallery-items, .uploaded-files {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: stretch;
  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 red; }
      .gallery-items .uploaded-file.error .upload-error, .uploaded-files .uploaded-file.error .upload-error {
        color: #c83232;
        text-align: center;
        padding: 1em;
        font-style: italic;
        font-size: 80%;
        margin-top: 10%; }

.upload-progress {
  background-color: white;
  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: #7ca541;
    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 #e1e1e1;
  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: white; }
  .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 #e1e1e1; }
  .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: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  align-items: center;
  margin: 1em 0;
  padding: 0.5em;
  border-top: 1px solid #e1e1e1; }
  .friends-list .friend-row:hover {
    background-color: #f8f8f8; }
  .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-points, .table-games, .table-results-edit, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-align-items: stretch;
  align-items: stretch; }
  .table .table-header, .table-points .table-header, .table-games .table-header, .table-results-edit .table-header, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    align-items: center;
    font-weight: bold;
    background-color: #f4f4f4;
    border-bottom: 1px solid #e1e1e1; }
    .table .table-header > *, .table-points .table-header > *, .table-games .table-header > *, .table-results-edit .table-header > *, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > * {
      -webkit-flex-grow: 1;
      flex-grow: 1;
      -webkit-flex-basis: 0;
      flex-basis: 0;
      padding: 0.3em; }
      .table .table-header > *.flex-grow1, .table-points .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 {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-header > *.flex-grow2, .table-points .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 .content-default .table-header > .right-side, .content-default .table .table-header > .right-side, .table-points .content-default .table-header > .right-side, .content-default .table-points .table-header > .right-side, .table-games .content-default .table-header > .right-side, .content-default .table-games .table-header > .right-side, .table-results-edit .content-default .table-header > .right-side, .content-default .table-results-edit .table-header > .right-side, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .content-default .table-header > .right-side, .content-default .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > .right-side {
        -webkit-flex-grow: 2;
        flex-grow: 2;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-header > *.flex-grow3, .table-points .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 .content-index .table-header > .left-side, .content-index .table .table-header > .left-side, .table-points .content-index .table-header > .left-side, .content-index .table-points .table-header > .left-side, .table-games .content-index .table-header > .left-side, .content-index .table-games .table-header > .left-side, .table-results-edit .content-index .table-header > .left-side, .content-index .table-results-edit .table-header > .left-side, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .content-index .table-header > .left-side, .content-index .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > .left-side {
        -webkit-flex-grow: 3;
        flex-grow: 3;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-header > *.flex-grow4, .table-points .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 {
        -webkit-flex-grow: 4;
        flex-grow: 4;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-header > *.flex-grow5, .table-points .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 .content-index .table-header > .right-side, .content-index .table .table-header > .right-side, .table-points .content-index .table-header > .right-side, .content-index .table-points .table-header > .right-side, .table-games .content-index .table-header > .right-side, .content-index .table-games .table-header > .right-side, .table-results-edit .content-index .table-header > .right-side, .content-index .table-results-edit .table-header > .right-side, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .content-index .table-header > .right-side, .content-index .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > .right-side {
        -webkit-flex-grow: 5;
        flex-grow: 5;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-header > *.flex-grow6, .table-points .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 {
        -webkit-flex-grow: 6;
        flex-grow: 6;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-header > *.flex-grow7, .table-points .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 {
        -webkit-flex-grow: 7;
        flex-grow: 7;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-header > *.flex-grow8, .table-points .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 .content-index .table-header > .middle-side, .content-index .table .table-header > .middle-side, .table-points .content-index .table-header > .middle-side, .content-index .table-points .table-header > .middle-side, .table-games .content-index .table-header > .middle-side, .content-index .table-games .table-header > .middle-side, .table-results-edit .content-index .table-header > .middle-side, .content-index .table-results-edit .table-header > .middle-side, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .content-index .table-header > .middle-side, .content-index .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > .middle-side {
        -webkit-flex-grow: 8;
        flex-grow: 8;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-header > *.flex-grow9, .table-points .table-header > *.flex-grow9, .table-games .table-header > *.flex-grow9, .table-results-edit .table-header > *.flex-grow9, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > *.flex-grow9 {
        -webkit-flex-grow: 9;
        flex-grow: 9;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-header > *.flex-grow10, .table-points .table-header > *.flex-grow10, .table-games .table-header > *.flex-grow10, .table-results-edit .table-header > *.flex-grow10, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > *.flex-grow10 {
        -webkit-flex-grow: 10;
        flex-grow: 10;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-header > *.flex-grow11, .table-points .table-header > *.flex-grow11, .table-games .table-header > *.flex-grow11, .table-results-edit .table-header > *.flex-grow11, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > *.flex-grow11 {
        -webkit-flex-grow: 11;
        flex-grow: 11;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-header > *.flex-grow12, .table-points .table-header > *.flex-grow12, .table-games .table-header > *.flex-grow12, .table-results-edit .table-header > *.flex-grow12, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > *.flex-grow12 {
        -webkit-flex-grow: 12;
        flex-grow: 12;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-header > *.flex-grow13, .table-points .table-header > *.flex-grow13, .table-games .table-header > *.flex-grow13, .table-results-edit .table-header > *.flex-grow13, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > *.flex-grow13 {
        -webkit-flex-grow: 13;
        flex-grow: 13;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-header > *.flex-grow14, .table-points .table-header > *.flex-grow14, .table-games .table-header > *.flex-grow14, .table-results-edit .table-header > *.flex-grow14, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > *.flex-grow14, .table .content-default .table-header > .middle-side, .content-default .table .table-header > .middle-side, .table-points .content-default .table-header > .middle-side, .content-default .table-points .table-header > .middle-side, .table-games .content-default .table-header > .middle-side, .content-default .table-games .table-header > .middle-side, .table-results-edit .content-default .table-header > .middle-side, .content-default .table-results-edit .table-header > .middle-side, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .content-default .table-header > .middle-side, .content-default .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > .middle-side {
        -webkit-flex-grow: 14;
        flex-grow: 14;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-header > *.flex-grow15, .table-points .table-header > *.flex-grow15, .table-games .table-header > *.flex-grow15, .table-results-edit .table-header > *.flex-grow15, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > *.flex-grow15 {
        -webkit-flex-grow: 15;
        flex-grow: 15;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-header > *.flex-grow16, .table-points .table-header > *.flex-grow16, .table-games .table-header > *.flex-grow16, .table-results-edit .table-header > *.flex-grow16, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > *.flex-grow16 {
        -webkit-flex-grow: 16;
        flex-grow: 16;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
    .table .table-header .fa, .table-points .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 {
      font-size: 80%; }
  .table .table-row, .table-points .table-row, .table-games .table-row, .table-results-edit .table-row, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    align-items: center; }
    .table .table-row:nth-child(2n+1), .table-points .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) {
      background-color: #f8f8f8; }
    .table .table-row > *, .table-points .table-row > *, .table-games .table-row > *, .table-results-edit .table-row > *, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > * {
      -webkit-flex-grow: 1;
      flex-grow: 1;
      -webkit-flex-basis: 0;
      flex-basis: 0;
      padding: 0.3em; }
      .table .table-row > *.flex-grow1, .table-points .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 {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-row > *.flex-grow2, .table-points .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 .content-default .table-row > .right-side, .content-default .table .table-row > .right-side, .table-points .content-default .table-row > .right-side, .content-default .table-points .table-row > .right-side, .table-games .content-default .table-row > .right-side, .content-default .table-games .table-row > .right-side, .table-results-edit .content-default .table-row > .right-side, .content-default .table-results-edit .table-row > .right-side, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .content-default .table-row > .right-side, .content-default .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > .right-side {
        -webkit-flex-grow: 2;
        flex-grow: 2;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-row > *.flex-grow3, .table-points .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 .content-index .table-row > .left-side, .content-index .table .table-row > .left-side, .table-points .content-index .table-row > .left-side, .content-index .table-points .table-row > .left-side, .table-games .content-index .table-row > .left-side, .content-index .table-games .table-row > .left-side, .table-results-edit .content-index .table-row > .left-side, .content-index .table-results-edit .table-row > .left-side, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .content-index .table-row > .left-side, .content-index .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > .left-side {
        -webkit-flex-grow: 3;
        flex-grow: 3;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-row > *.flex-grow4, .table-points .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 {
        -webkit-flex-grow: 4;
        flex-grow: 4;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-row > *.flex-grow5, .table-points .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 .content-index .table-row > .right-side, .content-index .table .table-row > .right-side, .table-points .content-index .table-row > .right-side, .content-index .table-points .table-row > .right-side, .table-games .content-index .table-row > .right-side, .content-index .table-games .table-row > .right-side, .table-results-edit .content-index .table-row > .right-side, .content-index .table-results-edit .table-row > .right-side, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .content-index .table-row > .right-side, .content-index .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > .right-side {
        -webkit-flex-grow: 5;
        flex-grow: 5;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-row > *.flex-grow6, .table-points .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 {
        -webkit-flex-grow: 6;
        flex-grow: 6;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-row > *.flex-grow7, .table-points .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 {
        -webkit-flex-grow: 7;
        flex-grow: 7;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-row > *.flex-grow8, .table-points .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 .content-index .table-row > .middle-side, .content-index .table .table-row > .middle-side, .table-points .content-index .table-row > .middle-side, .content-index .table-points .table-row > .middle-side, .table-games .content-index .table-row > .middle-side, .content-index .table-games .table-row > .middle-side, .table-results-edit .content-index .table-row > .middle-side, .content-index .table-results-edit .table-row > .middle-side, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .content-index .table-row > .middle-side, .content-index .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > .middle-side {
        -webkit-flex-grow: 8;
        flex-grow: 8;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-row > *.flex-grow9, .table-points .table-row > *.flex-grow9, .table-games .table-row > *.flex-grow9, .table-results-edit .table-row > *.flex-grow9, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > *.flex-grow9 {
        -webkit-flex-grow: 9;
        flex-grow: 9;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-row > *.flex-grow10, .table-points .table-row > *.flex-grow10, .table-games .table-row > *.flex-grow10, .table-results-edit .table-row > *.flex-grow10, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > *.flex-grow10 {
        -webkit-flex-grow: 10;
        flex-grow: 10;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-row > *.flex-grow11, .table-points .table-row > *.flex-grow11, .table-games .table-row > *.flex-grow11, .table-results-edit .table-row > *.flex-grow11, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > *.flex-grow11 {
        -webkit-flex-grow: 11;
        flex-grow: 11;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-row > *.flex-grow12, .table-points .table-row > *.flex-grow12, .table-games .table-row > *.flex-grow12, .table-results-edit .table-row > *.flex-grow12, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > *.flex-grow12 {
        -webkit-flex-grow: 12;
        flex-grow: 12;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-row > *.flex-grow13, .table-points .table-row > *.flex-grow13, .table-games .table-row > *.flex-grow13, .table-results-edit .table-row > *.flex-grow13, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > *.flex-grow13 {
        -webkit-flex-grow: 13;
        flex-grow: 13;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-row > *.flex-grow14, .table-points .table-row > *.flex-grow14, .table-games .table-row > *.flex-grow14, .table-results-edit .table-row > *.flex-grow14, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > *.flex-grow14, .table .content-default .table-row > .middle-side, .content-default .table .table-row > .middle-side, .table-points .content-default .table-row > .middle-side, .content-default .table-points .table-row > .middle-side, .table-games .content-default .table-row > .middle-side, .content-default .table-games .table-row > .middle-side, .table-results-edit .content-default .table-row > .middle-side, .content-default .table-results-edit .table-row > .middle-side, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .content-default .table-row > .middle-side, .content-default .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > .middle-side {
        -webkit-flex-grow: 14;
        flex-grow: 14;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-row > *.flex-grow15, .table-points .table-row > *.flex-grow15, .table-games .table-row > *.flex-grow15, .table-results-edit .table-row > *.flex-grow15, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > *.flex-grow15 {
        -webkit-flex-grow: 15;
        flex-grow: 15;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-row > *.flex-grow16, .table-points .table-row > *.flex-grow16, .table-games .table-row > *.flex-grow16, .table-results-edit .table-row > *.flex-grow16, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > *.flex-grow16 {
        -webkit-flex-grow: 16;
        flex-grow: 16;
        -webkit-flex-basis: 0;
        flex-basis: 0; }
      .table .table-row > * .team-icon, .table-points .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 {
        width: 1.6em;
        height: 1.2em;
        object-fit: cover;
        vertical-align: middle;
        border-radius: 2px;
        border: 1px solid rgba(0, 0, 0, 0.2); }
    .table .table-row:hover, .table-points .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 {
      background-color: #f3f3f3; }

.table-points {
  font-size: 95%; }
  .table-points .table-header > *, .table-points .table-row > * {
    padding: 0.4em 0.2em; }
    .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 #7ca541; }
  .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 #dc3232; }

.table-games .table-header > *, .table-results-edit .table-header > *, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-header > * {
  padding: 0.4em; }
.table-games .table-row > *, .table-results-edit .table-row > *, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > * {
  padding: 0.4em; }
  .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; }
  .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: 2em; }

.table-champs, .table-results {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-align-items: stretch;
  align-items: stretch; }
  .table-champs .champ-header, .table-results .champ-header {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f4f4f4;
    border-bottom: 1px solid #e1e1e1;
    padding: 0.4em; }
  .table-champs .champ-row, .table-results .champ-row {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 1em;
    margin-bottom: 2em; }
    .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.4em;
      border-bottom: 1px solid #e1e1e1;
      font-family: "Roboto", sans-serif; }
    .table-champs .champ-row .game-row, .table-results .champ-row .game-row {
      padding: 0.4em;
      border-bottom: 1px solid #f4f4f4; }
      .table-champs .champ-row .game-row .team-icon, .table-results .champ-row .game-row .team-icon {
        width: 1.6em;
        height: 1.2em;
        object-fit: cover;
        vertical-align: middle;
        border-radius: 2px;
        border: 1px solid rgba(0, 0, 0, 0.2);
        margin: 0 0.2em; }
      @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: #c8c864;
        font-size: 80%;
        margin-right: 0.5em; }
        @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.6em; }
      .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: 3em auto;
    font-size: 80%; }

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

.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: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    align-items: center;
    padding: 0.4em; }
  .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[type="number"], .virtual-wrapper .content-virtual .virtual-forecast .forecast-table .table-row > * INPUT[type="number"] {
    padding: 0.2em 0.6em;
    width: 3em; }
  .table-results-edit BUTTON, .virtual-wrapper .content-virtual .virtual-forecast .forecast-table BUTTON {
    margin-bottom: 1em; }

.table-results .result-row {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  align-items: center; }
  .table-results .result-row:nth-child(2n+1) {
    background-color: #f8f8f8; }
  .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 #7ca541; }
  .table-results .result-row > * {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    padding: 0.4em 0.2em; }
    .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 {
    -webkit-flex-grow: 5;
    flex-grow: 5;
    -webkit-flex-basis: 0;
    flex-basis: 0; }
    .table-results .result-row .user-row .row-avatar > IMG, .table-results .result-row .user-row .comments .comments-reply .reply-postbox .replay-avatar > IMG, .comments .comments-reply .reply-postbox .table-results .result-row .user-row .replay-avatar > IMG {
      height: 2em; }

.tags-cloud {
  background-color: white;
  padding: 1em;
  font-family: "Roboto", sans-serif; }
  .tags-cloud A {
    color: #4d77cc;
    margin: 0 0.2em;
    line-height: 1; }
    .tags-cloud A:hover {
      color: #424242 !important; }

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

.calendar {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  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: #f8f8f8; }
    .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: #f8f8f8; }
  .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: 0;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    -webkit-animation-delay: 0;
    -webkit-animation-duration: 0.5s;
    -webkit-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: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-align-items: stretch;
      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: #fde999;
          height: 100%;
          top: 0; }
  .poll .poll-footer {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 0.5em; }
    .poll .poll-footer > DIV:last-child {
      font-size: 80%;
      color: #8f8f8f; }

.comment-now {
  background-color: white;
  padding: 1em; }
  .comment-now .comment {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    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 #e1e1e1;
    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: #f4f4f4; }
  .scroll SPAN {
    background-color: #f4f4f4; }

.page-error {
  background-color: #f4f4f4;
  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: #fec722;
    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: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: stretch;
  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: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-align-items: center;
      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: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-align-items: center;
        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: -webkit-flex;
          display: flex;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-flex-flow: column nowrap;
          flex-flow: column nowrap;
          -webkit-align-items: center;
          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: #198745;
        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: #dc3232;
        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: #e5eb4e;
    color: black;
    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: #e5eb4e;
        color: #424242;
        border-radius: 2px; }

.match-table .champ-row {
  display: block; }
  .match-table .champ-row .game-row {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    line-height: 2;
    transition: height 0.2s ease-out 0s;
    scroll-margin: 4rem; }
    .match-table .champ-row .game-row .game-row__info-teams {
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 600px) {
        .match-table .champ-row .game-row .game-row__info-teams {
          flex-direction: column; } }
    .match-table .champ-row .game-row .game-row__teams {
      flex-grow: 1; }
      @media only screen and (max-width: 415px) {
        .match-table .champ-row .game-row .game-row__teams {
          display: flex;
          justify-content: flex-start;
          align-items: center; } }
      .match-table .champ-row .game-row .game-row__teams .team-logo {
        height: 1.5em;
        vertical-align: middle; }
        .match-table .champ-row .game-row .game-row__teams .team-logo.team-logo__first {
          margin-right: 0.5em; }
        .match-table .champ-row .game-row .game-row__teams .team-logo.team-logo__second {
          margin-left: 0.5em; }
    .match-table .champ-row .game-row .game-row__status {
      font-size: 80%;
      color: #8f8f8f;
      min-width: 8em;
      text-align: center; }
      .match-table .champ-row .game-row .game-row__status .fa-right-dir {
        font-size: 150%;
        color: #198745; }
      .match-table .champ-row .game-row .game-row__status .status__play {
        display: block;
        width: 1em;
        height: 1em;
        border: 0.8em solid transparent;
        border-right-width: 0;
        border-left-color: #198745; }
      @media only screen and (max-width: 415px) {
        .match-table .champ-row .game-row .game-row__status {
          display: none; } }
    .match-table .champ-row .game-row .game-row__bets {
      display: flex;
      align-items: stretch;
      line-height: 2;
      flex-wrap: wrap;
      margin-right: 1em; }
      .match-table .champ-row .game-row .game-row__bets .game-row__bets-plate {
        min-width: 5em;
        text-align: center; }
        .match-table .champ-row .game-row .game-row__bets .game-row__bets-plate:hover {
          background-color: #e5eb4e;
          color: #424242;
          border-radius: 2px; }
        .match-table .champ-row .game-row .game-row__bets .game-row__bets-plate B {
          margin-right: 0;
          color: #007d31; }
    .match-table .champ-row .game-row .game-row__info-stat {
      display: none;
      justify-content: space-evenly;
      align-items: flex-start;
      font-size: 80%;
      margin-top: 1em; }
      @media only screen and (max-width: 600px) {
        .match-table .champ-row .game-row .game-row__info-stat {
          flex-wrap: wrap; } }
      .match-table .champ-row .game-row .game-row__info-stat .game-stat__ball,
      .match-table .champ-row .game-row .game-row__info-stat .game-stat__team {
        width: 45%;
        display: flex;
        flex-wrap: wrap;
        text-align: center; }
        @media only screen and (max-width: 600px) {
          .match-table .champ-row .game-row .game-row__info-stat .game-stat__ball,
          .match-table .champ-row .game-row .game-row__info-stat .game-stat__team {
            width: 100%; } }
        .match-table .champ-row .game-row .game-row__info-stat .game-stat__ball .stat-row__header,
        .match-table .champ-row .game-row .game-row__info-stat .game-stat__team .stat-row__header {
          width: 100%;
          border-bottom: 1px solid #e1e1e1; }
        .match-table .champ-row .game-row .game-row__info-stat .game-stat__ball .stat-row__value,
        .match-table .champ-row .game-row .game-row__info-stat .game-stat__team .stat-row__value {
          width: 50%; }
      .match-table .champ-row .game-row .game-row__info-stat .game-stat__events {
        display: flex;
        align-items: stretch;
        flex-wrap: wrap;
        width: 50%; }
        @media only screen and (max-width: 600px) {
          .match-table .champ-row .game-row .game-row__info-stat .game-stat__events {
            width: 100%; } }
        .match-table .champ-row .game-row .game-row__info-stat .game-stat__events .game-events__icon {
          height: 1.1em;
          vertical-align: middle;
          margin: 0 0.3em; }
          .match-table .champ-row .game-row .game-row__info-stat .game-stat__events .game-events__icon.fa-out {
            color: #dc3232; }
          .match-table .champ-row .game-row .game-row__info-stat .game-stat__events .game-events__icon.fa-in {
            color: #198745; }
        .match-table .champ-row .game-row .game-row__info-stat .game-stat__events > DIV {
          width: 50%;
          padding: 0 0.3em; }
          .match-table .champ-row .game-row .game-row__info-stat .game-stat__events > DIV:nth-child(2n+1) {
            text-align: right;
            border-right: 1px solid #e1e1e1; }
          .match-table .champ-row .game-row .game-row__info-stat .game-stat__events > DIV:nth-child(2n) {
            text-align: left; }
      @media only screen and (max-width: 415px) {
        .match-table .champ-row .game-row .game-row__info-stat SPAN, .match-table .champ-row .game-row .game-row__info-stat TIME {
          display: inline-block; } }
    .match-table .champ-row .game-row.expanded {
      background-color: #f8f8f8; }
      .match-table .champ-row .game-row.expanded .game-row__info-stat {
        display: flex; }
    .match-table .champ-row .game-row .live-badge {
      display: inline-block;
      margin: 0 0.5em;
      padding: 0.2em 0.4em;
      background-color: #e63232;
      line-height: 1;
      border-radius: 2px;
      color: #fff; }
.match-table.widget {
  background-color: white;
  font-size: 90%;
  padding: 1em 0; }
  .match-table.widget .champ-row .game-row {
    flex-wrap: wrap;
    height: auto;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
    .match-table.widget .champ-row .game-row .game-row__teams {
      width: 100%; }
      .match-table.widget .champ-row .game-row .game-row__teams .team-logo {
        height: 1.5em; }
.match-table.widget__horizontal {
  flex-direction: row;
  flex-wrap: wrap; }
  @media only screen and (max-width: 600px) {
    .match-table.widget__horizontal {
      flex-direction: column; } }
  .match-table.widget__horizontal .champ-cell {
    flex-basis: 50%; }
  .match-table.widget__horizontal .champ-header {
    background-color: transparent;
    border-bottom: 0 none;
    padding-left: 1em;
    padding-right: 1em; }
  .match-table.widget__horizontal .champ-row {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 1em; }
    .match-table.widget__horizontal .champ-row .game-row {
      flex-basis: 49%;
      max-width: 49%;
      margin-right: 1%;
      flex-wrap: wrap;
      height: auto;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
      @media only screen and (max-width: 600px) {
        .match-table.widget__horizontal .champ-row .game-row {
          flex-basis: 100%;
          max-width: 100%; } }
      .match-table.widget__horizontal .champ-row .game-row .game-row__teams {
        width: 100%; }
        .match-table.widget__horizontal .champ-row .game-row .game-row__teams .team-logo {
          height: 1.5em; }
    .match-table.widget__horizontal .champ-row.shrink-row {
      overflow: hidden;
      margin: 0;
      height: 0;
      transition: all 0.2s ease-out 0s; }
  .match-table.widget__horizontal .widget__actions {
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 600px) {
      .match-table.widget__horizontal .widget__actions {
        flex-direction: column; } }
    .match-table.widget__horizontal .widget__actions .ls_logo {
      width: 6em;
      height: 3em;
      margin-left: 1em; }
    .match-table.widget__horizontal .widget__actions .ls_button {
      padding: 0.6em 1em 0.4em;
      font-size: 100%;
      margin-left: 1em; }
    .match-table.widget__horizontal .widget__actions A[role="button"] {
      margin-left: 1em; }
.match-table.one-game .champ-row .game-row {
  cursor: auto; }
  .match-table.one-game .champ-row .game-row:hover {
    background-color: inherit; }
  .match-table.one-game .champ-row .game-row .game-row__info-stat {
    display: flex; }
.match-table .ls_logo {
  background: transparent url("/data/liga-stavok__logo.png") no-repeat center center/contain;
  min-width: 4em;
  margin: 0 0.5em; }
.match-table .ls_button {
  font-family: 'HeliosCondBold', 'RobotoLight', sans-serif;
  background-color: #e5eb4e;
  color: black;
  padding: 0.2em 0.6em 0;
  border-radius: 2px;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 85%; }

.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) url("/data/liga-ball.svg") no-repeat 97% -30px;
    border: 0 none;
    padding: 1em 1.5em;
    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: 1.5;
      text-transform: none;
      position: relative; }
      .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';
          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); }

/*# sourceMappingURL=style.css.map */